@charset "UTF-8";
/*//////////////////////////////////////////////////////////////////////////////
Common
//////////////////////////////////////////////////////////////////////////////*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@font-face {
  font-family: "Hiragino Kaku Gothic ProN";
  src: url("../font/Hiragino_Kaku_Gothic_ProN_W6.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/* Document */
/* ============================================ */
/**
* 1. Correct the line height in all browsers.
* 2. Prevent adjustments of font size after orientation changes in iOS.
* 3. Remove gray overlay on links for iOS.
*/
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-tap-highlight-color: transparent;
  /* 3*/
}

/* Sections */
/* ============================================ */
/**
* Remove the margin in all browsers.
*/
body {
  margin: 0;
}

/**
* Render the `main` element consistently in IE.
*/
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
* 1. Add the correct box sizing in Firefox.
* 2. Show the overflow in Edge and IE.
*/
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
* Remove the gray background on active links in IE 10.
*/
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
* 1. Remove the bottom border in Chrome 57-
* 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
*/
abbr[title] {
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
b,
strong {
  font-weight: bolder;
}

/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: inherit;
  /* 2 */
}

/**
* Add the correct font size in all browsers.
*/
small {
  font-size: 80%;
}

/**
* Prevent `sub` and `sup` elements from affecting the line height in
* all browsers.
*/
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content */
/* ============================================ */
/**
* Prevent vertical alignment issues.
*/
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
* Reset form fields to make them styleable
*/
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

/**
* Reset radio and checkbox appearance to preserve their look in iOS.
*/
[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
       appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
       appearance: radio;
}

/**
* Show the overflow in IE.
* 1. Show the overflow in Edge.
*/
button,
input {
  /* 1 */
  overflow: visible;
}

/**
* Remove the inheritance of text transform in Edge, Firefox, and IE.
* 1. Remove the inheritance of text transform in Firefox.
*/
button,
select {
  /* 1 */
  text-transform: none;
}

/**
* Correct the inability to style clickable types in iOS and Safari.
*/
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

button[disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled] {
  cursor: default;
}

/**
* Remove the inner border and padding in Firefox.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
* Restore the focus styles unset by the previous rule.
*/
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
* Remove arrow in IE10 & IE11
*/
select::-ms-expand {
  display: none;
}

/**
* Remove padding
*/
option {
  padding: 0;
}

/**
* Reset to invisible
*/
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

/**
* 1. Correct the text wrapping in Edge and IE.
* 2. Correct the color inheritance from `fieldset` elements in IE.
* 3. Remove the padding so developers are not caught out when they zero out
*    `fieldset` elements in all browsers.
*/
legend {
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
* Add the correct vertical alignment in Chrome, Firefox, and Opera.
*/
progress {
  vertical-align: baseline;
}

/**
* Remove the default vertical scrollbar in IE 10+.
*/
textarea {
  overflow: auto;
}

/**
* Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
* 1. Correct the outline style in Safari.
*/
[type=search] {
  outline-offset: -2px;
  /* 1 */
}

/**
* Remove the inner padding in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
* 1. Correct the inability to style clickable types in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/**
* Clickable labels
*/
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
* Add the correct display in Edge, IE 10+, and Firefox.
*/
details {
  display: block;
}

/*
* Add the correct display in all browsers.
*/
summary {
  display: list-item;
}

/*
* Remove outline for editable content.
*/
[contenteditable] {
  outline: none;
}

/* Table */
/* ============================================ */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

/* Misc */
/* ============================================ */
/**
* Add the correct display in IE 10+.
*/
template {
  display: none;
}

/**
* Add the correct display in IE 10.
*/
[hidden] {
  display: none;
}

html {
  font-size: min(10px, 2.42vw);
}

body {
  font-family: "Noto Sans JP", serif;
  font-size: 1.6rem;
  line-height: normal;
  background-color: #fff;
}

img,
embed,
object,
iframe {
  display: block;
  max-width: 100%;
}

a {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
a:hover {
  opacity: 0.6;
}

@media (min-width: 769px) {
  .sp {
    display: none !important;
  }
}
@media (max-width: 768px) {
  .pc {
    display: none !important;
  }
  body {
    font-size: 1.4rem;
  }
}
/*//////////////////////////////////////////////////////////////////////////////
Layout
//////////////////////////////////////////////////////////////////////////////*/
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding-top: 3rem;
  z-index: 9999;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: translateY(-200%);
          transform: translateY(-200%);
}
.header.active {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.header .group-content {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.header .group-content .logo {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 5rem;
  max-width: 110px;
}
.header .btn-menu {
  display: none;
  position: relative;
}
.header .menu-sp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 10000;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  background-color: rgba(84, 84, 84, 0.3);
  border-radius: 50%;
  top: 1rem;
  right: -5rem;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(150, 150, 150, 0.5);
          box-shadow: 0px 0px 20px 0px rgba(150, 150, 150, 0.5);
  z-index: 9999;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  cursor: pointer;
}
.header .menu-sp.active .group span:nth-child(1) {
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.header .menu-sp.active .group span:nth-child(2) {
  opacity: 0;
}
.header .menu-sp.active .group span:nth-child(3) {
  bottom: 50%;
  -webkit-transform: translate(-50%, 50%) rotate(-45deg);
          transform: translate(-50%, 50%) rotate(-45deg);
}
.header .menu-sp .group {
  display: block;
  position: relative;
  width: 26px;
  height: 18px;
}
.header .menu-sp .group span {
  position: absolute;
  width: 100%;
  height: 4px;
  border-radius: 3px;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #fff;
}
.header .menu-sp .group span:nth-child(1) {
  top: 0;
}
.header .menu-sp .group span:nth-child(2) {
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.header .menu-sp .group span:nth-child(3) {
  bottom: 0;
}
.header .header-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6.7rem;
  width: 100%;
  max-width: 1493px;
  border-radius: 100px;
  background: rgba(84, 84, 84, 0.3);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.header .header-nav .arr {
  display: none;
}
.header .header-nav .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
  height: 100%;
  padding: 3rem 0;
}
.header .header-nav .link::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(150, 150, 150, 0.24);
          box-shadow: 0px 0px 20px 0px rgba(150, 150, 150, 0.24);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.header .header-nav .link.sdg::after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(../images/common/ic-link.png) no-repeat center center/100% 100%;
}
.header .header-nav .link.contact {
  position: relative;
}
.header .header-nav .link.contact::before {
  content: "";
  width: 49px;
  height: 49px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1);
}
.header .header-nav .link.contact::after {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 1.5rem;
  position: absolute;
  content: "";
  width: 20px;
  height: 16px;
  background: url(../images/common/ic-mail.png) no-repeat center center/100% 100%;
}
.header .header-nav .link.active::before, .header .header-nav .link:hover::before {
  background-color: #FFC5D6;
}
.header .header-nav .link span {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.2;
}
.header .header-nav .group-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.header .header-nav .group-link .grlink {
  width: 100%;
}
.header .header-nav .group-link:hover .sub-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header .header-nav .group-link.recruit .sub-link {
  left: unset;
  right: 0;
}
.header .header-nav .group-link.recruit .sub-link .right .link-sub .ic {
  border: 3px solid #FFC5D6;
}
.header .header-nav .group-link.recruit .sub-link .right .link-sub:hover .ic {
  background-color: #FFC5D6;
}
.header .header-nav .group-link .sub-link-sp {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
  margin-top: 2rem;
}
.header .header-nav .group-link .sub-link-sp .link-sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.4rem;
}
.header .header-nav .group-link .sub-link-sp .link-sub .ic {
  width: 2rem;
  height: 2rem;
}
.header .header-nav .group-link .sub-link-sp .link-sub p {
  color: #FFF;
  font-family: "Noto Sans JP", serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1.5;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.header .header-nav .group-link .sub-link-sp .link-sub.sdg {
  width: 9.6rem;
}
.header .header-nav .group-link .sub-link-sp .link-sub.sdg::after {
  content: "";
  width: 2rem;
  height: 2rem;
  background: url(../images/common/ic-link.png) no-repeat center center/100% 100%;
}
.header .header-nav .group-link .sub-link {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5rem;
  padding: 5rem;
  background-color: #fff;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.header .header-nav .group-link .sub-link .left {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.5rem;
}
.header .header-nav .group-link .sub-link .left::after {
  content: "";
  width: 10rem;
  height: 3px;
  background-color: #000;
}
.header .header-nav .group-link .sub-link .left .cl-pp {
  color: #063491;
}
.header .header-nav .group-link .sub-link .left .cl-pk {
  color: #FFC5D6;
}
.header .header-nav .group-link .sub-link .left p {
  color: #000;
  font-family: "Noto Sans JP", serif;
  font-size: 5.6rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.0168rem;
  text-transform: uppercase;
}
.header .header-nav .group-link .sub-link .left p span {
  font-size: 5.6rem;
  font-weight: 900;
}
.header .header-nav .group-link .sub-link .left span {
  color: #000;
  font-family: "Noto Sans JP", serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}
.header .header-nav .group-link .sub-link .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
.header .header-nav .group-link .sub-link .right .group-sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
}
.header .header-nav .group-link .sub-link .right .link-sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
}
.header .header-nav .group-link .sub-link .right .link-sub.sdg::after {
  content: "";
  width: 2rem;
  height: 2rem;
  background: url(../images/common/ic-link-black.png) no-repeat center center/100% 100%;
}
.header .header-nav .group-link .sub-link .right .link-sub:hover .ic {
  background-color: #063491;
}
.header .header-nav .group-link .sub-link .right .link-sub .ic {
  background-color: #fff;
  border-radius: 50%;
  border: 3px solid #063491;
  width: 2rem;
  height: 2rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.header .header-nav .group-link .sub-link .right .link-sub p {
  color: #000;
  font-family: "Noto Sans JP", serif;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 120%;
}

@media (max-width: 1700px) {
  .header .header-nav {
    padding: 2rem 0;
    gap: 5rem;
  }
  .header .group-content {
    padding: 0 14rem;
  }
  .header .group-content .logo {
    right: 2rem;
  }
}
@media (max-width: 1400px) {
  .header .header-nav {
    gap: 4rem;
    padding: 1.5rem 0;
  }
  .header .group-content {
    padding: 0 10rem;
  }
  .header .group-content .logo {
    right: 1rem;
    max-width: 80px;
  }
}
@media (max-width: 1400px) {
  .header .header-nav {
    padding: 1.5rem 2rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 1rem;
  }
  .header .header-nav .link {
    padding: 1rem 0;
  }
  .header .header-nav .link.contact::before {
    width: 32px;
    height: 32px;
  }
  .header .header-nav .link.contact::after {
    width: 15px;
    height: 12px;
    left: 0.9rem;
  }
  .header .group-content .logo {
    max-width: 60px;
  }
}
@media (max-width: 1080px) {
  .header .group-content {
    padding: 0 6rem;
  }
  .header .header-nav {
    gap: 0.8rem;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .header .group-content .logo {
    max-width: 40px;
  }
  .header .header-nav .link {
    gap: 0.8rem;
  }
  .header .header-nav .link span {
    font-size: 1.5rem;
  }
}
@media (max-width: 1080px) {
  .header {
    padding-top: 1rem;
  }
  .header .header-nav {
    position: fixed;
    right: -100%;
    top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: unset;
        flex-wrap: unset;
    gap: 0;
    border-radius: 0;
    height: 100vh;
    max-width: 300px;
    overflow-y: scroll;
    padding: 10rem 0;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
    z-index: 10000;
    background: linear-gradient(150deg, #A9C8EE 20.17%, #BBF1ED 100.98%);
  }
  .header .header-nav.active {
    right: 0;
  }
  .header .header-nav .group-link {
    width: 100%;
    max-width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 auto;
    padding: 2rem 8rem;
    border-bottom: 1px solid #fff;
  }
  .header .header-nav .group-link:first-child {
    border-top: 1px solid #fff;
  }
  .header .header-nav .group-link.contact {
    border-bottom: unset;
    margin-top: 5rem;
    max-width: unset;
  }
  .header .header-nav .group-link.contact .link {
    margin: 0 auto;
  }
  .header .header-nav .group-link .arr {
    display: block;
    width: 13px;
    height: 5px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0rem;
    border-top: 8px solid #fff;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    z-index: 1;
  }
  .header .header-nav .group-link .sub-link,
  .header .header-nav .group-link:hover .sub-link {
    display: none;
  }
  .header .header-nav .group-link .sub-link-sp {
    display: none;
  }
  .header .header-nav .group-link .sub-link-sp.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .header .group-content .logo {
    z-index: 10001;
    max-width: 60px;
  }
  .header .header-nav .grlink {
    position: relative;
  }
  .header .header-nav .link {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0;
    height: unset;
  }
  .header .header-nav .link.contact {
    padding: 2rem 3rem;
    background: #063491;
    border-radius: 30px;
    max-width: 168px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .header .header-nav .link.contact::before {
    display: none;
  }
  .header .header-nav .link.contact::after {
    -webkit-transform: unset;
            transform: unset;
    position: relative;
    left: unset;
    top: unset;
    width: 20px;
    height: 16px;
    background: url(../images/common/ic-mail-w.png) no-repeat center center/100% 100%;
  }
  .header .btn-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    z-index: 10001;
  }
  .header .group-content {
    padding: 0 2rem;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .header .group-content .logo {
    position: relative;
    -webkit-transform: unset;
            transform: unset;
    right: 0;
    top: 0;
  }
}
@media (max-width: 540px) {
  .header .header-nav .group-link {
    padding: 2rem 12rem;
  }
}
@-webkit-keyframes subLink {
  from {
    height: 0;
  }
  to {
    height: auto;
  }
}
@keyframes subLink {
  from {
    height: 0;
  }
  to {
    height: auto;
  }
}
@media (max-width: 768px) {
  .header {
    padding: 0.4rem 0;
    background: rgba(255, 255, 255, 0.7);
  }
  .header .group-content {
    padding: 0 1rem;
  }
  .header .group-content .logo {
    max-width: 50px;
  }
}
@media (max-width: 540px) {
  .header .header-nav {
    max-width: 100%;
  }
}
.entry-contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  margin: 0 auto;
  position: relative;
}
.entry-contact .group {
  width: 100%;
  max-width: 50%;
  position: relative;
  overflow: hidden;
}
.entry-contact .group .bg {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.entry-contact .group .bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.entry-contact .group::before {
  position: absolute;
  width: 100%;
  height: 100%;
  content: "";
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.entry-contact .group:hover::before {
  opacity: 0;
}
.entry-contact .group:hover .bg {
  scale: 1.1;
}
.entry-contact .group p {
  font-size: 10rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -3px;
}
.entry-contact .group .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.entry-contact .group .link span {
  color: #fff;
  font-size: 2.1rem;
  font-weight: 700;
  line-height: 1;
}
.entry-contact .group .link .ic {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background-color: #ffffff;
}
.entry-contact .group .entory, .entry-contact .group .contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 1;
}
.entry-contact .group .entory {
  padding: 10rem 0;
  margin-left: auto;
  margin-right: 20%;
}
.entry-contact .group .contact {
  padding: 8rem 0 12rem;
  margin-right: auto;
  margin-left: 22%;
}

.footer {
  background: url(../images/common/bg-footer.png) no-repeat center center/cover;
  padding: 12rem 0 12.6rem;
}
.footer .container {
  max-width: 1612px;
}
.footer .group-above {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0rem;
}
.footer .group-above .left {
  width: 100%;
  max-width: 528px;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5rem;
}
.footer .group-above .left .title {
  color: #fff;
  font-size: 2.1rem;
  font-weight: 500;
  line-height: 1;
}
.footer .group-above .left .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
.footer .group-above .left .text p {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.2;
}
.footer .group-above .right {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 4rem;
     -moz-column-gap: 4rem;
          column-gap: 4rem;
  row-gap: 2rem;
}
.footer .group-above .right .group-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
}
.footer .group-above .right .group-link .link-top a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
}
.footer .group-above .right .group-link .link-top a::before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 20px 0px rgba(150, 150, 150, 0.24);
          box-shadow: 0px 0px 20px 0px rgba(150, 150, 150, 0.24);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.footer .group-above .right .group-link .link-top a.sdg::after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(../images/common/ic-link.png) no-repeat center center/100% 100%;
}
.footer .group-above .right .group-link .link-top a:hover::before {
  background-color: #FFC5D6;
}
.footer .group-above .right .group-link .link-top a span {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.2;
}
.footer .group-above .right .group-link .list-sup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 3.5rem;
  gap: 1.5rem;
}
.footer .group-above .right .group-link .list-sup a {
  color: #FFF;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.2;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.footer .group-above .right .group-link .list-sup a:hover {
  opacity: 0.6;
}
.footer .group-above .right .group-link .list-sup .sdg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer .group-above .right .group-link .list-sup .sdg::after {
  content: "";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 20px;
  height: 20px;
  margin-left: 1.6rem;
  background: url(../images/common/ic-link.png) no-repeat center center/100% 100%;
}
.footer .group-below {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 2rem;
  margin-top: 14rem;
  border-bottom: 1px solid #fff;
}
.footer .group-below .copy {
  color: #FFF;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1;
  text-align: end;
}
.footer .group-below .logo {
  width: 10rem;
}

@media (max-width: 1400px) {
  .entry-contact .group p {
    font-size: 6rem;
  }
  .entry-contact .group .entory, .entry-contact .group .contact {
    gap: 3rem;
  }
  .entry-contact .group a.link span {
    font-size: 1.8rem;
  }
  .footer .group-above .left .logo img {
    width: 100px;
  }
  .footer .group-above .left {
    gap: 4rem;
  }
  .footer .group-above .right {
    -webkit-column-gap: 2rem;
       -moz-column-gap: 2rem;
            column-gap: 2rem;
  }
  .footer .group-above .left .title {
    font-size: 2rem;
  }
  .entry-contact .group a.link .ic {
    width: 40px;
    height: 40px;
  }
  .footer .group-below {
    padding-top: 2rem;
    margin-top: 8rem;
  }
}
@media (max-width: 768px) {
  .entry-contact {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .entry-contact .group {
    max-width: 100%;
  }
  .entry-contact .group .entory {
    margin-right: auto;
  }
  .entry-contact .group .contact {
    margin-left: auto;
  }
  .entry-contact .group .entory, .entry-contact .group .contact {
    padding: 8rem 0;
  }
  .footer .group-above {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .footer .group-above .right {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    display: none;
  }
}
@media (max-width: 768px) {
  .entry-contact .group a.link .ic {
    width: 30px;
    height: 30px;
  }
  .entry-contact .group a.link .ic img {
    width: 14px;
    height: 13px;
  }
  .entry-contact .group p {
    font-size: 5.6rem;
    letter-spacing: 0.005em;
  }
  .entry-contact .group a.link span {
    font-size: 1.4rem;
  }
  .entry-contact .group .entory, .entry-contact .group .contact {
    padding: 4rem 0;
  }
  .footer {
    padding: 4rem 0 8rem;
  }
  .footer .container {
    max-width: 92%;
  }
  .footer .group-above .right .group-link {
    gap: 2rem;
    margin-bottom: 1.8rem;
  }
  .footer .group-above .right .group-link .list-sup {
    padding-left: 3.6rem;
  }
  .footer .group-below .copy {
    text-align: center;
    font-size: 1.4rem;
  }
  .footer .group-above {
    display: block;
  }
  .footer .group-above .left {
    display: block;
    margin-bottom: 4.6rem;
  }
  .footer .group-above .left .title {
    margin-top: 1.6rem;
  }
  .footer .group-above .right {
    display: block;
  }
  .footer .group-below .logo {
    display: none;
  }
  .footer .group-below {
    border-bottom: none;
    border-top: 1px solid #fff;
  }
}
.text-blue-white p {
  color: #fff;
}
.text-blue-white p span {
  color: #0042C5;
}

.container {
  width: 96%;
  margin: 0 auto;
  padding: 0;
}

.sec-header-top {
  min-height: 700px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.sec-header-top .container {
  max-width: calc(100% - 200px);
}
.sec-header-top .group-content {
  padding: 1rem 2rem 3rem;
  background-color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.sec-header-top .group-content.aniSlideright .title {
  -webkit-animation-name: opacity;
          animation-name: opacity;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  overflow: hidden;
}
.sec-header-top .group-content.aniSlideright .title span {
  position: relative;
}
.sec-header-top .group-content.aniSlideright .title span::before {
  -webkit-animation-name: bgextendAnimeSecond;
          animation-name: bgextendAnimeSecond;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}
.sec-header-top .group-content.aniSlideright .title span::after {
  -webkit-animation-name: bgLRextendAnime;
          animation-name: bgLRextendAnime;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #666;
  top: 0;
  left: 0;
}
.sec-header-top .group-content.aniSlideright .text {
  -webkit-animation-name: opacity;
          animation-name: opacity;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  overflow: hidden;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.sec-header-top .group-content.aniSlideright .text::after {
  content: "";
  -webkit-animation-name: bgLRextendAnime;
          animation-name: bgLRextendAnime;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #666;
  top: 0;
  left: 0;
}
.sec-header-top .group-content.aniSlideright .text p {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-animation-name: bgextendAnimeSecond;
          animation-name: bgextendAnimeSecond;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-delay: 0.6s;
          animation-delay: 0.6s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}
.sec-header-top .group-content .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sec-header-top .group-content .title span {
  font-size: 16rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -4.8px;
  position: relative;
  display: inline-block;
  color: transparent;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.sec-header-top .group-content .title span.txt-pink::before {
  background: linear-gradient(116deg, #FF6F99 7.07%, #FFD1DF 48.67%, #EC5D88 91.97%);
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  mix-blend-mode: multiply;
}
.sec-header-top .group-content .title span::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(116deg, #063491 7.07%, #215E90 48.67%, #06223A 91.97%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sec-header-top .group-content .text {
  color: #063491;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1;
}

.sec-breadcumb .container {
  max-width: calc(100% - 160px);
}
.sec-breadcumb .above {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: -webkit-gradient(linear, left top, right top, color-stop(89%, rgba(6, 52, 145, 0.8)), to(rgba(2, 16, 43, 0.8)));
  background: linear-gradient(90deg, rgba(6, 52, 145, 0.8) 89%, rgba(2, 16, 43, 0.8) 100%);
  background-blend-mode: multiply;
  padding: 1.6rem 0;
}
.sec-breadcumb .above .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.sec-breadcumb .above a {
  color: #FFF;
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}
.sec-breadcumb .above span {
  color: #FFF;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6;
}
.sec-breadcumb .below {
  padding: 1.6rem 0;
  background: -webkit-gradient(linear, left top, right top, color-stop(68.5%, rgba(255, 209, 223, 0.3)), to(rgba(255, 127, 165, 0.3)));
  background: linear-gradient(90deg, rgba(255, 209, 223, 0.3) 68.5%, rgba(255, 127, 165, 0.3) 100%);
}
.sec-breadcumb .below .list-link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10.4rem;
}
.sec-breadcumb .below .list-link a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sec-breadcumb .below .list-link a::after {
  position: absolute;
  content: "";
  width: 20px;
  height: 8px;
  background: url(../images/common/ic-arrow-sm.png) no-repeat center center/100% 100%;
  margin-top: 25px;
}
.sec-breadcumb .below .list-link a span {
  color: #063491;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.6;
  text-align: center;
  padding-bottom: 10px;
}
.sec-breadcumb .below .list-link a:hover span {
  margin-bottom: -7px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.sec-breadcumb .below .list-link a:hover::after {
  margin-bottom: -7px;
}

.sec-text-header {
  padding: 20rem 0 10.8rem;
}
.sec-text-header .container {
  width: 96%;
  max-width: 1080px;
}
.sec-text-header .group-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 9.5rem;
}
.sec-text-header .group-content h2 {
  color: #000;
  font-size: 8rem;
  font-weight: 900;
  line-height: 1;
  text-transform: uppercase;
}
.sec-text-header .group-content p {
  color: #000;
  font-size: 2.1rem;
  font-weight: 400;
  line-height: 1.8;
  max-width: 1000px;
}

.title-main .container {
  width: 96%;
  max-width: 1644px;
  min-height: 492px;
  margin: unset;
  margin-right: auto;
  padding: 15rem 0 6.8rem 19rem;
  position: relative;
}
.title-main .container::after {
  width: 100%;
  max-width: 386px;
  height: 279px;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/common/group-elip.png) no-repeat center center/100% 100%;
}
.title-main .title {
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.title-main .group-sd {
  overflow: hidden;
}
.title-main .group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 3.4rem;
  overflow: hidden;
}
.title-main .group .group-line {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 2rem 0 3rem;
  border-bottom: 1px solid #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: 3rem;
     -moz-column-gap: 3rem;
          column-gap: 3rem;
  row-gap: 1rem;
}
.title-main .group .group-line p {
  color: #063491;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1;
  text-align: end;
}
.title-main .group .group-line p:not(:first-child) {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.title-main .group .group-line p:not(:first-child)::after, .title-main .group .group-line p:not(:first-child)::before {
  content: "";
  width: 3rem;
  height: 3px;
  background-color: #063491;
  border-radius: 2px;
}
.title-main h2 {
  color: #063491;
  font-size: 13.6rem;
  font-weight: 900;
  line-height: 1;
  letter-spacing: -4.08px;
  white-space: nowrap;
}
.title-main h2 p {
  font-weight: 900;
}

.title-division {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5.5rem;
  width: 96%;
  max-width: 1270px;
  margin: 0 auto;
}
.title-division .num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.title-division .num .text {
  font-size: 4rem;
  font-weight: 900;
  line-height: 1;
  position: relative;
  display: inline-block;
  color: transparent;
  white-space: nowrap;
}
.title-division .num .text::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(#6AA308), color-stop(50%, #E4FD59), to(#D2E1B8));
  background: linear-gradient(90deg, #6AA308 0%, #E4FD59 50%, #D2E1B8 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  mix-blend-mode: multiply;
}
.title-division .num .number {
  font-size: 17.6rem;
  font-weight: 900;
  line-height: 1;
  position: relative;
  display: inline-block;
  color: transparent;
  white-space: nowrap;
}
.title-division .num .number::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(#6AA308), color-stop(50%, #E4FD59), to(#D2E1B8));
  background: linear-gradient(90deg, #6AA308 0%, #E4FD59 50%, #D2E1B8 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  mix-blend-mode: multiply;
}
.title-division .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4rem;
}
.title-division .content .title {
  color: #000;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
  padding: 1rem;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.title-division .content .text {
  color: #000;
  font-size: 2.1rem;
  font-weight: 400;
  line-height: 1.8;
}

.btn-view, .btn-view-pk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  padding: 2rem 3rem 2rem 3.5rem;
  width: 100%;
  max-width: 240px;
  border-radius: 50px;
  background: #063491;
  -webkit-box-shadow: 0px 10px 0px 0px #001C54;
          box-shadow: 0px 10px 0px 0px #001C54;
}
.btn-view:hover, .btn-view-pk:hover {
  -webkit-transform: translate(0px, 10px);
          transform: translate(0px, 10px);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-view span, .btn-view-pk span {
  color: #FFF;
  font-size: 2.1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
}
.btn-view .ic, .btn-view-pk .ic {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background-color: #D2E7FF;
}

.btn-view-pk {
  background: #FFD1DF;
  -webkit-box-shadow: 0px 10px 0px 0px #FF6F99;
          box-shadow: 0px 10px 0px 0px #FF6F99;
}
.btn-view-pk span {
  color: #063491;
}
.btn-view-pk .ic {
  background-color: #fff;
}

.btn-back-top {
  position: absolute;
  z-index: 9998;
  top: -13rem;
  right: 5rem;
  padding: 2.3rem 1.2rem;
  background: -webkit-gradient(linear, left top, left bottom, from(rgb(210, 231, 255)), to(rgb(210, 255, 252)));
  background: linear-gradient(180deg, rgb(210, 231, 255) 0%, rgb(210, 255, 252) 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  cursor: pointer;
}
.btn-back-top p {
  color: #063491;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.8px;
}

.sec-mid {
  position: relative;
  overflow: hidden;
  opacity: 0;
}
.sec-mid.active {
  -webkit-animation-name: opacity;
          animation-name: opacity;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.sec-mid.active::before {
  -webkit-animation-name: bg-animation;
          animation-name: bg-animation;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.sec-mid::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #063491;
}
.sec-mid img {
  width: 100%;
}

.sec-detail {
  padding-top: 41rem;
  overflow: hidden;
  margin-bottom: 30rem;
}
.sec-detail .container .content .content-head {
  position: relative;
  max-width: 1320px;
  width: 100%;
  margin: auto;
}
.sec-detail .container .content .content-head .bg-top {
  background: -webkit-gradient(linear, left top, right top, from(#FF7FA5), color-stop(31.5%, #FFD1DF), to(#FFB8DD));
  background: linear-gradient(90deg, #FF7FA5 0%, #FFD1DF 31.5%, #FFB8DD 100%);
  min-height: 400px;
  position: relative;
  border-radius: 5rem 5rem 0 0;
}
.sec-detail .container .content .content-head .bg-top .img_recruit {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 12%);
          transform: translate(-50%, 12%);
}
.sec-detail .container .content .content-head .bg-ft {
  background: #fff;
  width: 100%;
  border-radius: 0 0 5rem 5rem;
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 8px 8px 15px 0px rgba(109, 109, 109, 0.2);
          box-shadow: 8px 8px 15px 0px rgba(109, 109, 109, 0.2);
  padding: 8rem 0 5.5rem;
}
.sec-detail .container .content .content-head .bg-ft .group-txt {
  text-align: center;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5rem;
}
.sec-detail .container .content .content-head .bg-ft .group-txt .title {
  font-size: 5.1rem;
  font-weight: 700;
}
.sec-detail .container .content .content-head .bg-ft .group-txt .txt {
  font-size: 2.1rem;
  text-align: left;
  max-width: 50rem;
  margin: auto;
}
.sec-detail .container .content .content-head .bg-ft .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 7rem;
}
.sec-detail .group {
  margin-top: 15rem;
}
.sec-detail .group .container-slider {
  max-width: 1000px;
  width: 100%;
  margin: auto;
}
.sec-detail .group .container-slider .slick-list {
  overflow: visible;
}
.sec-detail .group .container-slider .item-slider {
  margin: 0 25px;
}
.sec-detail .group .container-slider .item-slider .group-content {
  position: relative;
  padding: 3rem 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 2rem;
}
.sec-detail .group .container-slider .item-slider .group-content .bg {
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
}
.sec-detail .group .container-slider .item-slider .group-content .bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sec-detail .group .container-slider .item-slider .group-content .title, .sec-detail .group .container-slider .item-slider .group-content .text {
  position: relative;
}
.sec-detail .group .container-slider .item-slider .group-content .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.sec-detail .group .container-slider .item-slider .group-content .title p {
  font-size: 9rem;
  font-weight: 900;
  line-height: 1;
  position: relative;
  display: inline-block;
  color: transparent;
  white-space: nowrap;
  letter-spacing: -2.7px;
}
.sec-detail .group .container-slider .item-slider .group-content .title p::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(288deg, rgb(255, 111, 153) 3%, rgb(255, 209, 223) 29%, rgb(236, 93, 136) 85%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.sec-detail .group .container-slider .item-slider .group-content .text {
  color: #063491;
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  padding: 0 8px 8px;
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(25%, transparent), color-stop(25%, rgb(255, 255, 255)), to(rgb(255, 255, 255)));
  background: linear-gradient(180deg, transparent 25%, rgb(255, 255, 255) 25%, rgb(255, 255, 255) 100%);
}
.sec-detail .group .control {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5rem;
  margin-top: 10rem;
}

.btn-pink {
  font-size: 2.1rem;
  color: #063491;
  background: #FFD1DF;
  -webkit-box-shadow: 0px 9px 0px 0px #FF6F99;
          box-shadow: 0px 9px 0px 0px #FF6F99;
  border-radius: 5rem;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 23rem;
  width: 100%;
}
.btn-pink:hover {
  -webkit-transform: translateY(1rem);
          transform: translateY(1rem);
  -webkit-box-shadow: none;
          box-shadow: none;
}

.link-recruit {
  position: sticky;
  top: calc(95vh - 144px);
  margin-left: auto;
  background: linear-gradient(117deg, #FFD1DF 2.4%, #FFB6D6 57.77%, #FFB8DD 98.39%);
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  opacity: 0;
  -webkit-transition: unset;
  transition: unset;
  margin-bottom: -14.5rem;
}
.link-recruit.show {
  opacity: 1;
}
.link-recruit.addmg {
  margin-bottom: 40rem;
  margin-top: -40rem;
}
.link-recruit.sub.addmg {
  margin-bottom: 10rem;
}
.link-recruit.sub-rec.addmg {
  margin-bottom: 0rem;
  margin-top: 0;
}
.link-recruit.re-case.addmg {
  margin-bottom: 10rem;
  margin-top: -10rem;
}
.link-recruit .group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.8rem 2.5rem;
  gap: 1rem;
}
.link-recruit p {
  color: #215E90;
  text-align: center;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
}
.link-recruit p .smp {
  display: none;
}

.aniZoom {
  scale: 0.8;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.aniZoom.show {
  scale: 1;
}

@-webkit-keyframes opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes opacity {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes bg-animation {
  0% {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  50% {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  50.001% {
    -webkit-transform-origin: top;
            transform-origin: top;
  }
  100% {
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}
@keyframes bg-animation {
  0% {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  50% {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  50.001% {
    -webkit-transform-origin: top;
            transform-origin: top;
  }
  100% {
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}
@-webkit-keyframes bgextendAnimeSecond {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes bgextendAnimeSecond {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes bgLRextendAnime {
  0% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  50% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50.001% {
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  100% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
@keyframes bgLRextendAnime {
  0% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  50% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50.001% {
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  100% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
@media (min-width: 1921px) {
  .title-main .container {
    margin-left: auto;
  }
}
@media (max-width: 1700px) {
  .title-main h2 {
    font-size: 8.6rem;
  }
  .title-main .group .group-line {
    padding: 1rem 0 2rem;
  }
  .title-main .group .group-line p {
    font-size: 2.8rem;
  }
}
@media (max-width: 1500px) {
  .title-main .container {
    padding-left: calc((100vw - 1200px) / 2);
  }
}
@media (max-width: 1300px) {
  .title-main .container {
    padding-left: 2%;
  }
}
@media (max-width: 1200px) {
  .sec-header-top {
    min-height: 500px;
  }
  .sec-header-top .container {
    max-width: 100%;
  }
  .sec-header-top .group-content .title span {
    font-size: 8rem;
    letter-spacing: 0;
  }
  .sec-header-top .group-content .text {
    font-size: 2.4rem;
  }
  .sec-breadcumb .below .list-link {
    gap: 2rem;
  }
  .sec-text-header {
    padding: 10rem 0 6rem;
  }
  .sec-text-header .group-content {
    gap: 4rem;
  }
  .sec-text-header .group-content h2 {
    font-size: 4rem;
  }
  .sec-text-header .group-content p {
    font-size: 1.6rem;
  }
  .title-division {
    gap: 3rem;
  }
  .title-division .num .text {
    font-size: 2rem;
  }
  .title-division .num .number {
    font-size: 10rem;
  }
  .title-division .content {
    gap: 2rem;
  }
  .title-division .content .title {
    font-size: 2.4rem;
    padding: 0.4rem;
  }
  .title-division .content .text {
    font-size: 1.6rem;
  }
  .title-main .container {
    padding: 6rem 0 4.8rem 4rem;
    min-height: unset;
  }
  .title-main .container::after {
    max-width: 210px;
    height: 160px;
  }
  .title-main .group .group-line p {
    font-size: 2rem;
  }
  .btn-view, .btn-view-pk {
    padding: 1.5rem 2rem;
    max-width: 180px;
  }
  .btn-view span, .btn-view-pk span {
    font-size: 1.6rem;
  }
  .btn-view .ic, .btn-view-pk .ic {
    width: 30px;
    height: 30px;
  }
  .btn-view .ic img, .btn-view-pk .ic img {
    width: 14px;
    height: 13px;
  }
}
@media (max-width: 1080px) {
  .btn-view {
    -webkit-box-shadow: 0 6px 0 0 #001C54;
            box-shadow: 0 6px 0 0 #001C54;
  }
  .btn-view-pk {
    -webkit-box-shadow: 0 6px 0 0 #FF6F99;
            box-shadow: 0 6px 0 0 #FF6F99;
  }
  .sec-breadcumb .below .list-link {
    /*justify-content: space-between;*/
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .sec-breadcumb .container {
    width: 96%;
    max-width: 100%;
  }
  .sec-breadcumb .above {
    padding: 1rem 3rem;
  }
  .sec-breadcumb .below {
    padding: 1rem 3rem;
  }
  .sec-text-header .group-content {
    gap: 2rem;
  }
  .btn-back-top {
    padding: 1.6rem 0.8rem;
    top: -8rem;
    right: 2rem;
  }
  .btn-back-top p {
    font-size: 1.2rem;
  }
  .sec-detail .container .content .content-head .bg-top {
    min-height: 350px;
  }
  .sec-detail .container .content .content-head .bg-ft {
    padding: 6rem 0;
  }
  .sec-detail {
    padding-top: 30rem;
    margin-bottom: 18rem;
  }
  .sec-detail .group .control {
    margin-top: 6rem;
  }
}
@media (max-width: 768px) {
  .title-main h2 {
    letter-spacing: -1.68px;
  }
  .link-recruit {
    padding: 5px;
    width: 84px;
    height: 84px;
    margin-bottom: -70px;
    top: calc(100vh - 100px);
  }
  .link-recruit p {
    color: #FF6F99;
  }
  .link-recruit.sub-rec.addmg {
    margin-bottom: 5rem;
  }
  .link-recruit.sub.addmg {
    margin-bottom: 0rem;
  }
  .link-recruit.addmg {
    margin-bottom: 10rem;
    margin-top: -20rem;
  }
  .link-recruit .group {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: unset;
    background: url(../images/common/img-special.png) no-repeat center center/cover;
  }
  .link-recruit .group img {
    display: none;
  }
  .link-recruit .group p {
    font-size: 1.4rem;
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: -0.42px;
  }
  .link-recruit .group p .smp {
    display: block;
  }
  .sec-header-top {
    min-height: 250px;
  }
  .sec-header-top .container {
    padding: 2rem 0 4rem;
  }
  .sec-header-top .group-content {
    margin-bottom: unset;
    padding: 1rem 2rem;
  }
  .sec-header-top .group-content .title span {
    font-size: 5.6rem;
  }
  .sec-header-top .group-content .text {
    font-size: 1.6rem;
  }
  .sec-breadcumb .below .list-link {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 0;
  }
  .sec-breadcumb .below .list-link a {
    width: 50%;
    padding: 1rem 0;
  }
  .sec-breadcumb .below .list-link a span {
    text-align: center;
  }
  .sec-breadcumb .above {
    padding: 0.4rem 1rem;
  }
  .sec-breadcumb .below {
    display: none;
  }
  .sec-text-header {
    padding: 4rem 0 2rem;
  }
  .sec-text-header .group-content h2 {
    font-size: 2.4rem;
  }
  .sec-text-header .group-content p {
    font-size: 1.4rem;
  }
  .title-main .container {
    padding: 3rem 0 2rem;
    margin-right: unset;
    margin: auto;
  }
  .title-main .container::after {
    max-width: 120px;
    height: 90px;
  }
  .title-main .group {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .title-main h2 {
    font-size: 3.6rem;
  }
  .title-main .group .group-line {
    padding: 0.6rem 0 0.8rem;
    -webkit-column-gap: 1rem;
       -moz-column-gap: 1rem;
            column-gap: 1rem;
    margin-bottom: 1rem;
  }
  .title-main .group .group-line p {
    font-size: 1.4rem;
  }
  .title-main .group .group-line p:not(:first-child)::after, .title-main .group .group-line p:not(:first-child)::before {
    width: 1rem;
    height: 2px;
  }
  .title-division {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .title-division .content {
    gap: 1rem;
  }
  .title-division .num .text {
    font-size: 1.3rem;
  }
  .title-division .num .number {
    font-size: 7rem;
  }
  .title-division .content .title {
    font-size: 1.8rem;
  }
  .title-division .content .text {
    font-size: 1.4rem;
  }
  .btn-pink {
    font-size: 1.6rem;
    padding: 0.5rem;
    max-width: 20rem;
    -webkit-box-shadow: 0px 5px 0px 0px #FF6F99;
            box-shadow: 0px 5px 0px 0px #FF6F99;
  }
  .btn-pink img {
    width: 40px;
  }
  .btn-pink:hover {
    -webkit-transform: translateY(5px);
            transform: translateY(5px);
  }
  .sec-detail .container .content .content-head .bg-top {
    min-height: 200px;
  }
  .sec-detail .container .content .content-head .bg-ft .group-txt {
    gap: 1.5rem;
    padding: 1rem;
  }
  .sec-detail .container .content .content-head .bg-ft .group-txt .title {
    font-size: 2.4rem;
  }
  .sec-detail .container .content .content-head .bg-ft {
    padding: 3rem 0;
  }
  .sec-detail .container .content .content-head .bg-top .img_recruit {
    min-width: 400px;
  }
  .sec-detail {
    padding-top: 25rem;
  }
  .sec-detail .container .content .content-head .bg-ft .btn {
    padding-right: 4rem;
  }
  .sec-detail {
    padding-top: 25rem;
    margin-bottom: 7rem;
  }
  .sec-detail .group {
    margin-top: 6rem;
    padding-bottom: 18rem;
  }
  .sec-detail .group .control {
    margin-top: 2rem;
  }
  .sec-detail .group .control img {
    width: 6rem;
  }
  .sec-detail .group .container-slider .item-slider {
    margin: 0;
  }
  .sec-detail .group .container-slider .item-slider img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .sec-detail .group .container-slider .item-slider .group-content {
    min-height: 291px;
  }
  .sec-detail .container .content .content-head .bg-ft .group-txt .txt {
    font-size: 1.8rem;
  }
  .sec-detail .group .container-slider .item-slider .group-content .title p {
    font-size: 6rem;
  }
  .sec-detail .group .container-slider .item-slider .group-content .text {
    font-size: 20px;
    padding: 4px;
  }
  .sec-detail .group .container-slider .item-slider .group-content {
    padding: 2rem;
  }
}
@media (max-width: 650px) {
  .sec-detail {
    padding-top: 20rem;
  }
}
@media (max-width: 560px) {
  .sec-detail {
    padding-top: 15rem;
  }
}
@media (max-width: 500px) {
  .sec-detail .container .content .content-head .bg-top {
    min-height: 150px;
  }
}
body {
  font-family: "Noto Sans JP", sans-serif;
}

.bold {
  font-weight: bold;
}

@media screen and (max-width: 1024px) {
  .pc-only {
    display: none !important;
  }
}

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

.tab-only {
  display: none;
}
@media screen and (max-width: 1024px) {
  .tab-only {
    display: block !important;
  }
}

.sp-only {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp-only {
    display: block;
  }
}

.title-main h2.pink {
  color: #ff6f99;
}

.title-main .group-desc {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  max-width: 1127px;
  font-size: 21px;
  line-height: 1.8;
}
@media screen and (max-width: 1024px) {
  .title-main .group-desc {
    max-width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .title-main .group-desc {
    font-size: 16px;
  }
}

.title-main span.group-desc--bold {
  font-weight: bold;
  font-size: 40px;
}
@media screen and (max-width: 1024px) {
  .title-main span.group-desc--bold {
    font-size: max(3.90625vw, 24px);
  }
}

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

.title-main .group-sp-only {
  display: none;
}
@media screen and (max-width: 767px) {
  .title-main .group-sp-only {
    display: block;
    margin-top: 10px;
    font-size: 21px;
    color: #063491;
    font-weight: 500;
  }
}

.sec-text-header .group-content h2.small {
  font-size: 40px;
}
@media screen and (max-width: 1024px) {
  .sec-text-header .group-content h2.small {
    font-size: min(3.90625vw, 28px);
  }
}

@media screen and (max-width: 767px) {
  .sec-text-header {
    padding-left: 17px;
    padding-right: 17px;
  }
}

.sec-detail .btn-icon {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #ffffff;
  border-radius: 50%;
}

.toppage section {
  margin-top: -1px;
}
.toppage .container {
  padding: 0;
  max-width: 1520px;
  margin: 0 auto;
  min-height: unset;
}
.toppage .container::after {
  display: none;
}
.toppage .title-main .title {
  overflow: hidden;
}
.toppage .title-main .title .group {
  overflow: hidden;
}
.toppage .title-main .title .group .group-line {
  padding: 0;
  margin: auto;
}
.toppage .title-main .title .group-h-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: 8px;
}
.toppage .title-main .title .group-h-btn h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3.2rem;
}
.toppage .title-main .title .group-h-btn h2.textmask::after {
  right: 12.2rem;
}
.toppage .title-main .title .group-h-btn .btn-view {
  max-width: 318px;
}
.toppage .title-main .title h2 {
  color: #000;
}
.toppage .title-main .title .cl-pp {
  color: #063491;
}
.toppage .title-main .title .cl-gr {
  color: #FFB8DD;
}
.toppage .title-main .title .textmask {
  position: relative;
  padding-bottom: 3.5rem;
}
.toppage .title-main .title .textmask.hcl-gr::after {
  color: #FFB8DD;
}
.toppage .title-main .title .textmask::after {
  position: absolute;
  content: attr(data-textmask);
  color: #063491;
  font-size: 2.1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  letter-spacing: -0.63px;
  bottom: 0;
  right: 0;
}
.toppage .sec-top-page {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.toppage .sec-top-page.action .content .bg {
  -webkit-animation: opacity0 0.5s 1s cubic-bezier(0.77, 0, 0.175, 1) forwards;
          animation: opacity0 0.5s 1s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}
.toppage .sec-top-page.action .content .text .group .bg-text span:nth-child(1) {
  -webkit-animation: aniText1 1.5s cubic-bezier(0.77, 0, 0.175, 1) forwards;
          animation: aniText1 1.5s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}
.toppage .sec-top-page.action .content .text .group .bg-text span:nth-child(2) {
  -webkit-animation: aniText2 1s 0.5s cubic-bezier(0.77, 0, 0.175, 1) forwards;
          animation: aniText2 1s 0.5s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}
.toppage .sec-top-page.action .content .text .group .bg-text span:nth-child(3) {
  -webkit-animation: aniText3 0.5s 1s cubic-bezier(0.77, 0, 0.175, 1) forwards;
          animation: aniText3 0.5s 1s cubic-bezier(0.77, 0, 0.175, 1) forwards;
}
.toppage .sec-top-page .video {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  z-index: -2;
}
.toppage .sec-top-page .video img, .toppage .sec-top-page .video video, .toppage .sec-top-page .video canvas {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.toppage .sec-top-page .content {
  position: relative;
  height: 100%;
}
.toppage .sec-top-page .content .bg {
  opacity: 1;
  max-width: 100%;
  max-height: 100%;
}
.toppage .sec-top-page .content .bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.toppage .sec-top-page .content .text {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.toppage .sec-top-page .content .text .group {
  position: relative;
  width: 100%;
  height: 100%;
}
.toppage .sec-top-page .content .text .group .bg-text {
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: 96%;
  height: 100%;
  -webkit-transform: rotate(-10deg) translate(20px, -86px);
          transform: rotate(-10deg) translate(20px, -86px);
}
.toppage .sec-top-page .content .text .group .bg-text span {
  height: 31%;
  width: 100%;
  display: block;
  background-color: #fff;
  -webkit-transform: translateX(-200%);
          transform: translateX(-200%);
  opacity: 1;
}
.toppage .sec-top-page .content .text .group img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.toppage .sec-top-page .content .logo {
  position: absolute;
  z-index: 1;
  bottom: 7rem;
  right: 7rem;
}
.toppage .sec-view-video {
  width: 100%;
  height: 100vh;
  position: relative;
}
.toppage .sec-view-video .logo-ytb {
  position: absolute;
  bottom: 12rem;
  left: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.9rem;
}
.toppage .sec-view-video .logo-ytb p {
  color: #FFF;
  text-align: center;
  font-size: 1.9rem;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: 0.38px;
}
.toppage .sec-view-video .scroll {
  position: absolute;
  bottom: 12rem;
  right: 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.toppage .sec-view-video .scroll .arr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.toppage .sec-view-video .scroll .arr span:nth-child(1) {
  width: 3px;
  height: 60px;
  position: relative;
  overflow: hidden;
  -webkit-transform: translateY(22px);
          transform: translateY(22px);
}
.toppage .sec-view-video .scroll .arr span:nth-child(1)::after {
  content: "";
  position: absolute;
  width: 3px;
  height: 60px;
  background-color: #fff;
  -webkit-animation: aniScroll 1s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
          animation: aniScroll 1s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
  top: 0;
  left: 1px;
}
.toppage .sec-view-video .scroll .arr span:nth-child(2) {
  width: 22px;
  height: 22px;
  border-left: 3px solid #fff;
  border-bottom: 3px solid #fff;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  position: relative;
  z-index: 1;
}
.toppage .sec-view-video .scroll p {
  color: #FFF;
  text-align: center;
  font-size: 1.9rem;
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: 0.38px;
}
.toppage .sec-top-content {
  background: rgba(255, 255, 255, 0.4);
  position: relative;
  padding: 28rem 0 30rem;
  overflow: hidden;
}
.toppage .sec-top-content .bg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.toppage .sec-top-content .line {
  position: absolute;
  display: inline-block;
  width: 4px;
  height: 365px;
  overflow: hidden;
  border-radius: 32px;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.toppage .sec-top-content .line::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 32px;
  -webkit-animation: scroll_line 3s cubic-bezier(0.87, 0, 0.13, 1) infinite;
          animation: scroll_line 3s cubic-bezier(0.87, 0, 0.13, 1) infinite;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.toppage .sec-top-content .line.pp::before {
  background: -webkit-gradient(linear, left top, right top, from(rgb(1, 45, 132)), to(rgb(132, 173, 255)));
  background: linear-gradient(90deg, rgb(1, 45, 132) 0%, rgb(132, 173, 255) 100%);
}
.toppage .sec-top-content .line.gr::before {
  background: -webkit-gradient(linear, left top, right top, from(rgb(162, 255, 0)), to(rgb(239, 255, 212)));
  background: linear-gradient(90deg, rgb(162, 255, 0) 0%, rgb(239, 255, 212) 100%);
}
.toppage .sec-top-content .line.pk::before {
  background: -webkit-gradient(linear, left top, right top, from(rgb(255, 127, 165)), to(rgb(255, 184, 221)));
  background: linear-gradient(90deg, rgb(255, 127, 165) 0%, rgb(255, 184, 221) 100%);
}
.toppage .sec-top-content .line.line1 {
  left: 120px;
  top: 18%;
  width: 600px;
  height: 30px;
}
.toppage .sec-top-content .line.line2 {
  left: 34px;
  top: 32%;
  width: 800px;
  height: 30px;
}
.toppage .sec-top-content .line.line3 {
  left: -53px;
  top: 50%;
  width: 400px;
  height: 30px;
}
.toppage .sec-top-content .line.line4 {
  right: -161px;
  top: 50%;
  width: 800px;
  height: 30px;
}
.toppage .sec-top-content .line.line5 {
  right: 200px;
  top: 64%;
  width: 600px;
  height: 30px;
}
.toppage .sec-top-content .line.line6 {
  right: -313px;
  top: 72%;
  width: 800px;
  height: 30px;
}
.toppage .sec-top-content .container {
  position: relative;
  z-index: 1;
}
.toppage .sec-top-content .group-content .group-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 96%;
  max-width: 1354px;
  margin: 0 auto;
  overflow: hidden;
}
.toppage .sec-top-content .group-content .group-title .title:nth-child(2) {
  margin-left: auto;
}
.toppage .sec-top-content .group-content .group-title p {
  color: #000;
  font-size: 20rem;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
  width: 100%;
}
.toppage .sec-top-content .group-content .group-title p span {
  font-size: 8rem;
}
.toppage .sec-top-content .group-content .zone-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
  margin-top: 8rem;
}
.toppage .sec-top-content .group-content .zone-text p {
  color: #000;
  font-size: 2.4rem;
  font-style: normal;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 1.2px;
}
.toppage .sec-top-content .list-btn {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 20rem;
  margin-top: 22rem;
}
.toppage .sec-top-content .list-btn .btn-view {
  max-width: 367px;
}
.toppage .sec-top-content .list-btn .btn-view span {
  letter-spacing: -0.84px;
}
.toppage .sec-our-business {
  background: url(../images/top/bg_business.png) no-repeat center center/cover;
  padding: 25rem 0 30rem;
}
.toppage .sec-our-business .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 13rem;
  margin-top: 20rem;
}
.toppage .sec-our-business .list .item {
  width: 100%;
  max-width: 1340px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.toppage .sec-our-business .list .item:hover {
  opacity: 0.8;
}
.toppage .sec-our-business .list .item:nth-child(2n) .group {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.toppage .sec-our-business .list .item::before {
  content: "";
  position: absolute;
  display: block;
  border-radius: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgb(255, 158, 187)), color-stop(23%, rgb(255, 209, 223)), to(rgb(6, 52, 145)));
  background: linear-gradient(90deg, rgb(255, 158, 187) 0%, rgb(255, 209, 223) 23%, rgb(6, 52, 145) 100%);
}
.toppage .sec-our-business .list .item .group {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 1320px;
  border-radius: 50px;
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 10px;
  padding: 5.9rem 10rem 4.3rem;
  gap: 10rem;
}
.toppage .sec-our-business .list .item .content {
  max-width: 460px;
}
.toppage .sec-our-business .list .item .content .num p {
  color: #063491;
  font-size: 8rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}
.toppage .sec-our-business .list .item .content .title {
  margin-top: 5rem;
}
.toppage .sec-our-business .list .item .content .title .gr-m {
  display: none;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1rem;
  background: #000;
}
.toppage .sec-our-business .list .item .content .title p {
  color: #FFF;
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.toppage .sec-our-business .list .item .content .title p.v-pc {
  padding: 1rem;
  background: #000;
}
.toppage .sec-our-business .list .item .content .title span {
  display: block;
  margin-top: 2rem;
  color: #000;
  font-size: 2.1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
}
.toppage .sec-our-business .list .item .content .image {
  display: none;
}
.toppage .sec-our-business .list .item .content .text {
  margin-top: 5rem;
}
.toppage .sec-our-business .list .item .content .text p {
  color: #000;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
}
.toppage .sec-our-business .list .item .content .btn-view {
  margin-top: 3.7rem;
  margin-left: auto;
}
.toppage .sec-sdg {
  background-color: rgba(255, 255, 255, 0.4);
  padding: 25rem 0 31rem;
}
.toppage .sec-sdg .container {
  position: relative;
}
.toppage .sec-sdg .container .group-bg {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4.7rem;
  top: -7rem;
  right: -10rem;
  width: 57%;
}
.toppage .sec-sdg .container .group-bg .group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 3.2rem;
}
.toppage .sec-sdg .container .group-bg img {
  width: auto;
}
.toppage .sec-sdg .container .image-sp {
  display: none;
  width: 100%;
}
.toppage .sec-sdg .container .image-sp img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.toppage .sec-sdg .container .group-content {
  margin-top: 15rem;
  padding: 19.2rem 10rem 13.6rem;
  background: url(../images/top/bg-sdg.png) no-repeat center center/cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 14.3rem;
}
.toppage .sec-sdg .container .group-content .text {
  max-width: 600px;
}
.toppage .sec-sdg .container .group-content .text p {
  color: #FFF;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.16px;
}
.toppage .sec-sdg .container .list-btn {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 96%;
  max-width: 100%;
  margin: 3rem auto 0;
}
.toppage .sec-sdg .container .list-btn .btn-view {
  max-width: 245px;
}
.toppage .sec-news {
  padding: 11.8rem 0 9.6rem;
  position: relative;
}
.toppage .sec-news::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  background: url(../images/top/bg_news.jpg) no-repeat center center/cover;
  opacity: 0.3;
  z-index: -1;
}
.toppage .sec-news .group-content {
  width: 100%;
  max-width: 1340px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 15rem auto 0;
}
.toppage .sec-news .group-content::before {
  content: "";
  position: absolute;
  display: block;
  border-radius: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgb(132, 173, 255)), to(rgb(1, 45, 132)));
  background: linear-gradient(90deg, rgb(132, 173, 255) 0%, rgb(1, 45, 132) 100%);
}
.toppage .sec-news .group-content .content {
  position: relative;
  z-index: 1;
  padding: 2.6rem 6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 2rem;
  background: #fff;
  border-radius: 50px;
  margin: 10px;
  width: 100%;
}
.toppage .sec-news .group-content .content .left img:nth-child(2) {
  display: none;
}
.toppage .sec-news .group-content .content .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.toppage .sec-news .group-content .content .right .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.toppage .sec-news .group-content .content .right .list .item {
  padding: 5rem 0;
}
.toppage .sec-news .group-content .content .right .list .item:not(:last-child) {
  border-bottom: 1px solid #000;
}
.toppage .sec-news .group-content .content .right .list .item .group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
}
.toppage .sec-news .group-content .content .right .list .item .group .date {
  color: #000;
  font-size: 2.1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}
.toppage .sec-news .group-content .content .right .list .item .group .cate {
  background-color: #000;
  border-radius: 30px;
  padding: 1rem 2rem;
  color: #fff;
  font-family: "Noto Sans JP";
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}
.toppage .sec-news .group-content .content .right .list .item .group .cate.pp {
  background-color: #063491;
}
.toppage .sec-news .group-content .content .right .list .item .des {
  margin-top: 3rem;
}
.toppage .sec-news .group-content .content .right .list .item .des p {
  overflow: hidden;
  color: #000;
  text-overflow: ellipsis;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
}
.toppage .sec-news .list-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 10rem;
  max-width: 1340px;
}
.toppage .sec-recruit {
  padding: 25rem 0 10rem;
  overflow: hidden;
  position: relative;
  background-color: #fff;
}
.toppage .sec-recruit .container {
  position: relative;
}
.toppage .sec-recruit .line {
  position: absolute;
  display: inline-block;
  overflow: hidden;
  border-radius: 32px;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.toppage .sec-recruit .line::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 32px;
  -webkit-animation: scroll_line 3s cubic-bezier(0.87, 0, 0.13, 1) infinite;
          animation: scroll_line 3s cubic-bezier(0.87, 0, 0.13, 1) infinite;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}
.toppage .sec-recruit .line.pp::before {
  background: -webkit-gradient(linear, left top, right top, from(rgb(1, 45, 132)), to(rgb(132, 173, 255)));
  background: linear-gradient(90deg, rgb(1, 45, 132) 0%, rgb(132, 173, 255) 100%);
}
.toppage .sec-recruit .line.gr::before {
  background: -webkit-gradient(linear, left top, right top, from(rgb(162, 255, 0)), to(rgb(239, 255, 212)));
  background: linear-gradient(90deg, rgb(162, 255, 0) 0%, rgb(239, 255, 212) 100%);
}
.toppage .sec-recruit .line.pk::before {
  background: -webkit-gradient(linear, left top, right top, from(rgb(255, 127, 165)), to(rgb(255, 184, 221)));
  background: linear-gradient(90deg, rgb(255, 127, 165) 0%, rgb(255, 184, 221) 100%);
}
.toppage .sec-recruit .line.line1 {
  left: 48px;
  top: 43%;
  width: 800px;
  height: 10px;
}
.toppage .sec-recruit .line.line2 {
  left: -140px;
  top: 58%;
  width: 600px;
  height: 10px;
}
.toppage .sec-recruit .line.line3 {
  left: 13%;
  top: 65%;
  width: 800px;
  height: 10px;
}
.toppage .sec-recruit .line.line4 {
  right: 10%;
  top: 27%;
  width: 400px;
  height: 10px;
}
.toppage .sec-recruit .line.line5 {
  right: 0;
  top: 38%;
  width: 800px;
  height: 10px;
}
.toppage .sec-recruit .line.line6 {
  right: 0;
  top: 53%;
  width: 600px;
  height: 10px;
}
.toppage .sec-recruit .group-content {
  margin-top: 12rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
  z-index: 1;
}
.toppage .sec-recruit .group-text {
  position: absolute;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
  z-index: 2;
}
.toppage .sec-recruit .group-text p {
  color: #063491;
  font-size: 4rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -1.2px;
  padding: 1rem 2rem;
  background-color: #FFD1DF;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.toppage .sec-recruit .list-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-top: 15rem;
}
.toppage .sec-recruit .list-btn .btn-view-pk {
  max-width: 356px;
}
.toppage .sec-base {
  background-color: #fff;
  padding-top: 10rem;
  padding-bottom: 30rem;
}
.toppage .sec-base .title-office {
  color: #FFF;
  font-size: 3.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
  padding: 1rem 2rem;
  background-color: #000;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.toppage .sec-base .btn-office {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
}
.toppage .sec-base .btn-office span {
  color: #000;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
}
.toppage .sec-base .btn-office .ic {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background-color: #000;
}
.toppage .sec-base .head-office {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 2rem;
  max-width: 881px;
  margin: 15rem auto 0;
}
.toppage .sec-base .head-office .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
}
.toppage .sec-base .head-office .left .group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.toppage .sec-base .head-office .left .group span {
  color: #000;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
}
.toppage .sec-base .head-office .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
}
.toppage .sec-base .content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.toppage .sec-base .content a img:nth-child(2) {
  display: none;
}
.toppage .sec-base .content .ic {
  position: absolute;
  bottom: 8rem;
  right: 8rem;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.toppage .sec-base .content:hover .ic {
  scale: 1.1;
}
.toppage .sec-base .group-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  margin-top: 4rem;
}
.toppage .sec-base .group-info .item {
  width: 100%;
  max-width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10rem 0;
  gap: 5rem;
}
.toppage .sec-base .group-info .item.item-sp {
  display: none;
}
.toppage .sec-base .group-info .item:not(:last-child) {
  border-right: 1px solid #000;
}
.toppage .sec-base .group-info .item .above, .toppage .sec-base .group-info .item .below {
  max-width: 480px;
}
.toppage .sec-base .group-info .item .above {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 3rem;
}
.toppage .sec-base .group-info .item .above .group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.toppage .sec-base .group-info .item .above .group span {
  color: #000;
  font-size: 1.6rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2;
}
.toppage .sec-base .group-info .item .below {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 5rem;
}

.slide-in {
  overflow: hidden;
  display: inline-block;
  opacity: 0;
}

.aniRight.topTitle.slideIn p, .aniRight.topTitle.slideIn h2 {
  -webkit-animation: slideTextX-100-title;
          animation: slideTextX-100-title;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}
.aniRight.slideIn {
  -webkit-animation-name: slideTextX100;
          animation-name: slideTextX100;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}
.aniRight.slideIn p, .aniRight.slideIn h2 {
  -webkit-animation-name: slideTextX-100;
          animation-name: slideTextX-100;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

.aniUp.slideIn {
  -webkit-animation-name: slideTextY-100v2;
          animation-name: slideTextY-100v2;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}
.aniUp.slideIn p, .aniUp.slideIn h2 {
  -webkit-animation-name: slideTextY100v2;
          animation-name: slideTextY100v2;
  -webkit-animation-duration: 0.8s;
          animation-duration: 0.8s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}
.aniUp p, .aniUp h2 {
  display: inline-block;
}

@-webkit-keyframes aniScroll {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

@keyframes aniScroll {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
  100% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}
@-webkit-keyframes opacity0 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes opacity0 {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes aniText1 {
  0% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
  80% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 0;
  }
}
@keyframes aniText1 {
  0% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
  80% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 0;
  }
}
@-webkit-keyframes aniText2 {
  0% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
  80% {
    -webkit-transform: translateX(4%);
            transform: translateX(4%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(4%);
            transform: translateX(4%);
    opacity: 0;
  }
}
@keyframes aniText2 {
  0% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
  80% {
    -webkit-transform: translateX(4%);
            transform: translateX(4%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(4%);
            transform: translateX(4%);
    opacity: 0;
  }
}
@-webkit-keyframes aniText2Sp {
  0% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
  80% {
    -webkit-transform: translateX(-6%);
            transform: translateX(-6%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-6%);
            transform: translateX(-6%);
    opacity: 0;
  }
}
@keyframes aniText2Sp {
  0% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
  80% {
    -webkit-transform: translateX(-6%);
            transform: translateX(-6%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-6%);
            transform: translateX(-6%);
    opacity: 0;
  }
}
@-webkit-keyframes aniText3 {
  0% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
  80% {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
    opacity: 0;
  }
}
@keyframes aniText3 {
  0% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
  80% {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-5%);
            transform: translateX(-5%);
    opacity: 0;
  }
}
@-webkit-keyframes aniText3Sp {
  0% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
  80% {
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
    opacity: 0;
  }
}
@keyframes aniText3Sp {
  0% {
    -webkit-transform: translateX(-200%);
            transform: translateX(-200%);
  }
  80% {
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(-10%);
            transform: translateX(-10%);
    opacity: 0;
  }
}
@-webkit-keyframes scroll_line {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  90% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
@keyframes scroll_line {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  50% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  90% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}
.delay-10::before {
  -webkit-animation-delay: 1s !important;
          animation-delay: 1s !important;
}

.delay-20::before {
  -webkit-animation-delay: 2s !important;
          animation-delay: 2s !important;
}

.delay-30::before {
  -webkit-animation-delay: 3s !important;
          animation-delay: 3s !important;
}

.delay-15::before {
  -webkit-animation-delay: 1.5s !important;
          animation-delay: 1.5s !important;
}

.delay-25::before {
  -webkit-animation-delay: 2.5s !important;
          animation-delay: 2.5s !important;
}

.delay-35::before {
  -webkit-animation-delay: 3.5s !important;
          animation-delay: 3.5s !important;
}

@-webkit-keyframes slideTextX100 {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slideTextX100 {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0);
            transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes slideTextX-100-title {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
  }
}
@keyframes slideTextX-100-title {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(0%);
            transform: translateX(0%);
    opacity: 1;
  }
}
@-webkit-keyframes slideTextX-100 {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(-2%);
            transform: translateX(-2%);
    opacity: 1;
  }
}
@keyframes slideTextX-100 {
  from {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateX(-2%);
            transform: translateX(-2%);
    opacity: 1;
  }
}
@-webkit-keyframes slideTextY100 {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slideTextY100 {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes slideTextY-100 {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slideTextY-100 {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media (max-width: 1800px) {
  .toppage .sec-sdg .container .group-bg {
    max-width: 38%;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0;
  }
  .toppage .sec-sdg .container .group-bg > .image {
    max-width: 50%;
  }
}
@media (max-width: 1600px) {
  .toppage .sec-top-page .text p {
    font-size: 34rem;
  }
  .toppage .sec-top-page .content .logo {
    max-width: 14rem;
  }
  .toppage .sec-top-content {
    padding: 12rem 0;
  }
  .toppage .sec-top-content .group-content .zone-text {
    margin-top: 4rem;
  }
  .toppage .sec-top-content .group-content .zone-text p {
    font-size: 2rem;
  }
  .toppage .sec-top-content .list-btn {
    margin-top: 10rem;
  }
  .toppage .sec-top-content .line.line3 {
    top: 65%;
  }
  .toppage .sec-top-content .line.line5 {
    top: 48%;
  }
  .toppage .sec-our-business {
    padding: 12rem 0;
  }
  .toppage .sec-our-business .list {
    margin-top: 10rem;
    gap: 6rem;
  }
  .toppage .sec-our-business .list .item .group {
    gap: 4rem;
  }
  .toppage .sec-sdg {
    padding: 12rem 0;
  }
  .toppage .sec-sdg .container .group-content {
    padding: 12rem 4rem;
    gap: 6rem;
  }
  .toppage .sec-sdg .container .group-bg .group {
    gap: 2rem;
  }
  .toppage .sec-sdg .container .group-bg {
    gap: 2rem;
  }
  .toppage .sec-news {
    padding: 12rem 0;
  }
  .toppage .sec-news .group-content {
    margin: 10rem auto 0;
  }
  .toppage .sec-news .group-content .content .right .list .item {
    padding: 3rem 0;
  }
  .toppage .sec-recruit {
    padding: 12rem 0;
  }
  .toppage .sec-recruit .group-content {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .toppage .sec-recruit .list-btn {
    margin-top: 6rem;
  }
  .toppage .sec-base .head-office {
    margin: 10rem auto 0;
  }
  .toppage .sec-base .group-info .item {
    padding: 6rem 0;
  }
}
@media (max-width: 1200px) {
  .toppage .sec-top-content .group-content .group-title p {
    font-size: 15rem;
    line-height: 1;
  }
  .toppage .sec-top-content .group-content .group-title p span {
    font-size: 6rem;
  }
  .toppage .sec-top-page .text p {
    font-size: 26rem;
    -webkit-transform: rotate(-10deg) translate(var(--trans-x), 0%);
            transform: rotate(-10deg) translate(var(--trans-x), 0%);
    line-height: 1;
  }
  .toppage .sec-top-page .content .text .group .bg-text {
    -webkit-transform: rotate(-10deg) translate(20px, -70px);
            transform: rotate(-10deg) translate(20px, -70px);
  }
}
@media (max-width: 1080px) {
  .toppage .sec-our-business .list .item .group {
    gap: 2rem;
  }
  .toppage .title-main .title .group-h-btn h2 {
    gap: 1rem;
  }
  .toppage .title-main .title .group-h-btn .btn-view {
    max-width: 224px;
  }
  .toppage .sec-news .group-content .content .right .list .item .group {
    gap: 2rem;
  }
  .toppage .sec-news .group-content .content .right .list .item .group .cate {
    padding: 1rem;
    font-size: 1.4rem;
  }
  .toppage .sec-sdg .container .group-bg {
    position: relative;
    -webkit-transform: unset;
            transform: unset;
    width: 100%;
    max-width: unset;
    margin-top: 10rem;
  }
}
@media (max-width: 768px) {
  .toppage .sec-top-page .text {
    top: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .toppage .sec-top-page .text p {
    font-size: 20rem;
  }
  .toppage .sec-top-content .list-btn {
    padding-right: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .toppage .sec-top-content .line.line1,
  .toppage .sec-top-content .line.line2,
  .toppage .sec-top-content .line.line3,
  .toppage .sec-top-content .line.line4,
  .toppage .sec-top-content .line.line5,
  .toppage .sec-top-content .line.line6 {
    height: 10px;
  }
  .toppage .sec-recruit .line.line1,
  .toppage .sec-recruit .line.line2,
  .toppage .sec-recruit .line.line3,
  .toppage .sec-recruit .line.line4,
  .toppage .sec-recruit .line.line5,
  .toppage .sec-recruit .line.line6 {
    height: 5px;
  }
  .toppage .sec-sdg .container {
    width: 100%;
  }
  .toppage .sec-sdg .container .group-bg {
    display: none;
  }
  .toppage .sec-sdg .container .group-content {
    background: url(../images/top/bg-sdg-sp.png) no-repeat center center/cover;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .toppage .sec-sdg .container .image-sp.top {
    margin-top: 8rem;
  }
  .toppage .sec-sdg .container .image-sp {
    display: block;
  }
  .toppage .sec-sdg .container .group-content {
    margin-top: 0;
  }
  .toppage .title-main .title .group-h-btn {
    margin-right: 0;
  }
  .toppage .sec-sdg .title-main .title .group-h-btn h2 span,
  .toppage .title-main .title .group-h-btn .btn-view {
    display: none;
  }
  .toppage .title-main .title .group-h-btn h2.textmask::after {
    right: 0;
    bottom: 1.5rem;
  }
  .toppage .title-main .title .group-h-btn h2.textmask::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 18rem;
    width: 42px;
    height: 46px;
    background: url(../images/common/ic-sdg.png) no-repeat center center/cover;
  }
  .toppage .sec-sdg .title-main .container {
    width: 88%;
  }
  .toppage .sec-sdg .container .list-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .toppage .sec-sdg .title-main .title .textmask {
    padding-bottom: 5rem;
  }
  .toppage .sec-our-business .list .item .group .image {
    display: none;
  }
  .toppage .sec-our-business .list .item .content .image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 5rem;
  }
  .toppage .sec-our-business .list .item .content .image img {
    width: 100%;
  }
  .toppage .sec-our-business .list .item .content {
    max-width: 100%;
  }
  .toppage .sec-our-business .list .item .content .title .gr-m {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .toppage .sec-our-business .list .item .content .title .v-pc {
    display: none;
  }
  .toppage .sec-news .group-content .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .toppage .sec-news .group-content .content .left img:nth-child(2) {
    display: block;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .toppage .sec-news .group-content .content .left img:nth-child(1) {
    display: none;
  }
  .toppage .sec-recruit {
    padding: 8.3rem 0 7.5rem;
  }
  .toppage .sec-recruit .group-text {
    position: relative;
    margin-top: 5rem;
    gap: 1rem;
  }
  .toppage .sec-recruit .group-text p {
    font-size: 2.4rem;
  }
  .toppage .sec-recruit .line.line1 {
    width: 186px;
    left: -36px;
    top: 48%;
  }
  .toppage .sec-recruit .line.line2 {
    width: 139px;
    left: -56px;
    top: 56%;
  }
  .toppage .sec-recruit .line.line3 {
    width: 186px;
    left: 10%;
    top: 56%;
  }
  .toppage .sec-recruit .line.line4 {
    width: 102px;
    right: 2%;
    top: 55%;
  }
  .toppage .sec-recruit .line.line5 {
    width: 204px;
    right: -29px;
    top: 63%;
  }
  .toppage .sec-recruit .line.line6 {
    width: 153px;
    right: -26px;
    top: 71%;
  }
  .toppage .sec-base {
    padding-top: 7.5rem;
  }
  .toppage .sec-base .head-office {
    display: none;
  }
  .toppage .sec-base .group-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-bottom: unset;
    border-top: unset;
    gap: 10rem;
  }
  .toppage .sec-base .content a img:nth-child(2) {
    display: block;
  }
  .toppage .sec-base .content a img:nth-child(1) {
    display: none;
  }
  .toppage .sec-base .group-info .item:not(:last-child) {
    border-right: unset;
  }
  .toppage .sec-base .group-info .item.item-sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .toppage .sec-base .group-info .item {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 2rem;
    max-width: 92%;
    padding: 0;
  }
  .toppage .sec-base .group-info .item .below {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2rem;
  }
  .toppage .sec-base .content .ic {
    display: none;
  }
  .toppage .sec-base .content {
    margin-top: 2rem;
  }
  .toppage .sec-news .list-btn {
    margin-top: 3rem;
  }
}
@media (max-width: 800px) {
  .toppage .sec-top-content .group-content .group-title p {
    font-size: 12rem;
  }
  .toppage .sec-top-content .group-content .group-title p span {
    font-size: 4rem;
  }
}
@media (max-width: 768px) {
  .toppage .container {
    width: 88%;
  }
  .toppage .title-main .title .group .group-line {
    margin: auto auto 2.5rem;
  }
  .toppage .sec-top-content .group-content .zone-text {
    max-width: 279px;
    margin-left: auto;
    margin-right: auto;
  }
  .toppage .sec-top-page .text p {
    font-size: 18rem;
  }
  .toppage .sec-top-page .content .logo {
    max-width: 12.5rem;
    bottom: 4rem;
    right: 4rem;
  }
  .toppage .sec-top-content .group-content .group-title p {
    font-size: 6.7rem;
    line-height: 1.1;
  }
  .toppage .sec-top-content .group-content .group-title p span {
    font-size: 2.7rem;
  }
  .toppage .sec-top-content .group-content .zone-text p {
    font-size: 18px;
  }
  .toppage .sec-top-content .line.line1 {
    left: 0;
    top: 8%;
    width: 195px;
  }
  .toppage .sec-top-content .line.line2 {
    left: -38px;
    top: 13%;
    width: 260px;
  }
  .toppage .sec-top-content .line.line3 {
    left: -56px;
    top: 31.5%;
    width: 130px;
  }
  .toppage .sec-top-content .line.line4 {
    right: 15px;
    top: 65%;
    width: 267px;
  }
  .toppage .sec-top-content .line.line5 {
    left: 27px;
    top: 78%;
    width: 200px;
  }
  .toppage .sec-top-content .line.line6 {
    right: -29px;
    top: 78%;
    width: 267px;
  }
  .toppage .title-main .title h2 {
    font-size: 56px;
  }
  .toppage .sec-our-business .list .item .group {
    padding: 3rem 2.4rem 5rem;
  }
  .toppage .sec-our-business .list .item .content .num p {
    font-size: 4rem;
  }
  .toppage .sec-our-business .list .item .content .title p {
    font-size: 31px;
  }
  .toppage .sec-our-business .list .item .content .title,
  .toppage .sec-our-business .list .item .content .image,
  .toppage .sec-our-business .list .item .content .text {
    margin-top: 2rem;
  }
  .toppage .sec-top-content .list-btn .btn-view {
    max-width: 280px;
  }
  .toppage .sec-news .group-content .content {
    padding: 9rem 2.4rem 2.4rem;
  }
  .toppage .sec-recruit .list-btn .btn-view-pk {
    max-width: 282px;
  }
  .toppage .sec-view-video .logo-ytb {
    max-width: 6rem;
    bottom: 2rem;
    left: 4rem;
  }
  .toppage .sec-view-video .logo-ytb svg {
    max-height: 6rem;
  }
  .toppage .sec-view-video .logo-ytb p {
    font-size: 1.6rem;
  }
  .toppage .sec-view-video .scroll {
    bottom: 4rem;
    right: 4rem;
  }
  .toppage .sec-view-video .scroll p {
    font-size: 1.6rem;
  }
  .toppage .sec-top-page .content .text .group .bg-text span {
    height: 33%;
  }
  .toppage .sec-top-page.action .content .text .group .bg-text span:nth-child(2) {
    -webkit-animation: aniText2Sp 1s 0.5s cubic-bezier(0.77, 0, 0.175, 1) forwards;
            animation: aniText2Sp 1s 0.5s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  }
  .toppage .sec-top-page.action .content .text .group .bg-text span:nth-child(3) {
    -webkit-animation: aniText3Sp 0.5s 1s cubic-bezier(0.77, 0, 0.175, 1) forwards;
            animation: aniText3Sp 0.5s 1s cubic-bezier(0.77, 0, 0.175, 1) forwards;
  }
}
@media (max-width: 580px) {
  .toppage .sec-top-page .content .text .group .bg-text {
    -webkit-transform: rotate(-10deg) translate(20px, -16px);
            transform: rotate(-10deg) translate(20px, -16px);
  }
  .toppage .sec-top-page .content .text .group .bg-text span {
    height: 31%;
  }
}
@media (max-width: 500px) {
  .toppage .sec-top-page .content .text .group .bg-text {
    gap: 4rem;
    -webkit-transform: rotate(-10deg) translate(20px, 84px);
            transform: rotate(-10deg) translate(20px, 84px);
  }
  .toppage .sec-top-page .content .text .group .bg-text span {
    height: 20%;
  }
}
@media (max-width: 375px) {
  .toppage .sec-top-page .content .text .group .bg-text {
    gap: 3rem;
    -webkit-transform: rotate(-10deg) translate(20px, 67px);
            transform: rotate(-10deg) translate(20px, 67px);
  }
}
.our-business-system .aniUp.slideIn {
  -webkit-animation-name: slideTextY-100v2;
          animation-name: slideTextY-100v2;
}
.our-business-system .aniUp.slideIn p, .our-business-system .aniUp.slideIn h2 {
  -webkit-animation-name: slideTextY100v2;
          animation-name: slideTextY100v2;
}
.our-business-system .sec-header-top {
  background: url(../images/our_business_system/img_header.png) no-repeat center center/cover;
}
.our-business-system .sec-strength .container {
  max-width: 1240px;
}
.our-business-system .sec-strength .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10rem;
  padding: 16.2rem 0;
  background: url(../images/our_business_system/our_strength.png) no-repeat center center/cover;
  border-radius: 50px;
  overflow: hidden;
}
.our-business-system .sec-strength .image .text {
  width: 96%;
  max-width: 880px;
  padding: 5rem 4rem;
  background: #fff;
}
.our-business-system .sec-strength .image .text p {
  color: #000;
  text-align: left;
  font-size: 2.1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8;
}
.our-business-system .sec-highlight {
  margin-top: 20rem;
}
.our-business-system .sec-highlight .list-item {
  margin: 15rem auto 25rem;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  row-gap: 16.5rem;
  -webkit-column-gap: 20rem;
     -moz-column-gap: 20rem;
          column-gap: 20rem;
  width: 100%;
  max-width: 1200px;
}
.our-business-system .sec-highlight .list-item .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2rem;
  width: 100%;
  max-width: 500px;
}
.our-business-system .sec-highlight .list-item .item .image {
  border-radius: 30px;
  width: 100%;
}
.our-business-system .sec-highlight .list-item .item .image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.our-business-system .sec-highlight .list-item .item .group-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 5rem;
  width: 100%;
  max-width: 500px;
}
.our-business-system .sec-highlight .list-item .item .group-content .title {
  padding-bottom: 1rem;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.our-business-system .sec-highlight .list-item .item .group-content .title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  max-width: 100px;
  height: 2px;
  background-color: #063491;
}
.our-business-system .sec-highlight .list-item .item .group-content .title p {
  color: #063491;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.5;
  text-transform: capitalize;
}
.our-business-system .sec-highlight .list-item .item .group-content .title p small {
  font-size: 1.9rem;
}
.our-business-system .sec-highlight .list-item .item .group-content .text {
  color: #000;
  font-size: 2.1rem;
  font-weight: 400;
  line-height: 1.8;
}
.our-business-system .sec-highlight .item-highlight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 2rem;
  width: 100%;
  max-width: 1320px;
  margin: 10rem auto 15rem;
}
.our-business-system .sec-highlight .item-highlight .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5rem;
  width: 100%;
  max-width: 600px;
}
.our-business-system .sec-highlight .item-highlight .title p {
  color: #063491;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1;
  text-transform: capitalize;
}
.our-business-system .sec-highlight .item-highlight .text {
  width: 100%;
  max-width: 500px;
}
.our-business-system .sec-highlight .item-highlight .text p {
  color: #000;
  font-size: 2.1rem;
  font-weight: 400;
  line-height: 1.8;
}
.our-business-system .sec-slide {
  background: linear-gradient(112deg, #063491 4.17%, #97B1E6 97.8%);
  padding-bottom: 15rem;
}
.our-business-system .sec-slide .slick-list {
  max-width: 510px;
  margin: 0 auto;
  overflow: unset;
}
.our-business-system .sec-slide .title-slide {
  padding: 5rem 0;
  border-bottom: 1px solid #fff;
}
.our-business-system .sec-slide .title-slide p {
  color: #FFF;
  font-size: 4rem;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
.our-business-system .sec-slide .zone-slide {
  margin-top: 20rem;
  position: relative;
}
.our-business-system .sec-slide .zone-slide .btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  padding: unset;
  width: unset;
  height: unset;
  max-width: unset;
  overflow: unset;
}
.our-business-system .sec-slide .zone-slide .btn:hover {
  scale: 1.03;
}
.our-business-system .sec-slide .zone-slide .btn.btn-prev {
  left: 10rem;
}
.our-business-system .sec-slide .zone-slide .btn.btn-prev .group img {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.our-business-system .sec-slide .zone-slide .btn.btn-next {
  right: 10rem;
}
.our-business-system .sec-slide .zone-slide .btn .group {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.our-business-system .sec-slide .zone-slide .btn .group img {
  position: relative;
  z-index: 1;
}
.our-business-system .sec-slide .zone-slide .btn .group::after, .our-business-system .sec-slide .zone-slide .btn .group::before {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  content: "";
  border-radius: 50%;
}
.our-business-system .sec-slide .zone-slide .btn .group::before {
  background: linear-gradient(135deg, rgb(255, 158, 187) 0%, rgb(255, 209, 223) 51%, rgb(6, 52, 145) 100%);
  width: 100px;
  height: 100px;
}
.our-business-system .sec-slide .zone-slide .btn .group::after {
  background: #fff;
  width: 80px;
  height: 80px;
}
.our-business-system .sec-slide .zone-slide .sliders {
  overflow: hidden;
}
.our-business-system .sec-slide .zone-slide .item {
  padding: 5rem 3rem;
  border-radius: 30px;
  background: #FFF;
  margin: 0 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.our-business-system .sec-slide .zone-slide .item .image {
  width: 100%;
}
.our-business-system .sec-slide .zone-slide .item .image img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.our-business-system .sec-slide .zone-slide .item .content {
  width: 100%;
  margin-top: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2rem;
}
.our-business-system .sec-slide .zone-slide .item .content .date p {
  color: #000;
  font-size: 2.1rem;
  font-weight: 400;
  line-height: 1;
}
.our-business-system .sec-slide .zone-slide .item .content .des p {
  color: #000;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.8;
}
.our-business-system .sec-slide .list-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 15rem auto 0;
  max-width: calc(100% - 600px);
}

@-webkit-keyframes slideTextY-100v2 {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}

@keyframes slideTextY-100v2 {
  from {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes slideTextY100v2 {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slideTextY100v2 {
  from {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    opacity: 0;
  }
  to {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@media (max-width: 1200px) {
  .our-business-system .sec-highlight {
    margin-top: 8rem;
  }
  .our-business-system .sec-highlight .list-item {
    margin: 4rem 0 10rem;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: 6rem;
  }
  .our-business-system .sec-highlight .item-highlight {
    margin: 4rem auto 6rem;
  }
  .our-business-system .sec-highlight .item-highlight .right {
    gap: 3rem;
  }
  .our-business-system .sec-slide .title-slide {
    padding: 3rem 0;
  }
  .our-business-system .sec-slide .title-slide p {
    font-size: 2.8rem;
  }
  .our-business-system .sec-slide .zone-slide {
    margin-top: 4rem;
  }
  .our-business-system .sec-slide .slick-list {
    max-width: 425px;
  }
  .our-business-system .sec-slide .zone-slide .item {
    padding: 3rem 1.5rem;
    margin: 0 10px;
  }
  .our-business-system .sec-slide .zone-slide .item .content {
    margin-top: 2rem;
    gap: 1rem;
  }
  .our-business-system .sec-slide .list-btn {
    margin: 4rem auto 0;
    width: 96%;
    max-width: 100%;
  }
  .our-business-system .sec-slide .zone-slide .btn .group img {
    width: 22px;
  }
  .our-business-system .sec-slide .zone-slide .btn .group::after {
    width: 40px;
    height: 40px;
  }
  .our-business-system .sec-slide .zone-slide .btn .group::before {
    width: 50px;
    height: 50px;
  }
  .our-business-system .sec-highlight .list-item .item .group-content {
    gap: 2rem;
  }
}
@media (max-width: 768px) {
  .our-business-system .container {
    width: 88%;
  }
  .our-business-system .sec-strength .image {
    margin-top: 4rem;
    min-height: 500px;
    padding: 8.6rem 0;
  }
  .our-business-system .sec-strength .image .text {
    width: 86%;
  }
  .our-business-system .sec-highlight .item-highlight {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .our-business-system .sec-highlight .item-highlight .left {
    max-width: 50%;
  }
  .our-business-system .sec-highlight .item-highlight .right {
    max-width: 100%;
  }
  .our-business-system .sec-highlight .item-highlight .title p {
    font-size: 1.8rem;
    line-height: 1.3;
  }
  .our-business-system .sec-highlight .item-highlight .text {
    max-width: 100%;
  }
  .our-business-system .sec-highlight .item-highlight .text p {
    font-size: 1.4rem;
  }
  .our-business-system .sec-highlight .list-item .item,
  .our-business-system .sec-highlight .list-item .item:nth-child(2n) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
  .our-business-system .sec-highlight .list-item .item .group-content {
    max-width: 100%;
    gap: 1rem;
  }
  .our-business-system .sec-highlight .list-item .item .group-content .title p {
    font-size: 1.8rem;
  }
  .our-business-system .sec-highlight .list-item .item .group-content .title p small {
    font-size: 1.2rem;
  }
  .our-business-system .sec-highlight .list-item .item .group-content .text {
    font-size: 1.4rem;
  }
  .our-business-system .sec-slide .zone-slide .btn.btn-prev {
    left: 2rem;
  }
  .our-business-system .sec-slide .zone-slide .btn.btn-next {
    right: 2rem;
  }
}
@media (max-width: 768px) {
  .our-business-system .sec-strength .image .text p {
    font-size: 1.8rem;
  }
  .our-business-system .sec-slide {
    padding-bottom: 22rem;
  }
  .our-business-system .sec-slide .title-slide p {
    font-size: 2.4rem;
  }
  .our-business-system .sec-slide .zone-slide .item .content .date p {
    font-size: 1.8rem;
  }
  .our-business-system .sec-slide .zone-slide .item .content .des p {
    font-size: 1.4rem;
  }
}
.our-people .sp {
  display: none;
}
.our-people .sec-header-top {
  background: url(../images/our-people/img_header.png) no-repeat center center/cover;
}
.our-people .sec-click .container {
  width: 100%;
}
.our-people .sec-click .container .content .content-head {
  padding: 18rem 1rem 0rem;
  text-align: center;
}
.our-people .sec-click .container .content .content-head .title {
  font-size: 4rem;
  font-weight: 700;
}
.our-people .sec-click .container .content .content-head p {
  font-size: 2.1rem;
  font-weight: 400;
  line-height: 1.8;
  margin-top: 5rem;
}
.our-people .sec-click .content-body {
  display: none;
  background: -webkit-gradient(linear, left top, right top, from(#FF7FA5), color-stop(31.5%, #FFD1DF), to(#FFB8DD));
  background: linear-gradient(90deg, #FF7FA5 0%, #FFD1DF 31.5%, #FFB8DD 100%);
}
.our-people .sec-click .content-body .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10rem;
  width: 96%;
  max-width: 1320px;
  margin: auto;
  position: relative;
  padding: 20rem 1rem 16rem;
}
.our-people .sec-click .content-body .list .click-me {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: linear-gradient(189deg, #D2E7FF 40.31%, #D2FFFC 91.42%);
  padding: 1rem 0;
  max-width: 42rem;
  width: 100%;
  text-align: center;
  border-radius: 5rem;
  font-size: 6.4rem;
  font-weight: 700;
  color: #fff;
}
.our-people .sec-click .content-body .list .item {
  text-align: center;
  cursor: pointer;
}
.our-people .sec-click .content-body .list .item.aniZoom:nth-child(1) {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.our-people .sec-click .content-body .list .item.aniZoom:nth-child(2) {
  -webkit-transition: all 0.75s;
  transition: all 0.75s;
}
.our-people .sec-click .content-body .list .item.aniZoom:nth-child(3) {
  -webkit-transition: all 1s;
  transition: all 1s;
}
.our-people .sec-click .content-body .list .item.aniZoom:nth-child(4) {
  -webkit-transition: all 1.25s;
  transition: all 1.25s;
}
.our-people .sec-click .content-body .list .item.aniZoom.active {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.our-people .sec-click .content-body .list .item img {
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.our-people .sec-click .content-body .list .item.active img {
  scale: 1.15;
}
.our-people .sec-click .content-body .list .item .name {
  font-size: 2.1rem;
  font-weight: 700;
  margin-top: 1rem;
}
.our-people .sec-click.under {
  padding-top: 14rem;
}
.our-people .sec-click.under .content-body {
  display: block;
}
.our-people .sec-member .container .content .content-head {
  position: relative;
  padding: 0 10rem;
  margin-top: 15rem;
}
.our-people .sec-member .container .content .content-head .next,
.our-people .sec-member .container .content .content-head .prev {
  cursor: pointer;
  position: absolute;
  z-index: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
}
.our-people .sec-member .container .content .content-head .next span,
.our-people .sec-member .container .content .content-head .prev span {
  color: #063491;
  font-weight: 700;
  font-size: 2.1rem;
}
.our-people .sec-member .container .content .content-head .next {
  top: 50%;
  right: 7.5rem;
}
.our-people .sec-member .container .content .content-head .prev {
  top: 50%;
  left: 7.5rem;
}
.our-people .sec-member .container .content .content-head .content-slider {
  max-width: 1320px;
  width: 100%;
  margin: auto;
}
.our-people .sec-member .container .content .content-head .content-slider .item-slider {
  position: relative;
}
.our-people .sec-member .container .content .content-head .content-slider .item-slider .gr-ab {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 5rem;
  width: 100%;
}
.our-people .sec-member .container .content .content-head .content-slider .item-slider .gr-ab .group-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2rem;
  width: 50%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 2rem;
  width: 50%;
}
.our-people .sec-member .container .content .content-head .content-slider .item-slider .gr-ab .group-txt .title {
  font-size: 8rem;
  line-height: 1.8;
  font-weight: 700;
  color: #063491;
}
.our-people .sec-member .container .content .content-head .content-slider .item-slider .gr-ab .group-txt .des {
  font-size: 2.4rem;
  line-height: 1.8;
  color: #fff;
  background: #063491;
  font-weight: 700;
  padding: 0.5rem 1rem;
}
.our-people .sec-member .container .content .content-head .content-slider .item-slider .gr-ab .chat {
  padding: 30px 50px;
  background: rgba(255, 255, 255, 0.8);
  font-size: 2.1rem;
  max-width: 700px;
  width: 50%;
  border-radius: 3rem;
  line-height: 1.8;
}
.our-people .sec-member .container .content .content-head .content-slider .slick-dots {
  position: absolute;
  bottom: -5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
.our-people .sec-member .container .content .content-head .content-slider .slick-dots li button {
  width: 19px;
  height: 19px;
  background: linear-gradient(86deg, rgba(255, 127, 165, 0.7) 27.89%, rgba(255, 184, 221, 0.7) 80.34%);
  border-radius: 50%;
  border: none;
  cursor: pointer;
  font-size: 0;
}
.our-people .sec-member .container .content .content-head .content-slider .slick-dots li.slick-active button {
  background: -webkit-gradient(linear, left top, right top, from(#012D84), color-stop(86.99%, #97B1E6));
  background: linear-gradient(90deg, #012D84 0%, #97B1E6 86.99%);
}
.our-people .sec-member .container .content .content-body {
  max-width: 1320px;
  width: 100%;
  margin: auto;
  padding-top: 12rem;
}
.our-people .sec-member .container .content .content-body .title-main .container {
  padding: 0;
  min-height: unset;
}
.our-people .sec-member .container .content .content-body .title-main .container::after {
  display: none;
}
.our-people .sec-member .container .content .content-body .title-main .title, .our-people .sec-member .container .content .content-body .title-main .group {
  min-height: 155px;
}
.our-people .sec-member .container .content .content-body .title-main h2 {
  color: #D6F13D;
}
.our-people .sec-member .container .content .content-body .list {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8.5rem;
  -webkit-transition: 0.6s ease;
  transition: 0.6s ease;
  display: none;
  margin-top: 8.4rem;
}
.our-people .sec-member .container .content .content-body .list.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.our-people .sec-member .container .content .content-body .list .item {
  position: relative;
}
.our-people .sec-member .container .content .content-body .list .item .item-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2rem;
  background: #fff;
  -webkit-box-shadow: 8px 8px 15px 0px rgba(109, 109, 109, 0.2);
          box-shadow: 8px 8px 15px 0px rgba(109, 109, 109, 0.2);
  padding: 2rem 3rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.our-people .sec-member .container .content .content-body .list .item .item-top span {
  font-size: 4rem;
  font-weight: 700;
  color: #063491;
  line-height: 1;
}
.our-people .sec-member .container .content .content-body .list .item .item-top span.txt {
  font-size: 2.1rem;
  font-weight: 500;
  line-height: 1.5;
}
.our-people .sec-member .container .content .content-body .list .item .item-ft {
  width: 100%;
  max-width: 960px;
  padding: 10rem 8rem;
  border-radius: 30px;
  background: #E8F3FF;
  min-height: 276px;
  margin-left: auto;
}
.our-people .sec-member .container .content .content-body .list .item .item-ft p {
  font-size: 2.1rem;
  line-height: 1.8;
  color: #000;
}

@media (max-width: 1720px) {
  .our-people .sec-member .container .content .content-head .prev {
    left: 0;
  }
  .our-people .sec-member .container .content .content-head .next {
    right: 0;
  }
}
@media (max-width: 1600px) {
  .our-people .sec-member .container .content .content-body .group-faq {
    width: 82%;
    max-width: 1320px;
    margin: 0 auto;
  }
}
@media (max-width: 1080px) {
  .our-people .sec-click .content-body .list {
    gap: 5rem;
    padding: 16rem 1rem 12rem;
  }
  .our-people .sec-member .container .content .content-head .content-slider .item-slider .gr-ab .group-txt .title {
    font-size: 4rem;
  }
  .our-people .sec-member .container .content .content-head .content-slider .item-slider .gr-ab .group-txt {
    gap: 1rem;
  }
  .our-people .sec-member .container .content .content-head .content-slider .item-slider .gr-ab {
    padding: 0 2rem;
  }
  .our-people .sec-member .container .content .content-head .content-slider .item-slider .gr-ab .chat {
    padding: 2rem;
  }
  .our-people .sec-member .container .content .content-head .content-slider .item-slider .gr-ab .group-txt .des {
    font-size: 1.8rem;
  }
  .our-people .sec-member .container .content .content-head .next img,
  .our-people .sec-member .container .content .content-head .prev img {
    width: 70px;
  }
  .our-people .sec-member .container .content .content-head {
    padding: 0 7rem;
  }
  .our-people .sec-member .container .content .content-body .list .item {
    padding-left: 5rem;
  }
  .our-people .sec-member .container .content .content-head .next span, .our-people .sec-member .container .content .content-head .prev span {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .our-people .sp {
    display: block;
    width: 100%;
  }
  .our-people .pc {
    display: none;
  }
  .our-people .sec-member .container .content .content-head .content-slider .item-slider .gr-ab .group-txt {
    width: 100%;
  }
  .our-people .sec-member .container .content .content-head .content-slider .item-slider .gr-ab .group-txt .title {
    font-size: 32px;
  }
  .our-people .sec-member .container .content .content-head .content-slider .item-slider .gr-ab .group-txt .des {
    font-size: 21px;
  }
  .our-people .sec-member .container .content .content-head .content-slider .item-slider .gr-ab .chat {
    font-size: 16px;
  }
  .our-people .sec-member .container .content .content-head .content-slider .item-slider .gr-ab {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 3rem;
    top: 3.5rem;
    left: 3.5rem;
    -webkit-transform: none;
            transform: none;
    padding: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .our-people .sec-member .container .content .content-head .content-slider .item-slider .gr-ab .chat {
    max-width: 28rem;
    width: 100%;
    padding: 2.4rem;
  }
  .our-people .sec-member .container .content .content-head {
    padding: 0;
  }
  .our-people .sec-member .container .content .content-head .prev {
    left: 10%;
    bottom: 0;
    top: auto;
  }
  .our-people .sec-member .container .content .content-head .next {
    right: 11%;
    bottom: 0;
    top: auto;
  }
  .our-people .sec-member .container .content .content-head .content-slider .slick-dots {
    bottom: -3rem;
  }
  .our-people .sec-member .container .content .content-body {
    padding-top: 22rem;
  }
  .our-people .sec-member .container .content .content-body .group-faq {
    width: 100%;
  }
  .our-people .sec-click .content-body {
    display: block;
  }
  .our-people .sec-click .content-body .list {
    display: grid;
    justify-items: start;
    gap: 1rem;
    padding: 6rem 1rem 3rem;
  }
  .our-people .sec-click .content-body .list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .our-people .sec-click .content-body .list .click-me {
    font-size: 2.4rem;
    max-width: 22rem;
    padding: 1.5rem 0;
  }
  .our-people .sec-click .container .content .content-head {
    padding: 8rem 1rem;
  }
  .our-people .sec-member .container .content .content-head .next, .prev {
    width: 9rem;
  }
  .our-people .sec-member .container .content .content-body .list {
    margin-top: 13rem;
  }
  .our-people .sec-member .container .content .content-body .list .item .item-top {
    position: relative;
    -webkit-transform: none;
            transform: none;
    padding: 2rem 5rem 2rem 3rem;
  }
  .our-people .sec-member .container .content .content-body .list .item .item-top::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #063491;
    width: 0;
    height: 0;
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  .our-people .sec-member .container .content .content-body .list .item .item-top.active::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
  }
  .our-people .sec-member .container .content .content-body .list .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.5rem;
    padding: 0;
  }
  .our-people .sec-member .container .content .content-body .list .item .item-ft {
    padding: 2.4rem;
    min-height: unset;
    display: none;
  }
  .our-people .sec-member .container .content .content-body .list .item .item-ft.active {
    display: block;
  }
  .our-people .sec-member .container .content .content-body .list.active {
    gap: 2.5rem;
    margin-top: 5rem;
  }
  .our-people .sec-member .container .content .content-body .title-main h2 {
    font-size: 4rem;
  }
  .our-people .sec-member .container .content .content-body .title-main .group {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .our-people .sec-member .container .content .content-body .title-main .title, .our-people .sec-member .container .content .content-body .title-main .group {
    min-height: 60px;
  }
  .our-people .sec-member .container .content .content-body {
    padding: 14.5rem 2rem 0;
  }
  .our-people .sec-member .container .content .content-body .title::after {
    width: calc(100% - 132px);
  }
  .our-people .sec-member .container .content .content-head {
    margin-top: 10rem;
  }
  .our-people .sec-click .container .content .content-head .title {
    font-size: 2.6rem;
  }
  .our-people .sec-click .container .content .content-head p {
    font-size: 1.8rem;
    margin-top: 3rem;
  }
}
@media (max-width: 550px) {
  .our-people .sec-click .content-body .list .item img {
    width: 15rem;
  }
}
.recruit .btn {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.recruit .sp {
  display: none;
}
.recruit .title-main h2 {
  color: #FF6F99;
}
.recruit .title-main .des {
  font-size: 2.1rem;
  line-height: 1.8;
  max-width: 70rem;
  width: 100%;
  margin-top: 3rem;
}
.recruit .sec-header-top {
  background: url(../images/recruit/img_header.png) no-repeat center center/cover;
}
.recruit .sec-pre {
  margin-top: 15rem;
}
.recruit .sec-pre .container .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6rem;
  max-width: 1320px;
  width: 100%;
  margin: auto;
}
.recruit .sec-pre .container .content .content-left {
  width: 100%;
}
.recruit .sec-pre .container .content .content-right {
  max-width: 60rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5rem;
}
.recruit .sec-pre .container .content .content-right .group-txt p {
  font-size: 2.1rem;
  font-weight: 400;
  line-height: 1.8;
}
.recruit .sec-pre .container .content .content-right .txt-bg-black {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.recruit .sec-pre .container .content .content-right .txt-bg-black span {
  /*background: #000;*/
  color: #000;
  font-size: 2.1rem;
  padding: 0 0.5rem;
}
.recruit .sec-work {
  margin-top: 25rem;
}
.recruit .sec-work .container .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 15rem;
  margin-top: 5rem;
}
.recruit .sec-work .container .content .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8rem;
  max-width: 1080px;
  width: 100%;
  margin: auto;
}
.recruit .sec-work .container .content .item.btn {
  max-width: 1320px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.recruit .sec-work .container .content .item .group-txt {
  max-width: 50rem;
  width: 100%;
}
.recruit .sec-work .container .content .item .group-txt .txt-title {
  font-size: 2.4rem;
  color: #063491;
  position: relative;
}
.recruit .sec-work .container .content .item .group-txt .txt-title::after {
  position: absolute;
  content: "";
  width: 10rem;
  height: 2px;
  bottom: -1rem;
  left: 0;
  background: #063491;
}
.recruit .sec-work .container .content .item .group-txt p {
  font-size: 2.1rem;
  line-height: 1.8;
  margin-top: 2rem;
}
.recruit .sec-people {
  margin-top: 16rem;
}
.recruit .sec-people .container .content {
  max-width: 1320px;
  width: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16rem;
}
.recruit .sec-people .container .content .zone-list {
  background: linear-gradient(116deg, #FF6F99 7.07%, #FFD1DF 48.67%, #063491 91.97%);
  padding: 1.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 3rem;
}
.recruit .sec-people .container .content .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 3rem;
  width: 100%;
  overflow: hidden;
}
.recruit .sec-people .container .content .list:hover .item {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}
.recruit .sec-people .container .content .list:hover .item .group-txt {
  display: none;
}
.recruit .sec-people .container .content .list .item {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 730px;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  position: relative;
}
.recruit .sec-people .container .content .list .item:hover {
  opacity: 1;
}
.recruit .sec-people .container .content .list .item .content-basic {
  height: 100%;
}
.recruit .sec-people .container .content .list .item .content-secret {
  height: 100%;
  width: 100%;
  display: none;
  position: relative;
}
.recruit .sec-people .container .content .list .item .content-secret .bg {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.recruit .sec-people .container .content .list .item .content-secret .case, .recruit .sec-people .container .content .list .item .content-secret .group-content, .recruit .sec-people .container .content .list .item .content-secret .btn-secret {
  position: absolute;
  z-index: 1;
}
.recruit .sec-people .container .content .list .item .content-secret .case {
  top: 5rem;
  left: 6rem;
}
.recruit .sec-people .container .content .list .item .content-secret .case p {
  font-size: 9.2rem;
  font-weight: 900;
  line-height: 1;
  position: relative;
  display: inline-block;
  color: transparent;
  white-space: nowrap;
  text-transform: uppercase;
}
.recruit .sec-people .container .content .list .item .content-secret .case p::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, right top, from(rgb(255, 127, 165)), color-stop(31%, rgb(255, 209, 223)), to(rgb(255, 184, 221)));
  background: linear-gradient(90deg, rgb(255, 127, 165) 0%, rgb(255, 209, 223) 31%, rgb(255, 184, 221) 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  mix-blend-mode: multiply;
}
.recruit .sec-people .container .content .list .item .content-secret .group-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5rem 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  flex-direction: column;
  gap: 3rem;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.8);
  width: 100%;
  max-width: 452px;
  top: 20rem;
  left: 6rem;
}
.recruit .sec-people .container .content .list .item .content-secret .group-content span {
  color: #000;
  font-size: 2.1rem;
  font-weight: 500;
  line-height: 1;
  padding-bottom: 1.5rem;
  position: relative;
}
.recruit .sec-people .container .content .list .item .content-secret .group-content span::after {
  position: absolute;
  content: "";
  width: 100%;
  max-width: 100px;
  height: 4px;
  background-color: #000;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 2px;
}
.recruit .sec-people .container .content .list .item .content-secret .group-content p {
  color: #000;
  text-align: center;
  font-size: 3.6rem;
  font-weight: 500;
  line-height: 1;
}
.recruit .sec-people .container .content .list .item .content-secret .btn-secret {
  width: 150px;
  height: 150px;
  background: linear-gradient(124deg, rgb(255, 158, 187) 0%, rgb(255, 209, 223) 45%, rgb(6, 52, 145) 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  bottom: 6rem;
  right: 6rem;
  cursor: pointer;
}
.recruit .sec-people .container .content .list .item .content-secret .btn-secret span {
  color: #000;
  text-align: center;
  font-size: 2.1rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}
.recruit .sec-people .container .content .list .item .group-txt {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 3rem 0;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
}
.recruit .sec-people .container .content .list .item .group-txt.first {
  border-radius: 0 0 0 3rem;
}
.recruit .sec-people .container .content .list .item .group-txt.end {
  border-radius: 0 0 3rem 0;
}
.recruit .sec-people .container .content .list .item .group-txt .txt-title {
  font-size: 2.1rem;
  color: #063491;
  position: relative;
}
.recruit .sec-people .container .content .list .item .group-txt .txt-title::after {
  content: "";
  position: absolute;
  bottom: -1rem;
  left: 50%;
  width: 5rem;
  height: 2px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #063491;
}
.recruit .sec-people .container .content .list .item .group-txt .des {
  font-size: 2.4rem;
  font-weight: 500;
  padding-top: 2rem;
}
.recruit .sec-people .container .content .list .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.recruit .sec-people .container .content .list .item:hover {
  -webkit-box-flex: 5;
      -ms-flex: 5;
          flex: 5;
}
.recruit .sec-people .container .content .list .item:hover .content-basic {
  display: none;
}
.recruit .sec-people .container .content .list .item:hover .content-secret {
  display: block;
}
.recruit .sec-people .container .content .list .item:hover .group-txt {
  display: block;
}
.recruit .sec-people .container .content .btn {
  margin-left: auto;
}
.recruit .sec-workplace {
  margin-top: 16rem;
}
.recruit .sec-workplace .container .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15rem;
  margin-top: 16rem;
}
.recruit .sec-workplace .container .content .content-head {
  position: relative;
  max-width: 1240px;
  margin: 0 auto;
}
.recruit .sec-workplace .container .content .content-head .group-txt {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #fff;
  padding: 5rem 4rem;
  max-width: 88rem;
  width: 100%;
  text-align: center;
}
.recruit .sec-workplace .container .content .content-head .group-txt p {
  font-size: 2.1rem;
  line-height: 1.8;
}
.recruit .sec-workplace .container .content .btn {
  margin: 0 auto;
  width: 100%;
  max-width: 1320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.recruit .sec-number {
  margin-top: 15rem;
}
.recruit .sec-number .container {
  max-width: 1330px;
}
.recruit .sec-number .container .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10rem;
  margin-top: 5rem;
}
.recruit .sec-number .container .content .content-head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.recruit .sec-number .container .content .content-head .group-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4rem;
}
.recruit .sec-number .container .content .content-head .group-list .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 4rem 5rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1000px;
  width: 100%;
  margin: auto;
}
.recruit .sec-number .container .content .content-head .group-list .list .item span {
  font-size: 3.2rem;
  font-weight: 700;
  color: #063491;
}
.recruit .sec-number .container .content .content-head .img {
  position: relative;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(40%, rgba(255, 184, 221, 0.8)), to(rgba(255, 127, 165, 0.8)));
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 184, 221, 0.8) 40%, rgba(255, 127, 165, 0.8) 100%);
  border-radius: 24px;
  width: 100%;
  margin: auto;
  padding-top: 7rem;
}
.recruit .sec-number .container .content .content-head .img img {
  margin: auto;
  padding: 0 5rem;
}
.recruit .sec-number .container .content .content-head .img .group-txt {
  font-size: 11rem;
  font-family: "Courier New", Courier, monospace;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  width: 100%;
  z-index: -1;
  padding: 0 3rem;
  gap: 1rem;
}
.recruit .sec-number .container .content .content-head .img .group-txt .left, .recruit .sec-number .container .content .content-head .img .group-txt .right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.recruit .sec-number .container .content .content-head .img .group-txt .left {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.recruit .sec-number .container .content .content-head .img .group-txt .right {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.recruit .sec-number .container .content .content-head .img .group-txt p {
  color: transparent;
  position: relative;
  z-index: 1;
  font-weight: 900;
}
.recruit .sec-number .container .content .content-head .img .group-txt p::before {
  content: attr(title);
  position: absolute;
  top: 0;
  left: 0;
  -webkit-text-stroke: 3px #FF6F99;
  z-index: 0;
}
.recruit .sec-number .container .content .btn {
  margin-left: auto;
}
.recruit .sec-benefits {
  margin-top: 15rem;
}
.recruit .sec-benefits .container {
  max-width: 1320px;
}
.recruit .sec-benefits .container .content {
  width: 100%;
  margin-top: 8rem;
}
.recruit .sec-benefits .container .content .content-table {
  width: 100%;
}
.recruit .sec-benefits .container .content .content-table .table {
  width: 100%;
}
.recruit .sec-benefits .container .content .content-table tr td {
  border: 1px solid #063491;
  padding: 1.6rem 0;
  vertical-align: middle;
}
.recruit .sec-benefits .container .content .content-table tr td li {
  font-size: 1.6rem;
  line-height: 1.6;
}
.recruit .sec-benefits .container .content .content-table tr td:nth-child(1) {
  background: #E8F3FF;
  width: 229px;
  text-align: center;
  color: #00297F;
}
.recruit .sec-benefits .container .content .content-table tr td:nth-child(2) {
  padding: 1.6rem 3.2rem;
}
.recruit .sec-goal {
  background: url(../images/recruit/img_goal.png) center/cover;
  margin-top: 25rem;
}
.recruit .sec-goal .container .content {
  padding: 20rem 0 15rem;
}
.recruit .sec-goal .container .content .txt-adobe {
  display: none;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.8;
  margin-bottom: 5rem;
}
.recruit .sec-goal .container .content .content-head {
  max-width: 1320px;
  width: 100%;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5rem;
}
.recruit .sec-goal .container .content .content-head .group-txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10rem;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.9);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 6rem 1rem;
}
.recruit .sec-goal .container .content .content-head .group-txt .txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1rem;
  max-width: 57rem;
  width: 100%;
}
.recruit .sec-goal .container .content .content-head .group-txt .txt .txt-title {
  font-size: 4rem;
  font-weight: 700;
}
.recruit .sec-goal .container .content .content-head .group-txt .txt .des {
  font-size: 2.1rem;
  line-height: 1.8;
}
.recruit .sec-goal .container .content .content-head .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
}
.recruit .sec-goal .container .content .content-head .btn .btn-pink {
  background: #063491;
  color: #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
  max-width: 24rem;
  padding: 1.5rem 0;
  -webkit-transition: 1s ease;
  transition: 1s ease;
}
.recruit .sec-goal .container .content .content-head .btn .btn-pink:hover {
  -webkit-transform: none;
          transform: none;
  opacity: 0.7;
}
@media (max-width: 1600px) {
  .recruit .sec-work,
  .recruit .sec-people,
  .recruit .sec-pre {
    margin-top: 10rem;
  }
  .recruit .sec-work .container .content,
  .recruit .sec-people .container .content,
  .recruit .sec-workplace .container .content {
    gap: 10rem;
  }
  .recruit .sec-benefits .container .content .content-table {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .recruit .sec-benefits .container .content .content-table .table {
    max-width: 1130px;
  }
  .recruit .sec-pre .container .content {
    max-width: 1080px;
    gap: 4rem;
  }
}
@media (max-width: 1200px) {
  .btn-view img {
    width: 30px;
  }
}
@media (max-width: 1100px) {
  .recruit .sec-pre .container .content {
    gap: 4rem;
  }
  .recruit .sec-work {
    margin-top: 18rem;
  }
  .recruit .sec-work .container .content {
    gap: 10rem;
  }
  .recruit .sec-people .container .content {
    gap: 10rem;
  }
  .recruit .sec-pre .container .content {
    margin-top: 7rem;
  }
  .recruit .sec-workplace .container .content {
    gap: 10rem;
    margin-top: 10rem;
  }
  .recruit .sec-workplace .container .content .content-head .group-txt {
    padding: 3rem;
  }
  .recruit .sec-number .container .content .content-head .img .group-txt {
    font-size: 9rem;
  }
  .recruit .sec-goal {
    margin-top: 18rem;
  }
  .recruit .sec-goal .container .content {
    padding: 6rem 0 10rem;
  }
}
@media (max-width: 930px) {
  .recruit .sec-number .container .content .content-head .img .group-txt {
    font-size: 7rem;
  }
}
@media (max-width: 768px) {
  .recruit .container {
    width: 92%;
  }
  .recruit .sp {
    display: block;
  }
  .recruit .sec-pre {
    margin-top: 10rem;
  }
  .recruit .sec-pre .container .content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 3rem;
    margin-top: 5rem;
  }
  .recruit .sec-pre .container .content .content-left img {
    width: 100%;
  }
  .recruit .sec-pre .container .content .content-right {
    max-width: 100%;
  }
  .recruit .sec-pre .container .content .content-right .group-txt p {
    font-size: 2rem;
  }
  .recruit .sec-pre .container .content .content-right .txt-bg-black span {
    font-size: 2rem;
  }
  .recruit .title-main .des {
    font-size: 1.8rem;
    margin-top: 1.5rem;
  }
  .recruit .sec-work {
    margin-top: 10rem;
  }
  .recruit .sec-work .container .content {
    gap: 7rem;
  }
  .recruit .sec-work .container .content .item {
    gap: 3rem;
  }
  .recruit .sec-work .container .content .item .group-txt p {
    font-size: 1.8rem;
  }
  .recruit .sec-work .container .content .item .group-txt .txt-title {
    font-size: 2.1rem;
  }
  .recruit .sec-people {
    margin-top: 10rem;
  }
  .recruit .sec-people .container .content {
    gap: 7rem;
    margin-top: 5rem;
  }
  .recruit .sec-people .container .content .list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    width: 100%;
    margin: auto;
  }
  .recruit .sec-people .container .content .list .item {
    width: 400px;
    height: 150px;
  }
  .recruit .sec-people .container .content .list .item:hover {
    height: 170px;
    width: 100%;
  }
  .recruit .sec-people .container .content .list .item .group-txt {
    width: 150px;
    height: 100%;
    right: 0;
    left: auto;
  }
  .recruit .sec-people .container .content .list .item .group-txt.first {
    border-radius: 0 3rem 0 0;
  }
  .recruit .sec-workplace {
    margin-top: 10rem;
  }
  .recruit .sec-workplace .container .content {
    gap: 7rem;
    margin-top: 5rem;
  }
  .recruit .sec-workplace .container .content .content-head .group-txt {
    padding: 0;
    background-color: unset;
  }
  .recruit .sec-workplace .container .content .content-head .group-txt p {
    font-size: 1.6rem;
  }
  .recruit .sec-number {
    margin-top: 10rem;
  }
  .recruit .sec-number .container .content .content-head .group-list .list .item span {
    font-size: 1.4rem;
  }
  .recruit .sec-number .container .content .content-head .group-list {
    gap: 1rem;
  }
  .recruit .sec-number .container .content .content-head .group-list .list {
    gap: 1rem 5rem;
    max-width: 400px;
  }
  .recruit .sec-number .container .content .content-head .img .group-txt {
    font-size: 5rem;
  }
  .recruit .sec-number .container .content .content-head .img {
    padding-top: 3.5rem;
  }
  .recruit .sec-number .container .content {
    gap: 7rem;
  }
  .recruit .sec-number .title-main .group .group-line p {
    font-size: 1.1rem;
  }
  .recruit .sec-benefits {
    margin-top: 10rem;
  }
  .recruit .sec-benefits .container .content {
    margin-top: 5rem;
  }
  .recruit .sec-benefits .container .content .content-table tr td:nth-child(1) {
    width: 150px;
  }
  .recruit .sec-goal {
    margin-top: 10rem;
  }
  .recruit .sec-goal .container .content .txt-adobe {
    font-size: 2.4rem;
    margin-bottom: 2.5rem;
  }
  .recruit .sec-goal .container .content .content-head .group-txt {
    gap: 2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 2rem;
  }
  .recruit .sec-goal .container .content .content-head .group-txt .txt {
    max-width: 100%;
  }
  .recruit .sec-goal .container .content .content-head .group-txt .txt .txt-title {
    font-size: 2rem;
  }
  .recruit .sec-goal .container .content .content-head .group-txt .txt .des {
    font-size: 1.6rem;
  }
  .recruit .sec-goal .container .content .content-head .group-txt .img {
    max-width: 130px;
  }
  .recruit .sec-goal .container .content .content-head {
    gap: 2.5rem;
  }
  .recruit .sec-goal .container .content {
    padding: 10rem 0 6rem;
  }
  .recruit .sec-workplace .container .content .content-head {
    max-width: 100%;
  }
  .recruit .sec-benefits .container .content .content-table .table tr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    border-bottom: 1px solid #063491;
    border-left: 1px solid #063491;
    border-right: 1px solid #063491;
  }
  .recruit .sec-benefits .container .content .content-table .table tr:first-child {
    border-top: 1px solid #063491;
  }
  .recruit .sec-benefits .container .content .content-table .table tr td {
    width: 100%;
    border: unset;
  }
  .recruit .sec-benefits .container .content .content-table .table tr td:nth-child(1) {
    border-bottom: 1px solid #063491;
  }
  .recruit .sec-goal .container .content .content-head .btn .btn-pink {
    padding: 1rem 0;
  }
  .recruit .sec-goal .container .content .content-head .btn .btn-pink img {
    max-width: 30px;
    max-height: 30px;
  }
  .recruit .sec-people .container .content .list:hover .item {
    display: block;
  }
  .recruit .sec-people .container .content .list:hover .item .group-txt {
    display: block;
  }
  .recruit .sec-people .container .content .list .item:hover .content-secret {
    display: none;
  }
  .recruit .sec-people .container .content .list .item:hover .content-basic {
    display: block;
  }
  .recruit .sec-workplace .container .content .content-head img {
    display: none;
  }
  .recruit .sec-workplace .container .content .content-head .group-txt {
    padding: 8.6rem 0;
    border-radius: 5rem;
    background: url(../images/recruit/img-workplace.png) no-repeat center center/cover;
    position: unset;
    top: unset;
    left: unset;
    -webkit-transform: unset;
            transform: unset;
  }
  .recruit .sec-workplace .container .content .content-head .group-txt p {
    font-size: 2.1rem;
    max-width: 86%;
    margin: 0 auto;
    padding: 4rem 5rem;
    background-color: #fff;
  }
}
@media (max-width: 570px) {
  .recruit .sec-work .container .content .item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1rem;
  }
  .recruit .sec-work .container .content .item:nth-child(2) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .recruit .sec-work .container .content .item.btn {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .recruit .sec-number .container .content .content-head .img .group-txt {
    font-size: 3.6rem;
    padding: 0 1.5rem;
  }
  .recruit .sec-number .container .content .content-head .img .group-txt p::before {
    -webkit-text-stroke: 1.5px #FF6F99;
  }
}
@media (max-width: 450px) {
  .recruit .sec-people .container .content .list {
    max-width: 100%;
  }
  .recruit .sec-people .container .content .list .item {
    width: 100%;
  }
}
.case .sec-header-top {
  background: url(../images/case/img_header.jpg) no-repeat center center/cover;
}

#case {
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  #case {
    padding-bottom: 22rem;
  }
}
#case .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#case a {
  display: block;
}
#case img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
#case .tab-container {
  max-width: 1320px;
  margin: 100px auto;
  border-bottom: 3px solid #063491;
}
@media screen and (max-width: 1024px) {
  #case .tab-container {
    margin: 8vw 0;
  }
}
@media screen and (max-width: 767px) {
  #case .tab-container {
    margin: 13.037809648vw 0;
    border-left: 3px solid #063491;
    border-bottom: none;
  }
}
#case .tab-menu {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  #case .tab-menu {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    display: block;
    width: 50%;
    max-width: 250px;
  }
}
#case .tab-menu a {
  margin-right: 10px;
  padding: 20px 30px;
  color: #051E32;
  border: 3px solid #063491;
  border-radius: 10px 10px 0 0;
  line-height: 1;
  font-size: 21px;
  margin-bottom: -3px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  #case .tab-menu a {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 0;
    margin-left: -3px;
    border-radius: 0px 2.6075619296vw 2.6075619296vw 0;
  }
}
@media screen and (max-width: 430px) {
  #case .tab-menu a {
    font-size: 4.2666666667vw;
    padding: 5.3333333333vw 8vw;
  }
}
#case .tab-menu a:last-child {
  margin-right: 0;
}
@media screen and (max-width: 767px) {
  #case .tab-menu a:last-child {
    margin-bottom: 0;
  }
}
#case .tab-menu a.active {
  background-color: #063491;
  color: #fff;
}
#case .txt-wrap .labels {
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  font-weight: 500;
}
#case .txt-wrap .labels .label-item {
  border: 2px solid #063491;
  border-radius: 30px;
  color: #051E32;
  font-size: 21px;
  padding: 10px 20px;
  line-height: 1;
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  #case .txt-wrap .labels .label-item {
    font-size: 5.6vw;
  }
}
#case .txt-wrap .labels .label-item.environment {
  background-color: #D2E7FF;
}
#case .txt-wrap .labels .label-item.system {
  background-color: #FFD1DF;
}
#case .txt-wrap .labels .tag-item {
  font-size: 16px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  #case .txt-wrap .labels .tag-item {
    font-size: 4.2666666667vw;
  }
}
#case .txt-wrap .date {
  font-size: 21px;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  #case .txt-wrap .date {
    font-size: 5.6vw;
  }
}
#case .case-post-contaienr {
  max-width: 1000px;
  margin: auto;
  padding: 150px 0 250px;
}
@media screen and (max-width: 1024px) {
  #case .case-post-contaienr {
    padding: 13vw 0;
  }
}
#case .case-post-contaienr .txt-wrap .title {
  font-size: 21px;
}
@media screen and (max-width: 767px) {
  #case .case-post-contaienr .txt-wrap .title {
    margin-top: 5.6vw;
  }
}
#case .case-post-contaienr .txt-wrap .txt-content {
  margin-top: 100px;
  font-size: 21px;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  #case .case-post-contaienr .txt-wrap .txt-content {
    margin-top: 10.6666666667vw;
  }
}
#case .case-post-contaienr .img-wrap {
  margin-top: 100px;
  width: 100%;
  height: 666px;
}
@media screen and (max-width: 767px) {
  #case .case-post-contaienr .img-wrap {
    margin-top: 10.6666666667vw;
    height: 78.2268578879vw;
  }
}
#case .case-post-contaienr .img-wrap img {
  border-radius: 30px;
  width: 100%;
  height: 100%;
}
#case .case-post-contaienr .case-nav-button-wrap {
  margin-top: 150px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767px) {
  #case .case-post-contaienr .case-nav-button-wrap {
    margin-top: 18.6666666667vw;
  }
}
#case .case-post-contaienr .case-nav-button-wrap .case-nav-item {
  display: block;
  width: 171px;
}
@media screen and (max-width: 767px) {
  #case .case-post-contaienr .case-nav-button-wrap .case-nav-item {
    width: 30%;
  }
}
#case .case-post-contaienr .case-nav-button-wrap a {
  background-color: #063491;
  display: block;
  padding: 20px;
  text-align: center;
  color: #fff;
  font-size: 21px;
  line-height: 1.1;
}
@media screen and (max-width: 767px) {
  #case .case-post-contaienr .case-nav-button-wrap a {
    padding: 15px 0;
  }
}
@media screen and (max-width: 430px) {
  #case .case-post-contaienr .case-nav-button-wrap a {
    padding: 15px 0;
    font-size: 4.8vw;
  }
}
#case .case-post-contaienr .case-nav-button-wrap a img {
  display: inline;
  width: 13px;
  margin-bottom: 3.5px;
}
#case .case-post-contaienr .case-nav-button-wrap .prev a img {
  margin-right: 10px;
}
#case .case-post-contaienr .case-nav-button-wrap .next a img {
  margin-left: 10px;
}
#case .case-content-contaienr {
  max-width: 1078px;
  margin: auto;
  padding-bottom: 200px;
}
@media screen and (max-width: 1024px) {
  #case .case-content-contaienr {
    padding-bottom: 15vw;
  }
}
#case .case-content-contaienr li {
  margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
  #case .case-content-contaienr li {
    margin-bottom: 5vw;
  }
}
@media screen and (max-width: 767px) {
  #case .case-content-contaienr li {
    margin-bottom: 6.518904824vw;
  }
}
#case .case-content-contaienr li:nth-child(5n) {
  margin-bottom: 0;
}
#case .case-content-contaienr li a {
  border: 3px solid #063491;
  border-radius: 30px;
  -webkit-box-shadow: 8px 8px 15px rgba(109, 109, 109, 0.2470588235);
          box-shadow: 8px 8px 15px rgba(109, 109, 109, 0.2470588235);
  padding: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 50px;
}
@media screen and (max-width: 1024px) {
  #case .case-content-contaienr li a {
    padding: 4vw;
    gap: 0px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  #case .case-content-contaienr li a {
    padding: 6.4vw;
  }
}
#case .case-content-contaienr li a .img-wrap {
  width: 40%;
  height: 250px;
}
@media screen and (max-width: 767px) {
  #case .case-content-contaienr li a .img-wrap {
    width: 100%;
    height: 46.4vw;
    margin-bottom: 8vw;
  }
}
#case .case-content-contaienr li a .txt-wrap {
  width: 54%;
}
@media screen and (max-width: 767px) {
  #case .case-content-contaienr li a .txt-wrap {
    width: 100%;
  }
}
#case .case-content-contaienr li a .txt-wrap .title {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  #case .case-content-contaienr li a .txt-wrap .title {
    font-size: 4.2666666667vw;
  }
}

.news-nav-button-wrap, .case-nav-button-wrap {
  margin-top: 150px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .news-nav-button-wrap, .case-nav-button-wrap {
    margin-top: 18.6666666667vw;
  }
}
.news-nav-button-wrap .case-nav-item, .news-nav-button-wrap .news-nav-item, .case-nav-button-wrap .case-nav-item, .case-nav-button-wrap .news-nav-item {
  display: block;
  width: 171px;
}
@media screen and (max-width: 767px) {
  .news-nav-button-wrap .case-nav-item, .news-nav-button-wrap .news-nav-item, .case-nav-button-wrap .case-nav-item, .case-nav-button-wrap .news-nav-item {
    width: 32%;
  }
}
.news-nav-button-wrap a, .case-nav-button-wrap a {
  background-color: #063491;
  display: block;
  padding: 20px;
  text-align: center;
  color: #fff;
  font-size: 21px;
  line-height: 1.1;
}
@media screen and (max-width: 767px) {
  .news-nav-button-wrap a, .case-nav-button-wrap a {
    padding: 15px 0;
  }
}
@media screen and (max-width: 430px) {
  .news-nav-button-wrap a, .case-nav-button-wrap a {
    padding: 15px 0;
    font-size: 4.8vw;
  }
}
.news-nav-button-wrap a img, .case-nav-button-wrap a img {
  display: inline;
  width: 13px;
  margin-bottom: 3.5px;
}
.news-nav-button-wrap .prev a img, .case-nav-button-wrap .prev a img {
  margin-right: 10px;
}
.news-nav-button-wrap .next a img, .case-nav-button-wrap .next a img {
  margin-left: 10px;
}

.news-nav-button-wrap .news-nav-item {
  min-width: 200px;
  width: unset;
}
@media screen and (max-width: 767px) {
  .news-nav-button-wrap .news-nav-item {
    min-width: unset;
    width: 32%;
  }
}
@media screen and (max-width: 767px) {
  .news-nav-button-wrap a {
    font-size: 15px;
  }
}
@media screen and (max-width: 430px) {
  .news-nav-button-wrap a {
    font-size: 3.1707317073vw;
  }
}

.wp-pagenavi {
  margin-top: 130px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  .wp-pagenavi {
    margin-top: 13.037809648vw;
  }
}
.wp-pagenavi a, .wp-pagenavi span {
  display: block;
  margin-right: 10px;
  width: 48px;
  line-height: 47px;
  text-align: center;
  font-size: 21px;
  font-weight: 500;
  border: 2.13px solid #063491;
  padding: 0;
  color: #fff;
  background-color: #063491;
}
.wp-pagenavi a.current, .wp-pagenavi span.current {
  background-color: #fff;
  color: #063491;
}
.wp-pagenavi a.previouspostslink, .wp-pagenavi a.nextpostslink, .wp-pagenavi span.previouspostslink, .wp-pagenavi span.nextpostslink {
  background-color: #fff;
  position: relative;
}
.wp-pagenavi a.previouspostslink::before, .wp-pagenavi a.nextpostslink::before, .wp-pagenavi span.previouspostslink::before, .wp-pagenavi span.nextpostslink::before {
  margin-left: -13px;
  margin-top: 10px;
}
.wp-pagenavi a.previouspostslink::before, .wp-pagenavi span.previouspostslink::before {
  position: absolute;
  content: "";
  color: #063491;
  width: 29px;
  height: 29px;
  background-image: url(../images/case/prev-all.svg);
}
.wp-pagenavi a.nextpostslink::before, .wp-pagenavi span.nextpostslink::before {
  position: absolute;
  content: "";
  color: #063491;
  width: 29px;
  height: 29px;
  background-image: url(../images/case/next-all.svg);
}
.news .sec-header-top {
  background: url(../images/news/img_header.jpg) no-repeat center center/cover;
}

#news {
  padding: 150px 0;
}
@media screen and (max-width: 1024px) {
  #news {
    padding: 10vw 0;
  }
}
@media screen and (max-width: 767px) {
  #news {
    padding: 20.3125vw 0;
    padding-bottom: 55vw;
  }
}
#news .news-content-contaienr {
  max-width: 1020px;
  margin: auto;
}
#news .news-content-contaienr li a {
  border-top: 1px solid #051E32;
  color: #051E32;
  font-size: 18px;
  padding: 30px 0;
  font-weight: 500;
  display: block;
}
@media screen and (max-width: 767px) {
  #news .news-content-contaienr li a {
    font-size: 3.75vw;
  }
}
#news .news-content-contaienr li a .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  #news .news-content-contaienr li a .flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#news .news-content-contaienr li a .flex .date, #news .news-content-contaienr li a .flex .labels {
  margin-right: 34px;
  min-width: 90px;
}
#news .news-content-contaienr li a .flex .date {
  min-width: 90px;
}
#news .news-content-contaienr li a .flex .labels {
  min-width: 75px;
}
@media screen and (max-width: 767px) {
  #news .news-content-contaienr li a .title {
    margin-top: 15px;
    width: 100%;
  }
}
#news .news-content-contaienr li:last-child a {
  border-bottom: 1px solid #051E32;
}
#news .news-post-contaienr {
  max-width: 1020px;
  margin: auto;
  padding: 0px 0;
}
#news .news-post-contaienr .news-item .txt-wrap .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  font-size: 21px;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  #news .news-post-contaienr .news-item .txt-wrap .flex {
    font-size: 18px;
  }
}
#news .news-post-contaienr .news-item .txt-wrap .flex .date {
  margin-right: 15px;
}
#news .news-post-contaienr .news-item .txt-wrap .title {
  color: #063491;
  font-size: 26px;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  #news .news-post-contaienr .news-item .txt-wrap .title {
    font-size: 5vw;
    margin-bottom: 7.8125vw;
  }
}
#news .news-post-contaienr .news-item .txt-wrap .content {
  font-size: 18px;
  line-height: 1.6;
}
/*//////////////////////////////////////////////////////////////////////////////
Pages
//////////////////////////////////////////////////////////////////////////////*/
.about-page .sec-header-top {
  background: url(../images/about/img_header.png) no-repeat center center/cover;
}

.about-page .link-recruit.addmg {
  margin-bottom: 10rem;
}

.about-page__ceo {
  margin-top: 5.2083333333vw;
  margin-bottom: 5.2083333333vw;
}
@media screen and (max-width: 1024px) {
  .about-page__ceo {
    margin-top: 5.859375vw;
    margin-bottom: 14.6484375vw;
  }
}
@media screen and (max-width: 767px) {
  .about-page__ceo {
    margin-top: 34px;
    margin-bottom: 100px;
  }
}

.about-page__ceo-content {
  position: relative;
  max-width: 1320px;
  margin-top: 4.2708333333vw;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 251px;
}
@media screen and (max-width: 1280px) {
  .about-page__ceo-content {
    padding-bottom: 270px;
  }
}
@media screen and (max-width: 1024px) {
  .about-page__ceo-content {
    padding-bottom: 0;
    margin-top: 5.078125vw;
  }
}
@media screen and (max-width: 767px) {
  .about-page__ceo-content {
    margin-top: 27px;
    padding-left: 17px;
    padding-right: 17px;
  }
}

.ceo-content__img-wrapper {
  width: 100%;
  aspect-ratio: 1320/836;
}
@media screen and (max-width: 1024px) {
  .ceo-content__img-wrapper {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 767px) {
  .ceo-content__img-wrapper {
    width: 100%;
    height: auto;
    padding-bottom: 0;
    margin-bottom: 3.9113428944vw;
  }
}
.ceo-content__img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.ceo-content__message-wrapper {
  position: absolute;
  top: 258px;
  right: -100px;
  padding: 50px;
  padding-top: 100px;
  background-color: #fff;
  width: 760px;
  padding-bottom: 200px;
}
@media (max-width: 1520px) {
  .ceo-content__message-wrapper {
    right: 0;
    top: 220px;
    padding: 30px;
    padding-bottom: 150px;
  }
}
@media screen and (max-width: 1280px) {
  .ceo-content__message-wrapper {
    width: 57.8125vw;
    padding: 20px;
    padding-bottom: 150px;
  }
}
@media screen and (max-width: 1024px) {
  .ceo-content__message-wrapper {
    position: static;
    width: 90%;
    margin: 0 auto 0;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  .ceo-content__message-wrapper {
    position: static;
    width: 100%;
    margin-top: 0;
    padding: 0;
  }
}
.ceo-content__message-wrapper .ceo-content__message {
  line-height: 1.8;
  font-size: 19px;
}
@media screen and (max-width: 1280px) {
  .ceo-content__message-wrapper .ceo-content__message {
    font-size: 18px;
  }
}
@media screen and (max-width: 1024px) {
  .ceo-content__message-wrapper .ceo-content__message {
    font-size: 17px;
  }
}
@media screen and (max-width: 767px) {
  .ceo-content__message-wrapper .ceo-content__message {
    font-size: 16px;
  }
}
.ceo-content__message-wrapper .sign {
  margin-top: 50px;
  margin-left: auto;
  width: 200px;
}
@media screen and (max-width: 1024px) {
  .ceo-content__message-wrapper .sign {
    margin-top: 40px;
    width: 240px;
  }
}
@media screen and (max-width: 767px) {
  .ceo-content__message-wrapper .sign {
    margin-top: 30px;
    width: 200px;
  }
}

.about-page__philosophy {
  width: 100%;
  padding: 13.0208333333vw 0;
  text-align: center;
  background: -webkit-gradient(linear, left bottom, left top, from(#d2fffc), to(#d2e7ff));
  background: linear-gradient(to top, #d2fffc, #d2e7ff);
  margin-bottom: 10.4166666667vw;
}
@media screen and (max-width: 1024px) {
  .about-page__philosophy {
    padding: 14.6484375vw 3.90625vw;
    margin-bottom: 14.6484375vw;
  }
}
@media screen and (max-width: 767px) {
  .about-page__philosophy {
    padding: 100px 24px;
    margin-bottom: 100px;
  }
}
.about-page__philosophy .philosophy__heading {
  color: #063491;
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 5.2083333333vw;
}
@media screen and (max-width: 1024px) {
  .about-page__philosophy .philosophy__heading {
    margin-bottom: 6.8359375vw;
  }
}
@media screen and (max-width: 767px) {
  .about-page__philosophy .philosophy__heading {
    margin-bottom: 50px;
  }
}
.about-page__philosophy .philosophy__concept {
  color: #063491;
  font-size: 5vw;
  margin-bottom: 5.2083333333vw;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .about-page__philosophy .philosophy__concept {
    font-size: 7.03125vw;
    margin-bottom: 6.8359375vw;
  }
}
@media screen and (max-width: 767px) {
  .about-page__philosophy .philosophy__concept {
    font-size: 56px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 430px) {
  .about-page__philosophy .philosophy__concept {
    font-size: 50px;
  }
}
.about-page__philosophy .philosophy__text {
  color: #000000;
  font-size: 32px;
}
@media screen and (max-width: 1024px) {
  .about-page__philosophy .philosophy__text {
    font-size: 26px;
  }
}
@media screen and (max-width: 767px) {
  .about-page__philosophy .philosophy__text {
    font-size: 24px;
  }
}
.about-page__philosophy .philosophy__text__message {
  margin-top: 2rem;
  font-size: 19px;
}
@media screen and (max-width: 767px) {
  .about-page__philosophy .philosophy__text__message {
    font-size: 16px;
    text-align: left;
  }
}
.about-page__philosophy .philosophy__text__message span {
  display: contents;
}
@media screen and (max-width: 1024px) {
  .about-page__philosophy .philosophy__text__message span {
    display: none;
  }
}

.about-page__company,
.about-page__history {
  margin-bottom: 10.4166666667vw;
}
@media screen and (max-width: 1024px) {
  .about-page__company,
  .about-page__history {
    margin-bottom: 14.6484375vw;
  }
}
@media screen and (max-width: 767px) {
  .about-page__company,
  .about-page__history {
    margin-bottom: 100px;
    padding-left: 17px;
    padding-right: 17px;
  }
}

.about-page__history {
  margin-top: 5.2083333333vw;
}
@media screen and (max-width: 1024px) {
  .about-page__history {
    margin-top: 6.8359375vw;
  }
}
@media screen and (max-width: 767px) {
  .about-page__history {
    margin-top: 50px;
    padding-bottom: 11rem;
  }
}

.company__content,
.history__content {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 32px;
}
@media screen and (max-width: 767px) {
  .company__content,
  .history__content {
    margin-top: 27px;
  }
}

.company-table,
.benefit-table {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #063491;
}
@media screen and (max-width: 1024px) {
  .company-table,
  .benefit-table {
    display: block;
    border: none;
    border-bottom: 1px solid #063491;
  }
  .company-table tbody,
  .benefit-table tbody {
    display: block;
  }
  .company-table tr,
  .benefit-table tr {
    display: block;
    border-left: 1px solid #063491;
    border-right: 1px solid #063491;
  }
  .company-table tr:first-child,
  .benefit-table tr:first-child {
    border-top: 1px solid #063491;
  }
}
.company-table tr:not(:last-child),
.benefit-table tr:not(:last-child) {
  border-bottom: 1px solid #063491;
}
.company-table th,
.benefit-table th {
  width: 229px;
  background-color: #e8f3ff;
  color: #063491;
  text-align: center;
  vertical-align: middle;
  padding: 24px;
  font-weight: 500;
}
.company-table th.white,
.benefit-table th.white {
  background-color: #fff;
}
@media screen and (max-width: 1024px) {
  .company-table th,
  .benefit-table th {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 16px;
    border-right: none;
    border-bottom: 1px solid #063491;
  }
}
.company-table td,
.benefit-table td {
  background-color: #fff;
  color: #000000;
  padding: 24px 0 24px 30px;
  line-height: 1.8;
}
.company-table td.white,
.benefit-table td.white {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  .company-table td,
  .benefit-table td {
    display: block;
    width: 100%;
    font-size: 16px;
    padding: 24px;
  }
}
@media screen and (max-width: 767px) {
  .company-table td,
  .benefit-table td {
    padding: 24px;
  }
}

.about-page__landscape {
  width: 100%;
  margin-bottom: 13.0208333333vw;
  height: 500px;
}
@media screen and (max-width: 1024px) {
  .about-page__landscape {
    height: 39.0625vw;
    margin-bottom: 14.6484375vw;
  }
}
@media screen and (max-width: 767px) {
  .about-page__landscape {
    height: 250px;
    margin-bottom: 100px;
  }
}
.about-page__landscape .landscape__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.business-environment-page .sec-header-top {
  background: url(../images/business/img_header.png) no-repeat center center/cover;
}
.business-environment-page .sec-feature .image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 5rem;
  padding: 16.2rem 0;
  background: url(../images/business/drawing.png) no-repeat center center/cover;
  border-radius: 50px;
  overflow: hidden;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
}
.business-environment-page .sec-feature .image .text {
  width: 96%;
  max-width: 900px;
  padding: 5rem;
  background: #fff;
}
.business-environment-page .sec-feature .image .text p {
  color: #000;
  text-align: center;
  font-size: 2.1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.8;
}
.business-environment-page .sec-highlight:first-child {
  margin-top: 13.0208333333vw;
}
@media screen and (max-width: 767px) {
  .business-environment-page .sec-highlight:first-child {
    margin-top: 100px;
  }
}
.business-environment-page .sec-mid {
  margin-bottom: min(15.625vw, 300px);
}
@media screen and (max-width: 767px) {
  .business-environment-page .sec-mid {
    margin-bottom: 100px;
  }
}

.business-page__sv {
  margin-top: 10.4166666667vw;
  margin-bottom: 10.4166666667vw;
  text-align: center;
}
.business-page__sv .sv__title {
  font-size: 80px;
  margin-bottom: 5.2083333333vw;
  font-weight: 900;
}
@media screen and (max-width: 767px) {
  .business-page__sv .sv__title {
    font-size: 40px;
    margin-bottom: 50px;
  }
}
.business-page__sv .sv__text {
  font-size: 21px;
  margin-bottom: 734px;
}
.business-page__sv .sv__message {
  position: relative;
  max-width: 1320px;
  height: 500px;
  margin: 0 auto;
  border-radius: 30px;
  margin-left: 24px;
  margin-right: 24px;
  overflow: hidden;
}
.business-page__sv .sv__message .message__box {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 900px;
  height: 176px;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  .business-page__sv .sv__message .message__box {
    width: 700px;
  }
}
@media screen and (max-width: 767px) {
  .business-page__sv .sv__message .message__box {
    width: 85%;
    height: auto;
    padding: 50px;
  }
}
.business-page__sv .sv__message .message__text {
  font-size: 18px;
  line-height: 2;
  text-align: center;
}
.business-page__sv .sv__message .message__bg {
  width: 100%;
  height: 100%;
  border-radius: 30px;
}
.business-page__sv .sv__message .message__bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.content__wrapper {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 7.8125vw;
}

.content__title {
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 5.2083333333vw;
  padding: 20px 50px;
  border-radius: 50px;
  background-color: #063491;
  display: inline-block;
}
@media screen and (max-width: 1024px) {
  .content__title {
    font-size: 24px;
    margin-bottom: 6.518904824vw;
    padding: 12px 25px;
  }
}
@media screen and (max-width: 767px) {
  .content__title {
    font-size: 21px;
  }
}

.content__text {
  font-size: 21px;
  line-height: 2;
  margin-bottom: min(9.7916666667vw, 188px);
  text-align: left;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 24px;
  padding-right: 24px;
}
@media screen and (max-width: 1024px) {
  .content__text {
    font-size: 18px;
    margin-bottom: 6.518904824vw;
  }
}
@media screen and (max-width: 767px) {
  .content__text {
    font-size: 16px;
    padding-left: 17px;
    padding-right: 17px;
  }
}

.business-environment-page .division__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 1270px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 767px) {
  .business-environment-page .division__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding-left: 17px;
    padding-right: 17px;
  }
}

.division__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.division__en {
  font-size: 40px;
  font-weight: 900;
  background: -webkit-gradient(linear, left top, right top, from(#6aa308), color-stop(50%, #e4fd59), to(#d2e1b8));
  background: linear-gradient(90deg, #6aa308 0%, #e4fd59 50%, #d2e1b8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  margin-bottom: -60px;
}
@media screen and (max-width: 1024px) {
  .division__en {
    margin-bottom: -45px;
  }
}
@media screen and (max-width: 767px) {
  .division__en {
    margin-bottom: -30px;
  }
}

.division__num {
  font-size: 176px;
  font-weight: 900;
  background: -webkit-gradient(linear, left top, right top, from(#6aa308), color-stop(50%, #e4fd59), to(#d2e1b8));
  background: linear-gradient(90deg, #6aa308 0%, #e4fd59 50%, #d2e1b8 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}
@media screen and (max-width: 1024px) {
  .division__num {
    font-size: 140px;
  }
}
@media screen and (max-width: 767px) {
  .division__num {
    font-size: 100px;
  }
}

.division__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-left: 2.8645833333vw;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .division__body {
    padding-left: 0;
  }
}

.division__title {
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .division__title {
    font-size: 32px;
  }
}
@media screen and (max-width: 767px) {
  .division__title {
    font-size: 24px;
  }
}

.division__text {
  font-size: 21px;
  text-align: left;
}
@media screen and (max-width: 1024px) {
  .division__text {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .division__text {
    font-size: 16px;
  }
}

.content-item__wrapper {
  padding-bottom: 8.3333333333vw;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .content-item__wrapper {
    padding-bottom: 9.765625vw;
  }
}
@media screen and (max-width: 767px) {
  .content-item__wrapper {
    padding-bottom: 50px;
  }
}
.content-item__wrapper::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: -webkit-gradient(linear, left top, right top, from(#ff9ebb), to(#ffd1df));
  background: linear-gradient(90deg, #ff9ebb 0%, #ffd1df 100%);
}
.content-item__wrapper:last-child::after {
  display: none;
}

.content-item {
  padding-top: min(6.7708333333vw, 130px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 5.2083333333vw;
}
@media screen and (max-width: 1280px) {
  .content-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .content-item {
    padding-top: 100px;
    padding-left: 17px;
    padding-right: 17px;
    margin-bottom: 36px;
  }
}
.content-item:last-child::after {
  display: none;
}
.content-item__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.content-item__title {
  color: #063491;
  font-size: 24px;
  position: relative;
  margin-bottom: 40px;
  text-align: left;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .content-item__title {
    font-size: 21px;
  }
}
.content-item__title::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100px;
  height: 2px;
  background-color: #063491;
}
.content-item__text {
  font-size: 21px;
  margin-bottom: 50px;
  text-align: left;
  width: 500px;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .content-item__text {
    font-size: 16px;
    width: 100%;
    margin-bottom: 30px;
  }
}
.content-item__img-wrapper {
  width: 500px;
  aspect-ratio: 500/580;
  -webkit-box-shadow: 8px 8px 15px 0 rgba(109, 109, 109, 0.2);
          box-shadow: 8px 8px 15px 0 rgba(109, 109, 109, 0.2);
  border-radius: 30px;
  overflow: hidden;
}
@media screen and (max-width: 1280px) {
  .content-item__img-wrapper {
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 767px) {
  .content-item__img-wrapper {
    width: 100%;
    max-width: 360px;
    height: auto;
    margin-bottom: 50px;
  }
}
.content-item__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.content-item__example-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1280px) {
  .content-item__example-wrapper {
    gap: 30px;
  }
}
.content-item__example {
  width: 690px;
  -webkit-box-shadow: 8px 8px 15px 0 rgba(109, 109, 109, 0.2);
          box-shadow: 8px 8px 15px 0 rgba(109, 109, 109, 0.2);
  padding: 20px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 30px;
  height: auto;
}
.content-item__example:hover {
  background-color: #ebf0f6;
}
@media screen and (max-width: 767px) {
  .content-item__example {
    width: 100%;
  }
}
.content-item__button {
  margin-left: auto;
  margin-right: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
  padding: 2rem 3rem 2rem 3.5rem;
  width: 100%;
  max-width: 240px;
  border-radius: 50px;
  background: #063491;
  -webkit-box-shadow: 0px 10px 0px 0px #001c54;
          box-shadow: 0px 10px 0px 0px #001c54;
}
.content-item__button span {
  color: #FFF;
  font-size: 2.1rem;
  font-style: normal;
  font-weight: 500;
  line-height: 1;
}
.content-item__button .ic {
  width: 50px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50%;
  background-color: #D2E7FF;
  z-index: 1;
}
.content-item__button .ic img {
  z-index: 2;
}
.content-item__button:hover {
  background-color: #063491;
  -webkit-transform: translate(4px, 8px);
          transform: translate(4px, 8px);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: 0.8;
}
.content-item__button:hover span {
  color: #fff;
}
.content-item__button:hover .ic {
  background-color: #d2e7ff;
  z-index: 1;
}
.content-item__button:hover .ic img {
  z-index: 2;
}

.content-item-example__img-wrapper {
  width: 200px;
  height: 200px;
  background-color: #f0f0f0;
}
.content-item-example__img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1024px) {
  .content-item-example__img-wrapper {
    display: none;
  }
}
.content-item-example__body {
  margin-left: 30px;
  width: 400px;
  text-align: left;
}
@media screen and (max-width: 1024px) {
  .content-item-example__body {
    margin-left: 0;
    width: 100%;
  }
}
.content-item-example__title-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
  margin-bottom: 20px;
}
.content-item-example__title, .content-item-example__tag {
  font-size: 21px;
}
.content-item-example__text {
  font-size: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  line-height: 1.5;
  height: 3em;
}

.business-page__tool {
  width: 100%;
  margin-bottom: 15.625vw;
  height: 500px;
}
@media screen and (max-width: 1024px) {
  .business-page__tool {
    height: 400px;
    margin-bottom: 14.6484375vw;
  }
}
@media screen and (max-width: 767px) {
  .business-page__tool {
    height: 250px;
    margin-bottom: 100px;
  }
}
.business-page__tool .tool__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.by-the-number-page {
  overflow-x: hidden;
}
.by-the-number-page .sec-header-top {
  background: url(../images/by-the-number/img_header.png) no-repeat center center/cover;
}

@media screen and (max-width: 767px) {
  .company-numbers,
  .employee-numbers,
  .daily-numbers {
    padding-left: 16px;
    padding-right: 16px;
  }
}

.company-numbers__body {
  margin-bottom: max(60px, 18.2291666667vw);
  padding-left: 19rem;
  max-width: 1644px;
  width: 96%;
  margin-right: auto;
}
@media (min-width: 1920px) {
  .company-numbers__body {
    margin-left: auto;
  }
}
@media screen and (max-width: 1280px) {
  .company-numbers__body {
    padding-left: 4rem;
  }
}
@media screen and (max-width: 1024px) {
  .company-numbers__body {
    margin-bottom: max(60px, 11.71875vw);
  }
}
@media screen and (max-width: 767px) {
  .company-numbers__body {
    padding-left: 16px;
    padding-right: 16px;
    width: auto;
  }
}
.company-numbers__body:last-child {
  margin-bottom: 0;
}

.company-numbers-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10.4166666667vw;
  width: max(67.5vw, 648px);
  margin-right: auto;
  max-width: 1296px;
}
@media screen and (max-width: 1024px) {
  .company-numbers-wrapper {
    width: calc(100% - 64px);
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-bottom: 0;
    width: 327px;
    margin-left: auto;
    margin-right: auto;
  }
}
.company-numbers-wrapper--13 {
  width: max(82.9166666667vw, 318.4px);
  aspect-ratio: 1592/1014;
  max-width: 1592px;
  margin-left: -84px;
}
@media screen and (max-width: 1280px) {
  .company-numbers-wrapper--13 {
    margin-left: 0;
  }
}
.company-numbers-wrapper--13 .company-numbers-item__title {
  margin-left: 84px;
}
@media screen and (max-width: 1280px) {
  .company-numbers-wrapper--13 .company-numbers-item__title {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-wrapper--13 {
    width: 340px;
    aspect-ratio: 340/430;
    margin-left: auto;
    margin-right: auto;
  }
}
.company-numbers-wrapper--16 {
  width: max(66.9791666667vw, 321.5px);
  aspect-ratio: 1286/759;
  max-width: 1286px;
  margin-left: -18px;
  margin-bottom: 0;
}
@media screen and (max-width: 1280px) {
  .company-numbers-wrapper--16 {
    margin-left: 0;
  }
}
.company-numbers-wrapper--16 .company-numbers-item__title {
  margin-left: 18px;
}
@media screen and (max-width: 1280px) {
  .company-numbers-wrapper--16 .company-numbers-item__title {
    margin-left: 0;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-wrapper--16 {
    width: 340px;
    aspect-ratio: 340/380;
    margin-left: auto;
    margin-right: auto;
  }
}

.company-numbers-item {
  position: relative;
}
@media screen and (max-width: 767px) {
  .company-numbers-item {
    margin-bottom: 42px;
  }
}
.company-numbers-item__title {
  padding: 20px 30px;
  font-size: max(2.0833333333vw, 24px);
  font-weight: bold;
  border-radius: 20px;
  -webkit-box-shadow: 8px 10px 0 0 rgb(0, 0, 0);
          box-shadow: 8px 10px 0 0 rgb(0, 0, 0);
  display: inline-block;
}
@media screen and (max-width: 1024px) {
  .company-numbers-item__title {
    font-size: 24px;
    font-weight: normal;
    padding: 16px 24px;
  }
}
.company-numbers-item--1 {
  width: max(27.9166666667vw, 268px);
  max-width: 536px;
  aspect-ratio: 536/513;
}
@media screen and (max-width: 1024px) {
  .company-numbers-item--1 {
    aspect-ratio: 536/564.3;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item--1 {
    width: 100%;
  }
}
.company-numbers-item--2 {
  width: max(33.125vw, 318px);
  max-width: 636px;
  aspect-ratio: 636/538;
}
@media screen and (max-width: 1024px) {
  .company-numbers-item--2 {
    aspect-ratio: 636/591.8;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item--2 {
    width: 100%;
  }
}
.company-numbers-item--3 {
  width: max(29.375vw, 282px);
  max-width: 564px;
  aspect-ratio: 564/484;
}
@media screen and (max-width: 1024px) {
  .company-numbers-item--3 {
    aspect-ratio: 564/532.4;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item--3 {
    width: 100%;
  }
}
.company-numbers-item--4 {
  width: max(33.125vw, 318px);
  max-width: 636px;
  aspect-ratio: 636/499;
}
@media screen and (max-width: 1024px) {
  .company-numbers-item--4 {
    aspect-ratio: 636/548.9;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item--4 {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item--4 {
    width: 100%;
  }
}
.company-numbers-item--5 {
  width: max(31.4583333333vw, 302px);
  max-width: 604px;
  aspect-ratio: 604/528;
}
@media screen and (max-width: 1024px) {
  .company-numbers-item--5 {
    aspect-ratio: 604/580.8;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item--5 {
    width: 100%;
  }
}
.company-numbers-item--6 {
  width: max(30.15625vw, 289.5px);
  max-width: 579px;
  aspect-ratio: 579/484;
}
@media screen and (max-width: 1024px) {
  .company-numbers-item--6 {
    aspect-ratio: 579/532.4;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item--6 {
    width: 100%;
  }
}
.company-numbers-item--7 {
  width: max(29.6354166667vw, 284.5px);
  max-width: 569px;
  aspect-ratio: 569/545;
}
@media screen and (max-width: 1024px) {
  .company-numbers-item--7 {
    aspect-ratio: 569/599.5;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item--7 {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item--7 {
    width: 100%;
  }
}
.company-numbers-item--8 {
  width: max(26.25vw, 252px);
  max-width: 504px;
  aspect-ratio: 504/526;
}
@media screen and (max-width: 1024px) {
  .company-numbers-item--8 {
    aspect-ratio: 504/578.6;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item--8 {
    width: 100%;
  }
}
.company-numbers-item--9 {
  width: max(30.5208333333vw, 293px);
  max-width: 586px;
  aspect-ratio: 586/505;
}
@media screen and (max-width: 1024px) {
  .company-numbers-item--9 {
    aspect-ratio: 586/555.5;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item--9 {
    width: 100%;
  }
}
.company-numbers-item--10 {
  width: max(33.90625vw, 325.5px);
  max-width: 651px;
  aspect-ratio: 651/556;
}
@media screen and (max-width: 1024px) {
  .company-numbers-item--10 {
    aspect-ratio: 651/611.6;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item--10 {
    width: 100%;
  }
}
.company-numbers-item--11 {
  width: max(31.40625vw, 301.5px);
  max-width: 603px;
  aspect-ratio: 603/531;
}
@media screen and (max-width: 1024px) {
  .company-numbers-item--11 {
    aspect-ratio: 603/584.1;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item--11 {
    width: 100%;
  }
}
.company-numbers-item--12 {
  width: max(34.6875vw, 333px);
  max-width: 666px;
  aspect-ratio: 666/566;
}
@media screen and (max-width: 1024px) {
  .company-numbers-item--12 {
    aspect-ratio: 666/622.6;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item--12 {
    width: 100%;
  }
}
.company-numbers-item--13 {
  width: 100%;
  height: 100%;
}
.company-numbers-item--14 {
  width: max(32.0833333333vw, 308px);
  max-width: 616px;
  aspect-ratio: 616/608;
}
@media screen and (max-width: 1024px) {
  .company-numbers-item--14 {
    aspect-ratio: 616/668.8;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item--14 {
    width: 100%;
  }
}
.company-numbers-item--15 {
  width: max(33.4895833333vw, 321.5px);
  max-width: 643px;
  aspect-ratio: 643/569;
}
@media screen and (max-width: 1024px) {
  .company-numbers-item--15 {
    aspect-ratio: 643/625.9;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item--15 {
    width: 100%;
  }
}
.company-numbers-item--16 {
  width: 100%;
  height: 100%;
}
.company-numbers-item__img {
  position: absolute;
  bottom: 0;
  right: 0;
}
.company-numbers-item__img--1 {
  width: max(26.25vw, 252px);
  aspect-ratio: 504/294;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--1 {
    width: 504px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--1 {
    right: none;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 90%;
  }
}
.company-numbers-item__img--2 {
  width: max(31.25vw, 300px);
  max-width: 600px;
  aspect-ratio: 600/359;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--2 {
    width: 600px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--2 {
    right: none;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 90%;
  }
}
.company-numbers-item__img--3-1 {
  width: max(11.1979166667vw, 107.5px);
  max-width: 215px;
  bottom: max(10vw, 96px);
  right: max(15.3645833333vw, 147.5px);
  aspect-ratio: 215/142;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--3-1 {
    width: 215px;
    bottom: 192px;
    right: 295px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--3-1 {
    right: none;
    left: 0;
    bottom: 110px;
    width: 130px;
  }
}
.company-numbers-item__img--3-2 {
  width: max(11.1979166667vw, 107.5px);
  max-width: 215px;
  bottom: max(10vw, 96px);
  aspect-ratio: 215/142;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--3-2 {
    width: 215px;
    bottom: 192px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--3-2 {
    width: 130px;
    bottom: 110px;
  }
}
.company-numbers-item__img--3-3 {
  width: max(11.1979166667vw, 107.5px);
  max-width: 215px;
  right: max(15.3645833333vw, 147.5px);
  aspect-ratio: 215/142;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--3-3 {
    width: 215px;
    right: 295px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--3-3 {
    right: none;
    left: 0;
    width: 130px;
  }
}
.company-numbers-item__img--3-4 {
  width: max(11.1979166667vw, 107.5px);
  max-width: 215px;
  aspect-ratio: 215/142;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--3-4 {
    width: 215px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--3-4 {
    width: 130px;
  }
}
.company-numbers-item__img--4-1 {
  width: max(12.1354166667vw, 116.5px);
  max-width: 233px;
  right: max(18.6979166667vw, 179.5px);
  aspect-ratio: 233/350;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--4-1 {
    width: 233px;
    right: 359px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--4-1 {
    right: 185px;
  }
}
.company-numbers-item__img--4-2 {
  width: max(16.09375vw, 154.5px);
  max-width: 309px;
  bottom: max(3.28125vw, 31.5px);
  aspect-ratio: 309/350;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--4-2 {
    width: 309px;
    bottom: 63px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--4-2 {
    right: 10px;
  }
}
.company-numbers-item__img--5-1 {
  width: max(14.1666666667vw, 136px);
  max-width: 272px;
  right: max(15.8854166667vw, 152.5px);
  aspect-ratio: 272/334;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--5-1 {
    width: 272px;
    right: 305px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--5-1 {
    right: none;
    left: 0;
  }
}
.company-numbers-item__img--5-2 {
  width: max(14.1666666667vw, 136px);
  max-width: 272px;
  bottom: max(1.71875vw, 16.5px);
  aspect-ratio: 272/345;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--5-2 {
    width: 272px;
    bottom: 33px;
  }
}
.company-numbers-item__img--6-1 {
  width: max(11.1979166667vw, 107.5px);
  max-width: 215px;
  bottom: max(10vw, 96px);
  right: max(15.3645833333vw, 147.5px);
  aspect-ratio: 215/142;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--6-1 {
    width: 215px;
    bottom: 192px;
    right: 295px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--6-1 {
    right: none;
    left: 0;
    bottom: 110px;
    width: 130px;
  }
}
.company-numbers-item__img--6-2 {
  width: max(11.1979166667vw, 107.5px);
  max-width: 215px;
  bottom: max(10vw, 96px);
  aspect-ratio: 215/142;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--6-2 {
    width: 215px;
    bottom: 192px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--6-2 {
    width: 130px;
    bottom: 110px;
  }
}
.company-numbers-item__img--6-3 {
  width: max(11.1979166667vw, 107.5px);
  max-width: 215px;
  right: max(15.3645833333vw, 147.5px);
  aspect-ratio: 215/142;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--6-3 {
    width: 215px;
    right: 295px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--6-3 {
    right: none;
    left: 0;
    width: 130px;
  }
}
.company-numbers-item__img--6-4 {
  width: max(11.1979166667vw, 107.5px);
  max-width: 215px;
  aspect-ratio: 215/142;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--6-4 {
    width: 215px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--6-4 {
    width: 130px;
  }
}
.company-numbers-item__img--7 {
  width: max(22.6041666667vw, 217px);
  max-width: 434px;
  aspect-ratio: 434/400;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--7 {
    width: 434px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--7 {
    right: none;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 80%;
  }
}
.company-numbers-item__img--8 {
  width: max(22.5vw, 216px);
  max-width: 432px;
  aspect-ratio: 432/400;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--8 {
    width: 432px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--8 {
    right: none;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 90%;
  }
}
.company-numbers-item__img--9 {
  width: max(26.25vw, 252px);
  max-width: 504px;
  aspect-ratio: 504/351;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--9 {
    width: 504px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--9 {
    right: none;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 90%;
  }
}
.company-numbers-item__img--10-1 {
  width: max(9.7916666667vw, 94px);
  max-width: 188px;
  bottom: max(17.65625vw, 169.5px);
  right: max(25.625vw, 246px);
  aspect-ratio: 188/46;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--10-1 {
    width: 188px;
    bottom: 339px;
    right: 492px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--10-1 {
    right: 200px;
  }
}
.company-numbers-item__img--10-2 {
  width: max(8.125vw, 78px);
  max-width: 156px;
  right: max(7.2395833333vw, 69.5px);
  bottom: max(16.5625vw, 159px);
  aspect-ratio: 156/46;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--10-2 {
    width: 156px;
    right: 139px;
    bottom: 318px;
  }
}
.company-numbers-item__img--10-3 {
  width: max(27.65625vw, 265.5px);
  max-width: 531px;
  aspect-ratio: 531/131;
  bottom: max(9.4791666667vw, 91px);
}
@media (min-width: 1920px) {
  .company-numbers-item__img--10-3 {
    width: 531px;
    bottom: 182px;
  }
}
.company-numbers-item__img--10-4 {
  width: max(19.6875vw, 189px);
  max-width: 378px;
  right: max(12.5vw, 120px);
  bottom: max(6.5625vw, 63px);
  aspect-ratio: 378/46;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--10-4 {
    width: 378px;
    right: 240px;
    bottom: 126px;
  }
}
.company-numbers-item__img--10-5 {
  width: max(6.4583333333vw, 62px);
  max-width: 124px;
  right: max(1.5104166667vw, 14.5px);
  bottom: max(5.46875vw, 52.5px);
  aspect-ratio: 124/46;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--10-5 {
    width: 124px;
    right: 29px;
    bottom: 105px;
  }
}
.company-numbers-item__img--10-6 {
  width: max(18.4895833333vw, 177.5px);
  max-width: 355px;
  right: max(0.6770833333vw, 6.5px);
  aspect-ratio: 355/90;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--10-6 {
    width: 355px;
    right: 13px;
  }
}
.company-numbers-item__img--11 {
  width: max(28.6979166667vw, 275.5px);
  max-width: 551px;
  aspect-ratio: 551/411;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--11 {
    width: 551px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--11 {
    right: none;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 90%;
  }
}
.company-numbers-item__img--12-1 {
  width: max(16.71875vw, 160.5px);
  max-width: 321px;
  right: max(14.1145833333vw, 135.5px);
  aspect-ratio: 321/350;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--12-1 {
    width: 321px;
    right: 271px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--12-1 {
    right: 150px;
  }
}
.company-numbers-item__img--12-2 {
  width: max(17.0833333333vw, 164px);
  max-width: 328px;
  bottom: max(3.3854166667vw, 32.5px);
  aspect-ratio: 328/350;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--12-2 {
    width: 328px;
    bottom: 65px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--12-2 {
    right: 10px;
  }
}
.company-numbers-item__img--13-1 {
  width: max(39.5833333333vw, 152px);
  max-width: 760px;
  right: max(21.09375vw, 81px);
  bottom: max(35.8854166667vw, 137.8px);
  aspect-ratio: 760/139;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--13-1 {
    width: 760px;
    right: 405px;
    bottom: 689px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--13-1 {
    width: 236px;
    bottom: 70%;
    right: 10%;
  }
}
.company-numbers-item__img--13-2 {
  width: max(13.125vw, 50.4px);
  max-width: 252px;
  right: max(63.90625vw, 245.4px);
  bottom: max(35.2604166667vw, 135.4px);
  aspect-ratio: 252/46;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--13-2 {
    width: 252px;
    right: 1227px;
    bottom: 677px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--13-2 {
    width: 120px;
    bottom: 60%;
    right: 60%;
  }
}
.company-numbers-item__img--13-3 {
  width: max(35.2604166667vw, 135.4px);
  max-width: 677px;
  right: max(34.8958333333vw, 134px);
  bottom: max(26.1979166667vw, 100.6px);
  aspect-ratio: 677/89;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--13-3 {
    width: 677px;
    right: 670px;
    bottom: 503px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--13-3 {
    width: 240px;
    bottom: 45%;
    right: 17%;
  }
}
.company-numbers-item__img--13-4 {
  width: max(13.125vw, 50.4px);
  max-width: 252px;
  right: max(12.4479166667vw, 47.8px);
  bottom: max(24.3229166667vw, 93.4px);
  aspect-ratio: 252/46;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--13-4 {
    width: 252px;
    right: 239px;
    bottom: 467px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--13-4 {
    width: 105px;
    bottom: 38%;
    right: 5%;
  }
}
.company-numbers-item__img--13-5 {
  width: max(24.4791666667vw, 94px);
  max-width: 470px;
  right: max(27.96875vw, 107.4px);
  bottom: max(18.2291666667vw, 70px);
  aspect-ratio: 470/93;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--13-5 {
    width: 470px;
    right: 537px;
    bottom: 350px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--13-5 {
    width: 150px;
    bottom: 25%;
    right: 28%;
  }
}
.company-numbers-item__img--13-6 {
  width: max(24.1666666667vw, 92.8px);
  max-width: 464px;
  bottom: max(28.6979166667vw, 110.2px);
  aspect-ratio: 464/464;
  z-index: -1;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--13-6 {
    width: 464px;
    bottom: 551px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--13-6 {
    width: 145px;
    bottom: 50%;
  }
}
.company-numbers-item__img--13-7 {
  width: max(22.2916666667vw, 85.6px);
  max-width: 428px;
  right: max(60.7291666667vw, 233.2px);
  bottom: max(9.7395833333vw, 37.4px);
  aspect-ratio: 428/428;
  z-index: -1;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--13-7 {
    width: 428px;
    right: 1166px;
    bottom: 187px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--13-7 {
    width: 133px;
    bottom: 30%;
    right: 60%;
  }
}
.company-numbers-item__img--13-8 {
  width: max(22.5520833333vw, 86.6px);
  max-width: 433px;
  right: max(18.0729166667vw, 69.4px);
  aspect-ratio: 433/433;
  z-index: -1;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--13-8 {
    width: 433px;
    right: 347px;
    bottom: 187px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--13-8 {
    width: 153px;
    right: 20%;
  }
}
.company-numbers-item__img--14 {
  width: max(30.2083333333vw, 290px);
  max-width: 580px;
  aspect-ratio: 580/409;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--14 {
    width: 580px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--14 {
    right: none;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 90%;
  }
}
.company-numbers-item__img--15-1 {
  width: max(19.7395833333vw, 189.5px);
  max-width: 379px;
  right: max(11.6145833333vw, 111.5px);
  aspect-ratio: 379/235;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--15-1 {
    width: 379px;
    right: 223px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--15-1 {
    right: 118px;
  }
}
.company-numbers-item__img--15-2 {
  width: max(15.7291666667vw, 151px);
  max-width: 302px;
  bottom: max(7.0833333333vw, 68px);
  aspect-ratio: 302/256;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--15-2 {
    width: 302px;
    bottom: 136px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--15-2 {
    right: 10px;
  }
}
.company-numbers-item__img--16-1 {
  width: max(29.5833333333vw, 142px);
  max-width: 568px;
  right: max(30.2083333333vw, 145px);
  bottom: max(20.0520833333vw, 96.25px);
}
@media (min-width: 1920px) {
  .company-numbers-item__img--16-1 {
    width: 568px;
    right: 580px;
    bottom: 385px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--16-1 {
    width: 171px;
    bottom: 65%;
    right: 50%;
  }
}
.company-numbers-item__img--16-2 {
  width: max(8.125vw, 39px);
  max-width: 156px;
  right: max(16.5625vw, 79.5px);
  bottom: max(20.5729166667vw, 98.75px);
  aspect-ratio: 156/46;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--16-2 {
    width: 156px;
    right: 318px;
    bottom: 395px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--16-2 {
    width: 90px;
    bottom: 55%;
    right: 30%;
  }
}
.company-numbers-item__img--16-3 {
  width: max(9.7916666667vw, 47px);
  max-width: 188px;
  bottom: max(16.40625vw, 78.75px);
  right: max(33.1770833333vw, 159.25px);
  aspect-ratio: 188/46;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--16-3 {
    width: 188px;
    bottom: 315px;
    right: 637px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--16-3 {
    width: 100px;
    bottom: 45%;
    right: 60%;
  }
}
.company-numbers-item__img--16-4 {
  width: max(28.125vw, 135px);
  max-width: 540px;
  right: max(2.8125vw, 13.5px);
  bottom: max(12.0833333333vw, 58px);
  aspect-ratio: 540/60;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--16-4 {
    width: 540px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--16-4 {
    width: 180px;
    bottom: 35%;
    right: 5%;
  }
}
.company-numbers-item__img--16-5 {
  width: max(13.125vw, 63px);
  max-width: 252px;
  bottom: max(10.9895833333vw, 52.75px);
  right: max(37.8645833333vw, 181.75px);
  aspect-ratio: 252/46;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--16-5 {
    width: 252px;
    bottom: 211px;
    right: 727px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--16-5 {
    width: 120px;
    bottom: 30%;
    right: none;
    left: 0;
  }
}
.company-numbers-item__img--16-6 {
  width: max(7.8125vw, 37.5px);
  max-width: 150px;
  right: max(18.4895833333vw, 88.75px);
  bottom: max(5.7291666667vw, 27.5px);
  aspect-ratio: 150/56;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--16-6 {
    width: 150px;
    right: 355px;
    bottom: 110px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--16-6 {
    width: 90px;
    bottom: 20%;
    right: 20%;
  }
}
.company-numbers-item__img--16-7 {
  width: max(10.9375vw, 52.5px);
  max-width: 210px;
  bottom: max(3.3333333333vw, 16px);
  aspect-ratio: 210/74;
  right: max(26.25vw, 126px);
}
@media (min-width: 1920px) {
  .company-numbers-item__img--16-7 {
    width: 210px;
    bottom: 64px;
    right: 504px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--16-7 {
    width: 90px;
    bottom: 10%;
    right: 55%;
  }
}
.company-numbers-item__img--16-8 {
  width: max(13.0729166667vw, 62.75px);
  max-width: 251px;
  aspect-ratio: 251/226;
  bottom: max(23.75vw, 114px);
  right: max(26.6666666667vw, 128px);
  z-index: -1;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--16-8 {
    width: 251px;
    bottom: 456px;
    right: 512px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--16-8 {
    width: 75px;
    bottom: 55%;
    right: 45%;
  }
}
.company-numbers-item__img--16-9 {
  width: max(20.7291666667vw, 99.5px);
  max-width: 398px;
  aspect-ratio: 398/739;
  z-index: -1;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--16-9 {
    width: 398px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--16-9 {
    width: 120px;
  }
}
.company-numbers-item__img--16-10 {
  width: max(15.9895833333vw, 76.75px);
  max-width: 307px;
  bottom: max(1.71875vw, 8.25px);
  right: max(47.7083333333vw, 229px);
  aspect-ratio: 307/307;
  z-index: -1;
}
@media (min-width: 1920px) {
  .company-numbers-item__img--16-10 {
    width: 307px;
  }
}
@media screen and (max-width: 767px) {
  .company-numbers-item__img--16-10 {
    width: 95px;
    bottom: 5%;
    right: 65%;
  }
}

.sec-company-numbers {
  margin-top: 7.8125vw;
}

.contact-page {
  overflow: hidden;
}
.contact-page .sec-header-top {
  background: url(../images/contact/img_header.png) no-repeat center center/cover;
}

.contact-confirm-page {
  overflow: hidden;
}
.contact-confirm-page .sec-header-top {
  background: url(../images/contact/img_header.png) no-repeat center center/cover;
}

.contact-complete-page {
  overflow: hidden;
}
.contact-complete-page .sec-header-top {
  background: url(../images/contact/img_header.png) no-repeat center center/cover;
}

.sec-tel {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 150px;
  margin-top: 48px;
}
@media screen and (max-width: 767px) {
  .sec-tel {
    margin-bottom: 50px;
  }
}

.tel-wrapper {
  padding: 50px 30px;
  border-radius: 30px;
  border: 2px solid #000000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
  margin-right: auto;
  width: 654px;
}
@media screen and (max-width: 767px) {
  .tel-wrapper {
    width: 90%;
    padding: 30px 40px;
    gap: 40px;
  }
}
.tel-wrapper .tel-title {
  font-size: 32px;
  color: #000000;
}
@media screen and (max-width: 767px) {
  .tel-wrapper .tel-title {
    font-size: 24px;
  }
}
.tel-wrapper .tel-text-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 50px;
}
@media screen and (max-width: 767px) {
  .tel-wrapper .tel-text-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}

.contact-page .sec-header-top {
  background: url(../images/contact/img_header.png) no-repeat center center/cover;
}

.sec-form-label {
  margin-top: 42px;
  margin-bottom: 7.8125vw;
}

.form-label-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: visible;
}

.form-label {
  width: 378px;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #000000;
  color: #000000;
  font-size: 24px;
  position: relative;
  z-index: 1;
  text-align: center;
  /* ボーダー風の背景 */
  /* 個別のクリップパス */
}
@media screen and (max-width: 1280px) {
  .form-label {
    width: 300px;
    height: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .form-label {
    width: 24.4140625vw;
    height: 70px;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .form-label {
    width: 28.6831812256vw;
    height: 60px;
    font-size: 16px;
  }
}
.form-label p {
  position: relative;
  z-index: 2;
}
.form-label--active {
  color: #fff !important;
}
.form-label--active .form-label-bg {
  background-color: #000000 !important;
}
.form-label .form-label-bg {
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-color: #fff;
  z-index: 1;
}
.form-label--input {
  -webkit-clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
  z-index: 1;
}
.form-label--input .form-label-bg {
  -webkit-clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
}
.form-label--confirm {
  -webkit-clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%, 5% 50%);
          clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%, 5% 50%);
  z-index: 1;
}
.form-label--confirm .form-label-bg {
  -webkit-clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%, 5% 50%);
          clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%, 5% 50%);
}
.form-label--complete {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 5% 50%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 5% 50%);
  z-index: 1;
}
.form-label--complete .form-label-bg {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 5% 50%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 5% 50%);
}

.sec-contact-form {
  margin-bottom: 13.0208333333vw;
}
@media screen and (max-width: 767px) {
  .sec-contact-form {
    padding-bottom: 18rem;
  }
}

.contact-form {
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .contact-form {
    width: 100%;
    padding: 0 40px;
  }
}
@media screen and (max-width: 767px) {
  .contact-form {
    padding: 0 14px;
  }
}
.contact-form .form-item {
  padding: 50px 150px;
  border-bottom: 1px solid #9baec9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  .contact-form .form-item {
    padding: 40px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .contact-form .form-item {
    padding: 30px 0;
  }
}
.contact-form .form-item__header {
  width: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media screen and (max-width: 1024px) {
  .contact-form .form-item__header {
    width: 100%;
    margin-bottom: 20px;
  }
}
.contact-form .form-item__label {
  font-size: 21px;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .contact-form .form-item__label {
    font-size: 18px;
  }
}
.contact-form .form-item__required {
  font-size: 19px;
  color: #fff;
  background-color: #9f0f0c;
  padding: 8px 10px;
  display: inline-block;
  border-radius: 10px;
  margin-left: 20px;
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .contact-form .form-item__required {
    font-size: 16px;
    padding: 6px 8px;
  }
}
.contact-form .form-item__content {
  max-width: 500px;
}
@media screen and (max-width: 1280px) {
  .contact-form .form-item__content {
    max-width: 400px;
  }
}
@media screen and (max-width: 1024px) {
  .contact-form .form-item__content {
    width: 100%;
    max-width: none;
  }
}
.contact-form .form-item__input, .contact-form .form-item__textarea {
  width: 100%;
  height: 70px;
  border-radius: 10px;
  border: 1px solid #c4c3c3;
  background-color: #f2f2f2;
  padding: 15px;
  position: relative;
  font-size: 21px;
}
@media screen and (max-width: 767px) {
  .contact-form .form-item__input, .contact-form .form-item__textarea {
    font-size: 18px;
  }
}
.contact-form .form-item__textarea {
  height: 200px;
  padding: 20px;
  resize: vertical;
  font-size: 21px;
}
@media screen and (max-width: 767px) {
  .contact-form .form-item__textarea {
    font-size: 18px;
  }
}
.contact-form .form-item__example, .contact-form .form-item__note {
  font-size: 16px;
  color: #707070;
  margin-top: 20px;
}
.contact-form .form-group {
  padding: 50px 150px;
  border-bottom: 1px solid #9baec9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1280px) {
  .contact-form .form-group {
    padding: 50px 100px;
  }
}
@media screen and (max-width: 1024px) {
  .contact-form .form-group {
    padding: 40px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  .contact-form .form-group {
    padding: 30px 0;
    gap: 15px;
  }
}
.contact-form .form-group--sub {
  border-bottom: none;
  padding-bottom: 0;
}
.contact-form .form-group__content {
  width: 500px;
}
@media screen and (max-width: 1024px) {
  .contact-form .form-group__content {
    width: 100%;
  }
}
.contact-form .form-group .form-item {
  padding: 0;
  border-bottom: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 40px;
}
.contact-form .form-group .form-item:not(:last-child) {
  margin-bottom: 30px;
}
.contact-form .form-group .form-item__header {
  margin-bottom: 20px;
}
.contact-form .privacy-policy {
  width: 800px;
  margin: 0 auto;
  margin-bottom: 50px;
  padding: 50px;
  background-color: #fff;
  border: 1px solid #000000;
  line-height: 1.8;
  text-align: center;
  overflow-y: scroll;
  height: 340px;
  position: relative;
}
.contact-form .privacy-policy__inner {
  width: calc(100% - 98px);
  height: calc(100% - 98px);
  margin: 0 auto;
  position: absolute;
  top: 50px;
  left: 50px;
  overflow: auto;
}
.contact-form .privacy-policy__title {
  font-size: 24px;
  margin-bottom: 50px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .contact-form .privacy-policy__title {
    margin-bottom: 30px;
  }
}
.contact-form .privacy-policy p {
  text-align: left;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .contact-form .privacy-policy {
    width: 80%;
  }
}
@media screen and (max-width: 767px) {
  .contact-form .privacy-policy {
    width: 90%;
    padding: 30px;
  }
  .contact-form .privacy-policy__inner {
    top: 30px;
    left: 30px;
    width: calc(100% - 58px);
    height: calc(100% - 58px);
  }
}
.contact-form .privacy-policy__agreement {
  width: 700px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  .contact-form .privacy-policy__agreement {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
  }
  .contact-form .privacy-policy__agreement .form-item__required {
    margin-left: 0;
    margin-right: 0;
  }
}
.contact-form .privacy-policy__agreement .checkbox-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  /* チェックマークの追加 */
}
.contact-form .privacy-policy__agreement .checkbox-wrapper input[type=checkbox] {
  display: none;
}
.contact-form .privacy-policy__agreement .checkbox-wrapper label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.contact-form .privacy-policy__agreement .checkbox-wrapper label::before {
  content: "";
  width: 20px !important;
  height: 20px !important;
  border: 1.5px solid #000000;
  background-color: #fff;
  -webkit-transition: background-color 0.2s, border 0.2s;
  transition: background-color 0.2s, border 0.2s;
  cursor: pointer;
  display: inline-block;
  margin-right: 5px;
  position: relative;
}
.contact-form .privacy-policy__agreement .checkbox-wrapper label:has(input[type=checkbox]:checked)::after {
  content: "✔";
  font-size: 16px;
  color: #000000;
  position: absolute;
  top: 50%;
  left: 11px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: none;
  z-index: 10;
}
.contact-form .privacy-policy__agreement .checkbox-wrapper label:has(input[type=checkbox]:checked)::after {
  display: block;
}
.contact-form .privacy-policy__agreement .checkbox-wrapper .required {
  margin-left: 30px;
  border-radius: 5px;
}
.contact-form .form-button {
  padding: 24px 30px;
  text-align: center;
  width: 360px;
  margin: 0 auto;
  border: 1px solid #000000;
  font-size: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 30px;
}
.contact-form .form-button:hover {
  opacity: 0.8;
}
@media screen and (max-width: 1024px) {
  .contact-form .form-button {
    width: 300px;
    padding: 20px 25px;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .contact-form .form-button {
    width: 250px;
    padding: 15px 20px;
    font-size: 18px;
  }
}
.contact-form .form-button .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.contact-form .form-button img {
  width: 15px;
  height: 17px;
  margin-left: 25px;
}
@media screen and (max-width: 767px) {
  .contact-form .form-button img {
    width: 12px;
    height: 14px;
    margin-left: 20px;
  }
}
.contact-form .form-button input[type=submit] {
  display: none;
}

.contact-page .mw-wp-form_file {
  display: block;
  position: absolute;
  top: 50%;
  left: 210px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .contact-page .mw-wp-form_file {
    left: 175px;
  }
}
.contact-page .mwform-file-delete {
  position: absolute;
  left: 190px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .contact-page .mwform-file-delete {
    left: 158px;
  }
}

/* チェックボックスのカスタムスタイル */
.custom-checkbox label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  position: relative;
  font-size: 21px;
  padding-left: 45px; /* チェックボックスのスペース */
}
@media screen and (max-width: 767px) {
  .custom-checkbox label {
    font-size: 18px;
    padding-left: 35px;
  }
}

/* デフォルトのチェックボックスを非表示 */
.custom-checkbox input[type=radio] {
  display: none;
}

/* チェックボックスのカスタムデザイン */
.custom-checkbox label::before {
  content: "";
  width: 25px;
  height: 25px;
  border: 1.5px solid #000000;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #fff;
  -webkit-transition: background-color 0.2s, border 0.2s;
  transition: background-color 0.2s, border 0.2s;
}
@media screen and (max-width: 767px) {
  .custom-checkbox label::before {
    width: 20px;
    height: 20px;
  }
}

/* チェックマークの追加 */
label:has(input[type=radio]:checked)::after {
  content: "";
  width: 14px;
  height: 14px;
  background-color: #000000;
  position: absolute;
  left: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 50%;
}
@media screen and (max-width: 767px) {
  label:has(input[type=radio]:checked)::after {
    width: 10px;
    height: 10px;
    left: 4.9px;
  }
}

.contact-page .form-button--submit {
  display: none !important;
}

.contact-confirm-page .form-item__example,
.contact-confirm-page .form-item__note,
.contact-confirm-page .postal-search-button,
.contact-confirm-page .custom-file-label,
.contact-confirm-page .form-item__required,
.contact-confirm-page .checkbox-wrapper {
  display: none !important;
}

.contact-confirm-page .agreement-text {
  display: block;
}

.contact-confirm-page .form-head-wrapper-small {
  margin-bottom: 30px;
}

.contact-confirm-page .form-head-wrapper {
  margin-bottom: 10px;
}

.contact-confirm-page .form-item {
  font-size: 21px;
}

@media screen and (max-width: 1024px) {
  .contact-confirm-page .form-group__header,
  .contact-confirm-page .form-group__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
  }
}

.contact-complete-page .sec-text-header {
  text-align: center;
}

.contact-page .mw-wp-form_file {
  display: block;
  position: absolute;
  top: 50%;
  left: 210px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .contact-page .mw-wp-form_file {
    left: 175px;
  }
}
.contact-page .mwform-file-delete {
  position: absolute;
  left: 190px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .contact-page .mwform-file-delete {
    left: 158px;
  }
}

.entry-page {
  overflow: hidden;
}
.entry-page .sec-header-top {
  background: url(../images/entry/img_header.png) no-repeat center center/cover;
}

.entry-confirm-page {
  overflow: hidden;
}
.entry-confirm-page .sec-header-top {
  background: url(../images/entry/img_header.png) no-repeat center center/cover;
}

.entry-complete-page {
  overflow: hidden;
}
.entry-complete-page .sec-header-top {
  background: url(../images/entry/img_header.png) no-repeat center center/cover;
}

.sec-form-label {
  margin-top: 42px;
  margin-bottom: 7.8125vw;
}

.form-label-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: visible;
}

.form-label {
  width: 378px;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #000000;
  color: #000000;
  font-size: 24px;
  position: relative;
  z-index: 1;
  text-align: center;
  /* ボーダー風の背景 */
  /* 個別のクリップパス */
}
@media screen and (max-width: 1280px) {
  .form-label {
    width: 300px;
    height: 80px;
  }
}
@media screen and (max-width: 1024px) {
  .form-label {
    width: 24.4140625vw;
    height: 70px;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .form-label {
    width: 28.6831812256vw;
    height: 60px;
    font-size: 16px;
  }
}
.form-label p {
  position: relative;
  z-index: 2;
}
.form-label--active {
  color: #fff !important;
}
.form-label--active .form-label-bg {
  background-color: #000000 !important;
}
.form-label .form-label-bg {
  position: absolute;
  top: 2px;
  left: 2px;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  background-color: #fff;
  z-index: 1;
}
.form-label--input {
  -webkit-clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
  z-index: 1;
}
.form-label--input .form-label-bg {
  -webkit-clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
}
.form-label--confirm {
  -webkit-clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%, 5% 50%);
          clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%, 5% 50%);
  z-index: 1;
}
.form-label--confirm .form-label-bg {
  -webkit-clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%, 5% 50%);
          clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%, 5% 50%);
}
.form-label--complete {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 5% 50%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 5% 50%);
  z-index: 1;
}
.form-label--complete .form-label-bg {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 5% 50%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 5% 50%);
}

.entry-form {
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  .entry-form {
    width: 100%;
    padding: 0 40px;
  }
}
@media screen and (max-width: 767px) {
  .entry-form {
    padding: 0 14px;
  }
}
.entry-form .form-item {
  padding: 50px 150px;
  border-bottom: 1px solid #9baec9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  .entry-form .form-item {
    padding: 40px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .entry-form .form-item {
    padding: 30px 0;
  }
}
.entry-form .form-item__header {
  width: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media screen and (max-width: 1024px) {
  .entry-form .form-item__header {
    width: 100%;
    margin-bottom: 20px;
  }
}
.entry-form .form-item__label {
  font-size: 21px;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .entry-form .form-item__label {
    font-size: 18px;
  }
}
.entry-form .form-item__required {
  font-size: 19px;
  color: #fff;
  background-color: #9f0f0c;
  padding: 8px 10px;
  display: inline-block;
  border-radius: 10px;
  margin-left: 20px;
  margin-right: 20px;
  white-space: nowrap;
}
@media screen and (max-width: 767px) {
  .entry-form .form-item__required {
    font-size: 16px;
    padding: 6px 8px;
  }
}
.entry-form .form-item__content {
  max-width: 500px;
}
@media screen and (max-width: 1280px) {
  .entry-form .form-item__content {
    max-width: 400px;
  }
}
@media screen and (max-width: 1024px) {
  .entry-form .form-item__content {
    width: 100%;
    max-width: none;
  }
}
.entry-form .form-item__input, .entry-form .form-item__textarea {
  width: 100%;
  height: 70px;
  border-radius: 10px;
  border: 1px solid #c4c3c3;
  background-color: #f2f2f2;
  padding: 15px;
  position: relative;
  font-size: 21px;
}
@media screen and (max-width: 767px) {
  .entry-form .form-item__input, .entry-form .form-item__textarea {
    font-size: 18px;
  }
}
.entry-form .form-item__textarea {
  height: 200px;
  padding: 20px;
  resize: vertical;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .entry-form .form-item__textarea {
    font-size: 16px;
  }
}
.entry-form .form-item__example, .entry-form .form-item__note {
  font-size: 16px;
  color: #707070;
  margin-top: 20px;
}
.entry-form .form-group {
  padding: 50px 150px;
  border-bottom: 1px solid #9baec9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.entry-form .form-group:first-child {
  border-top: 1px solid #9baec9;
}
@media screen and (max-width: 1280px) {
  .entry-form .form-group {
    padding: 50px 100px;
  }
}
@media screen and (max-width: 1024px) {
  .entry-form .form-group {
    padding: 40px 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 30px;
  }
}
@media screen and (max-width: 767px) {
  .entry-form .form-group {
    padding: 30px 0;
    gap: 15px;
  }
}
.entry-form .form-group--sub {
  border-bottom: none;
  padding-bottom: 0;
}
.entry-form .form-group__content {
  width: 500px;
}
@media screen and (max-width: 1024px) {
  .entry-form .form-group__content {
    width: 100%;
  }
}
.entry-form .form-group .form-item {
  padding: 0;
  border-bottom: none;
  display: block;
}
.entry-form .form-group .form-item:not(:last-child) {
  margin-bottom: 30px;
}
.entry-form .form-group .form-item__header {
  margin-bottom: 20px;
}
.entry-form .privacy-policy {
  width: 800px;
  margin: 0 auto;
  margin-bottom: 50px;
  padding: 50px;
  background-color: #fff;
  border: 1px solid #000000;
  line-height: 1.8;
  text-align: center;
  overflow-y: scroll;
  height: 340px;
  position: relative;
}
.entry-form .privacy-policy__inner {
  width: calc(100% - 98px);
  height: calc(100% - 98px);
  margin: 0 auto;
  position: absolute;
  top: 50px;
  left: 50px;
  overflow: auto;
}
.entry-form .privacy-policy__title {
  font-size: 24px;
  margin-bottom: 50px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .entry-form .privacy-policy__title {
    margin-bottom: 30px;
  }
}
.entry-form .privacy-policy__text {
  text-align: left;
  line-height: 1.5;
}
@media screen and (max-width: 1024px) {
  .entry-form .privacy-policy {
    width: 80%;
  }
}
@media screen and (max-width: 767px) {
  .entry-form .privacy-policy {
    width: 90%;
    padding: 30px;
  }
  .entry-form .privacy-policy__inner {
    top: 30px;
    left: 30px;
    width: calc(100% - 58px);
    height: calc(100% - 58px);
  }
}
.entry-form .privacy-policy__agreement {
  width: 700px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  .entry-form .privacy-policy__agreement {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 10px;
    width: 100%;
  }
  .entry-form .privacy-policy__agreement .form-item__required {
    margin-left: 0;
    margin-right: 0;
  }
}
.entry-form .privacy-policy__agreement .checkbox-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  /* チェックマークの追加 */
}
.entry-form .privacy-policy__agreement .checkbox-wrapper input[type=checkbox] {
  display: none;
}
.entry-form .privacy-policy__agreement .checkbox-wrapper label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.entry-form .privacy-policy__agreement .checkbox-wrapper label::before {
  content: "";
  width: 20px !important;
  height: 20px !important;
  border: 1.5px solid #000000;
  background-color: #fff;
  -webkit-transition: background-color 0.2s, border 0.2s;
  transition: background-color 0.2s, border 0.2s;
  cursor: pointer;
  display: inline-block;
  margin-right: 5px;
  position: relative;
}
.entry-form .privacy-policy__agreement .checkbox-wrapper label:has(input[type=checkbox]:checked)::after {
  content: "✔";
  font-size: 16px;
  color: #000000;
  position: absolute;
  top: 50%;
  left: 11px;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: none;
  z-index: 10;
}
.entry-form .privacy-policy__agreement .checkbox-wrapper label:has(input[type=checkbox]:checked)::after {
  display: block;
}
.entry-form .privacy-policy__agreement .checkbox-wrapper .required {
  margin-left: 30px;
  border-radius: 5px;
}
.entry-form .form-button {
  padding: 24px 30px;
  text-align: center;
  width: 360px;
  margin: 0 auto;
  border: 1px solid #000000;
  font-size: 24px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 30px;
}
.entry-form .form-button:hover {
  opacity: 0.8;
}
@media screen and (max-width: 1024px) {
  .entry-form .form-button {
    width: 300px;
    padding: 20px 25px;
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .entry-form .form-button {
    width: 250px;
    padding: 15px 20px;
    font-size: 18px;
  }
}
.entry-form .form-button .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.entry-form .form-button img {
  width: 15px;
  height: 17px;
  margin-left: 25px;
}
@media screen and (max-width: 767px) {
  .entry-form .form-button img {
    width: 12px;
    height: 14px;
    margin-left: 20px;
  }
}
.entry-form .form-button input[type=submit] {
  display: none;
}

.postal-code-wrapper {
  max-width: 513px !important;
  width: 513px !important;
}
.postal-code-wrapper .postal-code-input {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 513px !important;
}
.postal-code-wrapper .postal-mark {
  font-size: 21px;
  color: #000000;
}
.postal-code-wrapper .postal-search-button {
  padding: 10px 20px;
  background-color: #000000;
  color: #fff;
  border: none;
  border-radius: 10px;
  font-size: 19px;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  margin-left: 20px;
  max-width: 265px;
  font-weight: 400;
}
.postal-code-wrapper .postal-search-button:hover {
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  .postal-code-wrapper .postal-search-button {
    padding: 0 15px;
    height: 60px;
  }
}
.postal-code-wrapper .form-item__input--postal {
  width: 200px;
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .postal-code-wrapper .postal-code-input {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
  }
  .postal-code-wrapper .postal-search-button {
    margin: 10px 0;
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.address-group .form-item + .form-item {
  margin-top: 30px;
}
.address-group .form-item__input {
  width: 100%;
}

.privacy-policy-group {
  padding: 50px 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  border-bottom: none !important;
  margin-bottom: 4.1666666667vw !important;
}
@media screen and (max-width: 767px) {
  .privacy-policy-group {
    margin-bottom: 6.518904824vw !important;
  }
}

.custom-file-input {
  display: none !important; /* デフォルトの input[type=file] を隠す */
}

.custom-file-label {
  padding: 10px 20px;
  background-color: #000000;
  color: #fff;
  border-radius: 10px;
  font-size: 19px;
  cursor: pointer;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  position: absolute;
  top: 10px;
  left: 15px;
}
@media screen and (max-width: 767px) {
  .custom-file-label {
    font-size: 16px;
    padding: 6px 12px;
    top: 18px;
  }
}
.custom-file-label:hover {
  opacity: 0.7;
}

span.error {
  color: #b70000 !important;
}

.postal-code-input {
  position: relative;
}

.check-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
  margin-top: 11.7708333333vw;
}
@media screen and (max-width: 767px) {
  .check-content {
    gap: 15px;
    margin-top: 50px;
  }
}

.check_img {
  width: 100px;
  height: 100px;
}
@media screen and (max-width: 767px) {
  .check_img {
    width: 64px;
    height: 64px;
  }
}

.check-text {
  font-size: 40px;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .check-text {
    font-size: 24px;
  }
}

.form-head-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 100px;
}

.form-head-wrapper-small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 113px;
}

.entry-page .form-button--submit {
  display: none;
}

.entry-confirm-page .form-item__example,
.entry-confirm-page .form-item__note,
.entry-confirm-page .postal-search-button,
.entry-confirm-page .custom-file-label,
.entry-confirm-page .form-item__required,
.entry-confirm-page .sec-tel,
.entry-comolete-page .sec-tel,
.entry-confirm-page .checkbox-wrapper {
  display: none !important;
}

.agreement-text {
  display: none;
}
.agreement-text span {
  color: #9f0f0c;
}

.entry-confirm-page .agreement-text {
  display: block;
}

.entry-confirm-page .form-head-wrapper-small {
  margin-bottom: 30px;
}

.entry-confirm-page .form-head-wrapper {
  margin-bottom: 10px;
}

.entry-confirm-page .form-item {
  font-size: 21px;
}

@media screen and (max-width: 1024px) {
  .entry-confirm-page .form-group__header,
  .entry-confirm-page .form-group__content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
  }
}

.entry-complete-page .sec-text-header {
  text-align: center;
}

.entry-page .mw-wp-form_file {
  display: block;
  position: absolute;
  top: 50%;
  left: 210px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .entry-page .mw-wp-form_file {
    left: 175px;
  }
}
.entry-page .mwform-file-delete {
  position: absolute;
  left: 190px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .entry-page .mwform-file-delete {
    left: 158px;
  }
}

span.error {
  font-size: 16px !important;
}
@media screen and (max-width: 767px) {
  span.error {
    font-size: 14px !important;
  }
}

.form-resume-group span.error {
  font-size: 16px;
  position: absolute;
  left: 0;
  bottom: -24px;
}

.contact-complete-page .sec-text-header,
.entry-complete-page .sec-text-header {
  padding-top: 10rem;
  padding-bottom: 10rem;
}

.mwform-file-delete {
  visibility: hidden !important;
}

.visible-important {
  visibility: visible !important;
}

.entry-complete-page .sec-tel {
  margin-bottom: 0;
}

.job-details-page .sec-header-top {
  background: url(../images/job-details/img_header.png) no-repeat center center/cover;
}

.details-content {
  margin-top: 48px;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .details-content {
    margin-top: 30px;
    margin-bottom: 80px;
  }
}
.details-content .details-table {
  max-width: 1320px;
  margin-right: auto;
  margin-left: auto;
  overflow: visible;
}
@media screen and (max-width: 1024px) {
  .details-content .details-table {
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .details-content .details-table {
    padding: 0 16px;
  }
}
.details-content .details-table .table-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .details-content .details-table .table-head {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.details-content .details-table .table-head .table-head__item {
  width: 25%;
  height: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #e8f3ff;
  border-radius: 10px 10px 0 0;
  border: 1px solid #9baec9;
  cursor: pointer;
  -webkit-transition: 0.25s;
  transition: 0.25s;
}
@media screen and (max-width: 767px) {
  .details-content .details-table .table-head .table-head__item {
    width: auto;
    height: auto;
    padding: 14px;
    display: none;
    border-width: 1.5px;
  }
}
.details-content .details-table .table-head .table-head__item span {
  font-size: 18px;
  color: #063491;
  display: inline-block;
  line-height: 1.8;
  border-bottom: 2px solid #063491;
  white-space: normal;
  font-weight: 500;
}
.details-content .details-table .table-head .table-head__item--active {
  background-color: #fff;
  color: #063491;
  border-bottom-width: 0;
}
@media screen and (max-width: 767px) {
  .details-content .details-table .table-head .table-head__item--active {
    display: block;
  }
}
.details-content .table-mid {
  height: 24px;
  width: 100%;
  border-right: 1px solid #9baec9;
  border-left: 1px solid #9baec9;
}
@media screen and (max-width: 767px) {
  .details-content .table-mid {
    display: none;
  }
}
.details-content .table-body {
  display: none;
}
.details-content .table-body--active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid #9baec9;
}
.details-content .table-body__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #9baec9;
  font-size: 21px;
}
@media screen and (max-width: 767px) {
  .details-content .table-body__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 16px;
  }
}
.details-content .table-body__item:nth-child(even) {
  background-color: #e8f3ff;
}
.details-content .table-body__item:last-child {
  border-bottom-width: 0;
}
.details-content .table-body__item-title {
  width: 44%;
  font-size: 21px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 140px;
  padding-top: 50px;
  padding-bottom: 50px;
  line-height: 1.8;
}
@media screen and (max-width: 1024px) {
  .details-content .table-body__item-title {
    padding-left: 80px;
    width: 35%;
  }
}
@media screen and (max-width: 767px) {
  .details-content .table-body__item-title {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    padding-top: 25px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 0;
    line-height: 1.8;
  }
}
.details-content .table-body__item-txt {
  width: 56%;
  padding-top: 50px;
  padding-bottom: 50px;
  padding-right: 30px;
  line-height: 1.8;
}
@media screen and (max-width: 1024px) {
  .details-content .table-body__item-txt {
    width: 65%;
  }
}
@media screen and (max-width: 767px) {
  .details-content .table-body__item-txt {
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 25px;
    padding-top: 0;
    line-height: 1.8;
  }
}

.details-sp__link {
  display: none;
  padding-left: 24px;
  padding-right: 24px;
  margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
  .details-sp__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}
.details-sp__link-item {
  color: #063491;
  font-size: 24px;
  font-weight: 500;
  border-bottom: 2px solid #063491;
  position: relative;
  margin-left: 35px;
  margin-right: auto;
  display: inline-block;
  line-height: 1.8;
}
.details-sp__link-item::before {
  content: "";
  position: absolute;
  top: calc(50% + 2px);
  left: -32px;
  width: 22px;
  height: 22px;
  background: -webkit-gradient(linear, left top, right top, from(#ff6f99), color-stop(50%, #ff9ebb), to(#ffd1df));
  background: linear-gradient(to right, #ff6f99 0%, #ff9ebb 50%, #ffd1df 100%);
  opacity: 0.2;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.details-sp__link-item::after {
  content: "";
  position: absolute;
  top: 50%;
  left: -36.5px;
  width: 22px;
  height: 22px;
  background: #ff6f99;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.our-work-page .sec-header-top {
  background: url(../images/our-work/img_header.png) no-repeat center center/cover;
}

.system-development__content,
.environment__content {
  margin-top: 4.7916666667vw;
  padding-left: 5%;
  padding-right: 5%;
}

.system-development__content {
  margin-bottom: 9.8958333333vw;
}

.system-development__inner,
.environment__inner,
.training__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: max(7.8125vw, 70px);
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: max(7.8125vw, 50px);
}
@media screen and (max-width: 1024px) {
  .system-development__inner,
  .environment__inner,
  .training__inner {
    padding: 0 24px;
  }
}

.system-development__item,
.environment__item,
.training__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1024px) {
  .system-development__item,
  .environment__item,
  .training__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    gap: 20px;
  }
}

.system-development__item--reverse,
.environment__item--reverse,
.training__item--reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 1024px) {
  .system-development__item--reverse,
  .environment__item--reverse,
  .training__item--reverse {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}

.system-development__img,
.environment__img,
.training__img {
  max-width: 600px;
  aspect-ratio: 600/400;
  -webkit-box-shadow: 8px 8px 15px 0 rgba(109, 109, 109, 0.2);
          box-shadow: 8px 8px 15px 0 rgba(109, 109, 109, 0.2);
  overflow: hidden;
  border-radius: 30px;
  margin-right: 30px;
}
@media screen and (max-width: 1024px) {
  .system-development__img,
  .environment__img,
  .training__img {
    margin-right: 0;
  }
}
.system-development__img img,
.environment__img img,
.training__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.system-development__body,
.environment__body,
.training__body {
  max-width: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 35px;
}

.system-development__body h3,
.environment__body h3,
.training__body h3 {
  font-size: 21px;
  font-weight: 700;
  color: #063491;
  padding-bottom: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.system-development__body h3::after,
.environment__body h3::after,
.training__body h3::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 8px; /* 丸のサイズ */
  background: radial-gradient(circle, #063491 30%, transparent 30%) repeat-x;
  background-size: 8px 8px; /* 丸のサイズを調整 */
}

.system-development__body p,
.environment__body p,
.training__body p {
  font-size: 21px;
  font-weight: 400;
  line-height: 1.8;
}
@media screen and (max-width: 1024px) {
  .system-development__body p,
  .environment__body p,
  .training__body p {
    font-size: 18px;
  }
}

.schedule {
  max-width: 1000px;
  border-radius: 50px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background-color: #fff;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, right top, from(#ff6f99), color-stop(31%, #ffd1df), to(#ff6f99));
  background: linear-gradient(to right, #ff6f99 0%, #ffd1df 31%, #ff6f99 100%);
  padding: 4px;
}
@media screen and (max-width: 1024px) {
  .schedule {
    margin: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .schedule {
    width: 420px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 500px) {
  .schedule {
    width: calc(100% - 48px);
  }
}
.schedule__wrapper {
  background: #fff;
  border-radius: 50px;
}
.schedule__title--main {
  font-size: 40px;
  height: 100px;
  line-height: 100px;
  text-align: center;
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#ff6f99), color-stop(31%, #ffd1df), to(#ff6f99));
  background: linear-gradient(to right, #ff6f99 0%, #ffd1df 31%, #ff6f99 100%);
  font-weight: 700;
}
@media screen and (max-width: 1024px) {
  .schedule__title--main {
    font-size: 28px;
    height: 86px;
    line-height: 86px;
  }
}
@media screen and (max-width: 767px) {
  .schedule__title--main {
    font-size: 24px;
    height: 70px;
    line-height: 70px;
  }
}
.schedule__inner {
  padding: 100px 30px 100px 152.5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 50px;
}
@media screen and (max-width: 1024px) {
  .schedule__inner {
    padding: 60px 40px;
    gap: 4.4921875vw;
  }
}
@media screen and (max-width: 767px) {
  .schedule__inner {
    padding: 40px 24px;
    gap: 30px;
  }
}
.schedule__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 21px;
  font-weight: 500;
}
@media screen and (max-width: 1024px) {
  .schedule__row {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .schedule__row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    font-size: 16px;
    gap: 6px;
  }
}
.schedule__time {
  width: 55px;
  margin-right: 50px;
}
@media screen and (max-width: 1024px) {
  .schedule__time {
    margin-right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .schedule__time {
    margin-right: 20px;
  }
}
.schedule__title {
  min-width: 120px;
  margin-right: 50px;
}
@media screen and (max-width: 1024px) {
  .schedule__title {
    min-width: 100px;
    margin-right: 30px;
  }
}
@media screen and (max-width: 767px) {
  .schedule__title {
    min-width: auto;
    margin-right: 0;
  }
}
.schedule__content {
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .schedule__content {
    width: 100%;
  }
}

@media screen and (max-width: 1024px) {
  .our-work-page .sec-text-header h2 {
    font-size: 4rem !important;
  }
}
@media screen and (max-width: 767px) {
  .our-work-page .sec-text-header h2 {
    padding: 8rem 0 4rem;
  }
}

.workplace-insights-page {
  overflow: hidden;
}
.workplace-insights-page .sec-header-top {
  background: url(../images/workplace-insights/img_header.png) no-repeat center center/cover;
}

.company-culture__content {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 7.8125vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 50px;
}
@media screen and (max-width: 1024px) {
  .company-culture__content {
    padding: 0 20px;
    margin-bottom: max(7.8125vw, 30px);
  }
}
@media screen and (max-width: 767px) {
  .company-culture__content {
    padding: 0 16px;
  }
}
.company-culture__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1280px) {
  .company-culture__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 50px;
  }
}
.company-culture__item {
  max-width: 590px;
  height: 190px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 20px 30px;
  gap: 30px;
  -webkit-box-shadow: 8px 8px 15px 0 rgba(109, 109, 109, 0.2);
          box-shadow: 8px 8px 15px 0 rgba(109, 109, 109, 0.2);
  border-radius: 30px;
}
@media screen and (max-width: 1024px) {
  .company-culture__item {
    height: auto;
    padding: 15px 20px;
  }
}
@media screen and (max-width: 767px) {
  .company-culture__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
    padding: 20px 30px;
    position: relative;
    gap: 20px;
    min-height: 197px;
  }
}
.company-culture__item-img {
  width: 150px;
  height: 150px;
  background-color: #e8f3ff;
  border-radius: 50%;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .company-culture__item-img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 180px;
    height: 180px;
  }
}
.company-culture__item-img img {
  width: 95px;
  height: auto;
}
@media screen and (max-width: 767px) {
  .company-culture__item-img img {
    width: 120px;
  }
}
.company-culture__item-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .company-culture__item-body {
    gap: 15px;
    width: 267px;
  }
}
.company-culture__item-title {
  font-size: 21px;
}
@media screen and (max-width: 767px) {
  .company-culture__item-title {
    font-size: 18px;
  }
}
.company-culture__item-desc {
  font-size: 16px;
  line-height: 1.8;
  width: 350px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  .company-culture__item-desc {
    width: 100%;
  }
}

.benefit__content {
  max-width: 1320px;
  margin-bottom: 7.8125vw;
  padding-left: 19rem;
  padding-right: 10rem;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 1200px) {
  .benefit__content {
    padding-right: 4rem;
    padding-left: 4rem;
    margin-left: 0;
  }
}
@media (max-width: 768px) {
  .benefit__content {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.training__content {
  margin-top: 6.7708333333vw;
  margin-bottom: 7.8125vw;
  padding-left: 5%;
  padding-right: 5%;
}

.career-step__content {
  max-width: 1320px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 100px;
}
@media screen and (max-width: 1024px) {
  .career-step__content {
    gap: 50px;
  }
}
@media screen and (max-width: 767px) {
  .career-step__content {
    gap: 30px;
  }
}

.career-step__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}
.career-step__img img {
  max-width: 440px;
  aspect-ratio: 440/500;
}
@media screen and (max-width: 1280px) {
  .career-step__img img {
    max-width: 33.333%;
  }
}

.career-step__body-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 80px;
  padding-right: 80px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 1280px) {
  .career-step__body-wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media screen and (max-width: 1024px) {
  .career-step__body-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 0;
    padding-right: 0;
    gap: 50px;
  }
}
@media screen and (max-width: 767px) {
  .career-step__body-wrapper {
    gap: 30px;
  }
}

.career-step__body {
  width: 500px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 50px;
}
@media screen and (max-width: 1280px) {
  .career-step__body {
    gap: 30px;
    width: 45%;
  }
}
@media screen and (max-width: 1024px) {
  .career-step__body {
    width: 90%;
    max-width: 500px;
  }
}
.career-step__body-title {
  font-size: 21px;
  color: #063491;
  text-align: center;
  font-weight: bold;
}
.career-step__body-desc {
  font-size: 21px;
  line-height: 1.8;
}
@media screen and (max-width: 1024px) {
  .career-step__body-desc {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .career-step__body-desc {
    font-size: 16px;
  }
}

.company-culture {
  margin-top: 7.8125vw;
}

.company-culture,
.benefit,
.training-program {
  margin-bottom: 7.8125vw;
}
.company-culture .title-main,
.benefit .title-main,
.training-program .title-main {
  margin-bottom: 5.2083333333vw;
}

.benefit .title-main {
  margin-bottom: 0;
}