@charset "UTF-8";
/*
Theme Name: OreOlu
Theme URL: 
Description: OreOlu
Author: OreOlu
Version: 1.0
*/
/* CSS Document */
/*! destyle.css v1.0.13 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model
   ========================================================================== */
* {
  box-sizing: border-box; }

::before,
::after {
  box-sizing: inherit; }

/* 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 {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
  border: 0;
  border-top: 1px solid;
  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] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  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
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
  vertical-align: bottom; }

embed,
object,
iframe {
  border: 0;
  vertical-align: bottom; }

/* Forms
   ========================================================================== */
/**
 * Reset form fields to make them styleable
 * 1. Reset radio and checkbox to preserve their look in iOS.
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  border: 0;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit; }

[type="checkbox"] {
  /* 1 */
  -webkit-appearance: checkbox;
  appearance: checkbox; }

[type="radio"] {
  /* 1 */
  -webkit-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;
  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 padding
 */
option {
  padding: 0; }

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  border: 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; }

/**
 * 1. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  padding: 0;
  /* 1 */ }

/**
 * 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; }

/* 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; }

@keyframes sdl {
  0% {
    transform: scale(0, 1);
    transform-origin: 0 0; }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0; }
  50.1% {
    transform: scale(1, 1);
    transform-origin: 100% 0; }
  100% {
    transform: scale(0, 1);
    transform-origin: 100% 0; } }
header {
  display: flex;
  position: fixed;
  align-items: center;
  z-index: 99;
  width: 100vw;
  margin-top: 2.5925925926vh;
  margin-left: 5.5555555556vh; }
  @media screen and (max-width: 1024px) {
    header {
      margin-top: 2.0989505247vh;
      margin-left: 1.9490254873vh; } }
  @media screen and (max-height: 568px) {
    header {
      margin-top: 11px;
      margin-left: 11px; } }

.header-logo {
  width: 4vh; }
  @media screen and (max-width: 1024px) {
    .header-logo {
      display: none; } }
  @media screen and (max-height: 568px) {
    .header-logo {
      display: none; } }
  .header-logo--sp {
    display: none; }
    @media screen and (max-width: 1024px) {
      .header-logo--sp {
        display: block;
        width: 5vh; } }
    @media screen and (max-height: 568px) {
      .header-logo--sp {
        width: 28px; } }

.current-page {
  margin-right: 3.7037037037vh;
  font-family: termtem, sans-serif;
  font-style: normal;
  font-size: 3.2222222222vh;
  font-weight: 700;
  letter-spacing: 0.55em;
  color: #000; }
  @media screen and (max-width: 1024px) {
    .current-page {
      font-family: termtem, sans-serif;
      font-style: normal;
      font-size: 2.3988005997vh;
      font-weight: 700;
      letter-spacing: 0.55em;
      color: #000; } }
  @media screen and (max-height: 568px) {
    .current-page {
      font-size: 13px; } }

.nav {
  display: flex;
  align-items: center;
  position: absolute;
  right: 11.1111111111vh; }
  @media screen and (max-width: 1024px) {
    .nav {
      right: 3.8980509745vh; } }
  @media screen and (max-height: 568px) {
    .nav {
      right: 40px; } }
  .nav__humb {
    display: none;
    position: relative;
    width: 2.962962963vh;
    height: 1.6666666667vh; }
    @media screen and (max-width: 1024px) {
      .nav__humb {
        width: 2.9985007496vh;
        height: 2.0989505247vh; } }
    @media screen and (max-height: 568px) {
      .nav__humb {
        width: 17px;
        height: 18px; } }
  .nav__humb-line {
    position: absolute;
    width: 3.7037037037vh;
    height: 2px;
    margin: auto;
    background-color: #000; }
    @media screen and (max-width: 1024px) {
      .nav__humb-line {
        width: 2.9985007496vh;
        height: 2px; } }
    @media screen and (max-height: 568px) {
      .nav__humb-line {
        width: 17px; } }
    .nav__humb-line:nth-child(1) {
      top: -1.6666666667vh;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto; }
      @media screen and (max-width: 1024px) {
        .nav__humb-line:nth-child(1) {
          top: -1.7991004498vh; } }
      @media screen and (max-height: 568px) {
        .nav__humb-line:nth-child(1) {
          top: -8px; } }
    .nav__humb-line:nth-child(2) {
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto; }
    .nav__humb-line:nth-child(3) {
      top: 1.6666666667vh;
      bottom: 0;
      left: 0;
      right: 0;
      margin: auto; }
      @media screen and (max-width: 1024px) {
        .nav__humb-line:nth-child(3) {
          top: 1.7991004498vh; } }
      @media screen and (max-height: 568px) {
        .nav__humb-line:nth-child(3) {
          top: 8px; } }

.side-nav.show {
  right: 0; }

.nav-mask.show {
  visibility: visible;
  opacity: 1; }

.nav-mask {
  position: fixed;
  width: 100vw;
  height: 100vh;
  z-index: 80;
  background: rgba(0, 0, 0, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: .5s; }

.side-nav {
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  top: 0;
  right: -100%;
  transition: .5s; }
  .side-nav__block {
    width: 69.8148148148vh;
    background: rgba(0, 0, 0, 0); }
    @media screen and (max-width: 1024px) {
      .side-nav__block {
        width: 66.4167916042vh; } }
    @media screen and (max-height: 568px) {
      .side-nav__block {
        width: 0;
        height: 568px;
        background-color: #F7F8F8; } }
  .side-nav__inner {
    display: flex;
    position: absolute;
    right: 0;
    width: 53.2222222222vh;
    height: 83.3333333333vh;
    background: #ffffff;
    border-radius: 0 0 0 125px; }
    @media screen and (max-width: 1024px) {
      .side-nav__inner {
        width: 52.023988006vh;
        height: 83.2083958021vh; } }
    @media screen and (max-width: 415px) {
      .side-nav__inner {
        width: 44.9775112444vh;
        height: 83.2083958021vh; } }
    @media screen and (max-height: 568px) {
      .side-nav__inner {
        width: 296px;
        height: 472px; } }
  .side-nav__nav-box {
    width: 30.9259259259vh;
    margin-top: 16.6666666667vh;
    margin-left: 2.5925925926vh;
    margin-right: 3.7037037037vh; }
    @media screen and (max-width: 1024px) {
      .side-nav__nav-box {
        width: 30.8845577211vh;
        margin-top: 16.7916041979vh;
        margin-left: 2.5487256372vh;
        margin-right: 3.5982008996vh; } }
    @media screen and (max-width: 415px) {
      .side-nav__nav-box {
        width: 26.9865067466vh;
        margin-top: 16.7916041979vh;
        margin-left: 2.5487256372vh;
        margin-right: 3.5982008996vh; } }
    @media screen and (max-height: 568px) {
      .side-nav__nav-box {
        width: 175px;
        margin-top: 100px;
        margin-left: 16px;
        margin-right: 16px; } }
  .side-nav__logo {
    margin-bottom: 6.1111111111vh; }
    @media screen and (max-width: 1024px) {
      .side-nav__logo {
        margin-bottom: 5.9970014993vh; } }
    @media screen and (max-height: 568px) {
      .side-nav__logo {
        margin-bottom: 32px; } }
    .side-nav__logo img {
      width: 30.9259259259vh; }
      @media screen and (max-width: 1024px) {
        .side-nav__logo img {
          width: 30.8845577211vh; } }
      @media screen and (max-width: 415px) {
        .side-nav__logo img {
          width: 26.9865067466vh; } }
      @media screen and (max-height: 568px) {
        .side-nav__logo img {
          width: 175px; } }
  .side-nav__nav-list {
    position: relative;
    height: 4.4444444444vh;
    margin-bottom: 3.2222222222vh;
    line-height: 4.4444444444vh;
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 3.2222222222vh;
    font-weight: 700;
    letter-spacing: 0.15em;
    color: #000000; }
    @media screen and (max-width: 1024px) {
      .side-nav__nav-list {
        height: 4.4977511244vh;
        margin-bottom: 2.0989505247vh;
        line-height: 4.4977511244vh;
        font-size: 2.3988005997vh; } }
    @media screen and (max-height: 568px) {
      .side-nav__nav-list {
        height: 25px;
        margin-bottom: 16px;
        font-size: 13px;
        line-height: 26px; } }
    .side-nav__nav-list:hover {
      color: #ffffff;
      background: #000000; }
    .side-nav__nav-list span {
      margin-right: 1em;
      letter-spacing: -0.2em; }
    .side-nav__nav-list a {
      display: block;
      margin-left: 3.2222222222vh; }
      @media screen and (max-width: 1024px) {
        .side-nav__nav-list a {
          margin-left: 2.2488755622vh; } }
      @media screen and (max-height: 568px) {
        .side-nav__nav-list a {
          margin-left: 12px; } }
  .side-nav__contact {
    width: 14.8148148148vh;
    height: 100%;
    position: absolute;
    right: 0;
    background: #636E72; }
    @media screen and (max-width: 1024px) {
      .side-nav__contact {
        width: 14.9925037481vh; } }
    @media screen and (max-width: 415px) {
      .side-nav__contact {
        width: 11.9940029985vh; } }
    @media screen and (max-height: 568px) {
      .side-nav__contact {
        width: 86px; } }
    .side-nav__contact:hover {
      background: #E4E4E4; }
  .side-nav__btn-text {
    margin-top: 100%;
    transform: rotate(-90deg);
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 5.9259259259vh;
    font-weight: 700;
    letter-spacing: 0.55em;
    color: #ffffff; }
    @media screen and (max-width: 1024px) {
      .side-nav__btn-text {
        margin-top: 150%;
        font-size: 5.9970014993vh; } }
    @media screen and (max-height: 568px) {
      .side-nav__btn-text {
        font-size: 34px; } }

main {
  display: flex;
  position: relative;
  height: 100vh;
  overflow-x: auto;
  overflow-y: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  background-image: url("img/toa-heftiba-FV3GConVSss-unsplash.jpg"); }
  @media screen and (max-height: 568px) {
    main {
      overflow-y: auto;
      height: 548px; } }

main.page-service {
  background-image: none; }

main.page-contact {
  background-image: url("img/contact/contact-bg.jpg"); }

.side-footer {
  position: relative;
  height: 100%;
  background-color: #F7F8F8; }
  .side-footer__block {
    width: 48.8148148148vh;
    height: 100%;
    display: flex; }
    @media screen and (max-width: 1024px) {
      .side-footer__block {
        width: 48.4167916042vh; } }
    @media screen and (max-height: 568px) {
      .side-footer__block {
        width: 377px;
        height: 548px;
        background-color: #F7F8F8; } }
  .side-footer__logo {
    margin-top: 43.3333333333vh;
    margin-left: 9.5111111111vh; }
    @media screen and (max-width: 1024px) {
      .side-footer__logo {
        margin-bottom: 5.9970014993vh; } }
    @media screen and (max-height: 568px) {
      .side-footer__logo {
        margin-bottom: 32px; } }
    .side-footer__logo img {
      width: 30.9259259259vh; }
      @media screen and (max-width: 1024px) {
        .side-footer__logo img {
          width: 30.8845577211vh; } }
      @media screen and (max-height: 568px) {
        .side-footer__logo img {
          width: 175px; } }
  .side-footer__contact {
    position: absolute;
    width: 14.8148148148vh;
    height: 100%;
    background: #636E72;
    right: 0;
    margin: auto 0; }
    @media screen and (max-width: 1024px) {
      .side-footer__contact {
        width: 14.9925037481vh; } }
    @media screen and (max-height: 568px) {
      .side-footer__contact {
        width: 86px; } }
    .side-footer__contact:hover {
      background: #E4E4E4; }
  .side-footer__btn-text {
    margin-top: 100%;
    transform: rotate(-90deg);
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 5.9259259259vh;
    font-weight: 700;
    letter-spacing: 0.55em;
    color: #ffffff; }
    @media screen and (max-width: 1024px) {
      .side-footer__btn-text {
        margin-top: 150%;
        font-size: 5.9970014993vh; } }
    @media screen and (max-height: 568px) {
      .side-footer__btn-text {
        font-size: 34px; } }

.side-footer.hidden {
  display: none; }

.footer-block {
  position: fixed;
  display: flex;
  align-items: center;
  justify-content: space-between;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3.7037037037vh;
  background-color: #070303;
  z-index: 1; }
  @media screen and (max-width: 1024px) {
    .footer-block {
      height: 3.5982008996vh; } }
  @media screen and (max-height: 568px) {
    .footer-block {
      position: static;
      height: 20px; } }
  .footer-block__copy {
    margin-left: 5.5555555556vh;
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 2.037037037vh;
    font-weight: 700;
    letter-spacing: 0.55em;
    color: #D4D5D5; }
    @media screen and (max-width: 1024px) {
      .footer-block__copy {
        margin-left: 3.5982008996vh;
        font-size: 2.0989505247vh; } }
    @media screen and (max-height: 568px) {
      .footer-block__copy {
        margin-left: 8px;
        font-size: 12px; } }
    @media screen and (max-width: 415px) {
      .footer-block__copy {
        font-size: 14px; } }
  .footer-block__scroll {
    display: inline-block;
    position: relative;
    margin-right: 5.5555555556vh;
    padding-right: 5.9259259259vh;
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 2.037037037vh;
    font-weight: 700;
    letter-spacing: 0.55em;
    color: #D4D5D5; }
    @media screen and (max-width: 1024px) {
      .footer-block__scroll {
        margin-right: 3.5982008996vh;
        padding-right: 7.1964017991vh;
        font-size: 2.0989505247vh; } }
    @media screen and (max-height: 568px) {
      .footer-block__scroll {
        margin-right: 8px;
        padding-right: 40px;
        font-size: 12px; } }
    @media screen and (max-width: 415px) {
      .footer-block__scroll {
        font-size: 14px; } }
    .footer-block__scroll::before {
      display: inline-block;
      position: absolute;
      top: 50%;
      left: 80%;
      content: "";
      width: 5.9259259259vh;
      height: 1px;
      background: rgba(255, 255, 255, 0.4); }
      @media screen and (max-width: 1024px) {
        .footer-block__scroll::before {
          width: 4.7976011994vh; } }
      @media screen and (max-height: 568px) {
        .footer-block__scroll::before {
          width: 28px;
          left: 70%; } }
    .footer-block__scroll::after {
      display: inline-block;
      position: absolute;
      top: 50%;
      left: 80%;
      content: "";
      width: 5.9259259259vh;
      height: 1px;
      background-color: #D4D5D5;
      animation: sdl 1.5s cubic-bezier(1, 0, 0, 1) infinite; }
      @media screen and (max-width: 1024px) {
        .footer-block__scroll::after {
          width: 4.7976011994vh; } }
      @media screen and (max-height: 568px) {
        .footer-block__scroll::after {
          width: 28px;
          left: 70%; } }

.wpcf7-response-output {
  display: none; }

.fv-sec {
  position: relative;
  background-color: #F7F8F8; }
  .fv-sec__fv-block {
    width: 132.5925925926vh; }
    @media screen and (max-width: 1024px) {
      .fv-sec__fv-block {
        width: 62.5172413793vh; } }
    @media screen and (max-height: 568px) {
      .fv-sec__fv-block {
        width: 372px;
        height: 548px;
        background-color: #F7F8F8; } }
  .fv-sec__logo-block {
    position: absolute;
    top: 23.2962962963vh;
    right: 71.407407vh;
    z-index: 1; }
    @media screen and (max-width: 1024px) {
      .fv-sec__logo-block {
        top: 13.8905547226vh;
        left: 4.3973013493vh; } }
    @media screen and (max-height: 568px) {
      .fv-sec__logo-block {
        top: 100px;
        left: 25px; } }
  .fv-sec__logo {
    margin-bottom: 5.9259259259vh; }
    @media screen and (max-width: 1024px) {
      .fv-sec__logo {
        margin-bottom: 3.5982008996vh; } }
    @media screen and (max-height: 568px) {
      .fv-sec__logo {
        margin-bottom: 12px; } }
  .fv-sec__logo-img {
    width: 48.5185185185vh; }
    @media screen and (max-width: 1024px) {
      .fv-sec__logo-img {
        width: 35.8770614693vh; } }
    @media screen and (max-height: 568px) {
      .fv-sec__logo-img {
        width: 260px; } }
  .fv-sec__sub-title {
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 4.2222222222vh;
    font-weight: 100;
    letter-spacing: 0.015em;
    color: #000;
    line-height: 1.25;
    width: 44.4444444444vh; }
    @media screen and (max-width: 1024px) {
      .fv-sec__sub-title {
        font-size: 3.7vh;
        line-height: 1.6; } }
    @media screen and (max-height: 568px) {
      .fv-sec__sub-title {
        width: 250px; } }
  .fv-sec__fv-img {
    position: absolute;
    top: 0;
    right: 0;
    width: 107.5925925926vh; }
    @media screen and (max-width: 1024px) {
      .fv-sec__fv-img {
        display: none; } }
    @media screen and (max-height: 568px) {
      .fv-sec__fv-img {
        display: none; } }
  .fv-sec__p-fv-img {
    display: none; }
    @media screen and (max-width: 1024px) {
      .fv-sec__p-fv-img {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 56.071964018vh; } }
    @media screen and (max-height: 568px) {
      .fv-sec__p-fv-img {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 320px; } }
  .fv-sec__scroll {
    display: inline-block;
    position: absolute;
    top: 79.6296296296vh;
    left: 120.3703703704vh;
    z-index: 1;
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 2.5vh;
    font-weight: 700;
    letter-spacing: 0.55em;
    color: #ffffff; }
    @media screen and (max-width: 1024px) {
      .fv-sec__scroll {
        top: 83.0584707646vh;
        left: 20.6896551724vh;
        font-size: 2.5487256372vh; } }
    @media screen and (max-height: 568px) {
      .fv-sec__scroll {
        top: 480px;
        left: 120px;
        font-size: 14px; } }
    .fv-sec__scroll::before {
      display: inline-block;
      position: absolute;
      top: 50%;
      left: 110%;
      content: "";
      width: 18.5185185185vh;
      height: 1px;
      background: rgba(0, 0, 0, 0.4); }
      @media screen and (max-width: 1024px) {
        .fv-sec__scroll::before {
          width: 15.892053973vh; } }
      @media screen and (max-height: 568px) {
        .fv-sec__scroll::before {
          width: 100px; } }
    .fv-sec__scroll::after {
      display: inline-block;
      position: absolute;
      top: 50%;
      left: 110%;
      content: "";
      width: 18.5185185185vh;
      height: 1px;
      background: #ffffff;
      animation: sdl 1.5s cubic-bezier(1, 0, 0, 1) infinite; }
      @media screen and (max-width: 1024px) {
        .fv-sec__scroll::after {
          width: 15.892053973vh; } }
      @media screen and (max-height: 568px) {
        .fv-sec__scroll::after {
          width: 100px; } }

.about-sec {
  position: relative;
  background-color: #F7F8F8; }
  .about-sec__about-block {
    width: 151.9962962963vh; }
    @media screen and (max-width: 1024px) {
      .about-sec__about-block {
        width: 147.676161919vh; } }
    @media screen and (max-height: 568px) {
      .about-sec__about-block {
        height: 548px;
        width: 840px;
        background-color: #F7F8F8; } }
  .about-sec__title {
    position: absolute;
    top: 14.8148148148vh;
    left: 17.7777777778vh;
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 11.1111111111vh;
    font-weight: 700;
    letter-spacing: 0.55em;
    color: #ffffff; }
    @media screen and (max-width: 1024px) {
      .about-sec__title {
        top: 12.7436281859vh;
        left: 14.3928035982vh;
        font-size: 11.2443778111vh; } }
    @media screen and (max-height: 568px) {
      .about-sec__title {
        top: 80px;
        left: 64px;
        font-size: 64px; } }
  .about-sec__bg-img {
    position: absolute;
    top: -1.8518518519vh;
    left: 77.2222222222vh;
    width: 143.1481481481vh; }
    @media screen and (max-width: 1024px) {
      .about-sec__bg-img {
        top: -1.7991004498vh;
        left: 73.7631184408vh;
        width: 143.0284857571vh; } }
    @media screen and (max-height: 568px) {
      .about-sec__bg-img {
        top: -16px;
        left: 400px;
        width: 812px;
        height: 552px; } }
  .about-sec__text-block {
    position: absolute;
    top: 18.2222222222vh;
    left: 22.7037037037vh;
   }
    @media screen and (max-width: 1024px) {
      .about-sec__text-block {
        top: 13.2893553223vh;
        left: 20.3373313343vh; } }
    @media screen and (max-height: 568px) {
      .about-sec__text-block {
        top: 120px;
        left: 132px; } }
  .about-sec__sub-title {
    margin-bottom: 4.8148148148vh;
    line-height: 1.4;
    width: 48.1481481481vh;
    font-family: noto-sans, sans-serif;
    font-style: normal;
    font-size: 3.5185185185vh;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: #000000; }
    @media screen and (max-width: 1024px) {
      .about-sec__sub-title {
        margin-bottom: 3.748125937vh;
        font-size: 3.5vh;
        width: 40.4797601199vh; } }
    @media screen and (max-height: 568px) {
      .about-sec__sub-title {
        margin-bottom: 22px;
        font-size: 20px;
        width: 230px; } }
  .about-sec__sub-eg {
    margin-bottom: 4.4074074074vh;
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 3.2222222222vh;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #C9C9C9; }
    @media screen and (max-width: 1024px) {
      .about-sec__sub-eg {
        font-size: 2.7988005997vh;
        margin-bottom: 4.1964017991vh; } }
    @media screen and (max-height: 568px) {
      .about-sec__sub-eg {
        margin-bottom: 40px;
        font-size: 14px; } }
  .about-sec__about-para {
    margin-bottom: 7.2222222222vh;
    line-height: 2.2;
    width: 47.037037037vh;
    font-family: noto-sans, sans-serif;
    font-style: normal;
    font-size: 1.9962962963vh;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: #000000; }
    @media screen and (max-width: 1024px) {
      .about-sec__about-para {
        margin-bottom: 7.1964017991vh;
        font-size: 2.0992503748vh;
        line-height: 2.4;
        width: 40.4797601199vh; } }
    @media screen and (max-height: 568px) {
      .about-sec__about-para {
        margin-bottom: 40px;
        width: 230px; } }
  .about-sec__img-block {
    position: absolute;
    top: 25.9259259259vh;
    left: 87.037037037vh; }
    @media screen and (max-width: 1024px) {
      .about-sec__img-block {
        top: 25.4872563718vh;
        left: 83.9580209895vh; } }
    @media screen and (max-height: 568px) {
      .about-sec__img-block {
        top: 140px;
        left: 540px; } }
    .about-sec__img-block img {
      width: 49.4444444444vh; }
      @media screen and (max-width: 1024px) {
        .about-sec__img-block img {
          width: 44.4752623688vh; } }
      @media screen and (max-height: 568px) {
        .about-sec__img-block img {
          width: 281px; } }

.service-sec {
  position: relative;
  background-color: #ffffff;
  margin-right: 107.962962963vh;
 }
  @media screen and (max-width: 1024px) {
    .service-sec {
      margin-right: 85.9070464768vh; } }

  @media screen and (max-height: 568px) {
    .service-sec {
      margin-right: 600px; } }

  .service-sec__block {
    display: flex;
    width: 229.4444444444vh; }
    @media screen and (max-width: 1024px) {
      .service-sec__block {
        width: 229.0854572714vh; } }
    @media screen and (max-height: 568px) {
      .service-sec__block {
        width: 1300px;
        height: 548px;
        background: #ffffff; } }
  .service-sec__bg-img {
    position: absolute;
    top: -14.8148148148vh;
    left: 142.5925925926vh;
    width: 34.4444444444vh; 
    opacity: 0.2;
  }
    @media screen and (max-width: 1024px) {
      .service-sec__bg-img {
        top: -14.5427286357vh;
        left: 152.023988006vh;
        width: 28.4827586207vh; } }
    @media screen and (max-height: 568px) {
      .service-sec__bg-img {
        top: -80px;
        left: 860px;
        width: 196px; } }
  .service-sec__content {
    display: flex;
    position: relative;
    left: 10.7407407407vh; }
    @media screen and (max-width: 1024px) {
      .service-sec__content {
        left: 19.7901049475vh; } }
    @media screen and (max-height: 568px) {
      .service-sec__content {
        left: 120px; } }
  .service-sec__item {
    position: relative;
    width: 47.2222222222vh;
    margin-right: 3.5185185185vh; }
    @media screen and (max-width: 1024px) {
      .service-sec__item {
        width: 47.0764617691vh;
        margin-right: 3.5982008996vh; } }
    @media screen and (max-height: 568px) {
      .service-sec__item {
        margin-right: 16px;
        width: 260px; } }
  .service-sec__number--01 {
    position: absolute;
    top: 59.2592592593vh;
    left: -7.6851851852vh;
    width: 15.3703703704vh;
    z-index: 1; }
    @media screen and (max-width: 1024px) {
      .service-sec__number--01 {
        top: 62.3688155922vh;
        left: -7.9460269865vh;
        width: 15.5922038981vh; } }
    @media screen and (max-height: 568px) {
      .service-sec__number--01 {
        width: 88px;
        top: 360px;
        left: -48px; } }
  .service-sec__number--02 {
    position: absolute;
    top: 5.9259259259vh;
    left: -7.6851851852vh;
    width: 15.3703703704vh;
    z-index: 1; }
    @media screen and (max-width: 1024px) {
      .service-sec__number--02 {
        top: 5.5472263868vh;
        left: -7.9460269865vh;
        width: 15.5922038981vh; } }
    @media screen and (max-height: 568px) {
      .service-sec__number--02 {
        width: 88px;
        top: 32px;
        left: -48px; } }
  .service-sec__number--03 {
    position: absolute;
    top: 32.962962963vh;
    left: -7.6851851852vh;
    width: 15.3703703704vh;
    z-index: 1; }
    @media screen and (max-width: 1024px) {
      .service-sec__number--03 {
        top: 33.1334332834vh;
        left: -7.9460269865vh;
        width: 15.5922038981vh; } }
    @media screen and (max-height: 568px) {
      .service-sec__number--03 {
        width: 88px;
        top: 180px;
        left: -48px; } }
  .service-sec__sub-title--01 {
    position: absolute;
    top: 62.962962963vh;
    left: -5.3703703704vh;
    z-index: 1;
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 4.2592592593vh;
    font-weight: 700;
    letter-spacing: 0.35em;
    color: #000000; }
    @media screen and (max-width: 1024px) {
      .service-sec__sub-title--01 {
        top: 66.1169415292vh;
        left: -5.3973013493vh;
        font-size: 4.347826087vh; } }
    @media screen and (max-height: 568px) {
      .service-sec__sub-title--01 {
        font-size: 24px;
        top: 380px;
        left: -24px; } }
  .service-sec__sub-title--02 {
    position: absolute;
    top: 9.2592592593vh;
    left: -5.3703703704vh;
    z-index: 1;
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 4.2592592593vh;
    font-weight: 700;
    letter-spacing: 0.15em;
    color: #000000; }
    @media screen and (max-width: 1024px) {
      .service-sec__sub-title--02 {
        top: 9.2953523238vh;
        left: -5.3973013493vh;
        font-size: 5.347826087vh; } }
    @media screen and (max-height: 568px) {
      .service-sec__sub-title--02 {
        font-size: 24px;
        top: 48px;
        left: -24px; } }
  .service-sec__sub-title--03 {
    position: absolute;
    top: 36.8518518519vh;
    left: -5.3703703704vh;
    z-index: 1;
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 4.2592592593vh;
    font-weight: 700;
    letter-spacing: 0.35em;
    color: #000000;
	text-shadow: 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;}
    @media screen and (max-width: 1024px) {
      .service-sec__sub-title--03 {
        top: 36.8815592204vh;
        left: -5.3973013493vh;
        font-size: 4.347826087vh; } }
    @media screen and (max-height: 568px) {
      .service-sec__sub-title--03 {
        font-size: 24px;
        top: 200px;
        left: -24px; } }
  .service-sec__item-img {
    width: 38.1481481481vh; }
    @media screen and (max-width: 1024px) {
      .service-sec__item-img {
        width: 38.0809595202vh; } }
    @media screen and (max-height: 568px) {
      .service-sec__item-img {
        width: 220px; } }
  .service-sec__text-block {
    position: relative; }
  .service-sec__title {
    position: absolute;
    top: 34.0740740741vh;
    left: 7.2222222222vh;
    z-index: 1;
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 11.1111111111vh;
    font-weight: 700;
    letter-spacing: 0.55em;
    color: #F7F8F8; }
    @media screen and (max-width: 1024px) {
      .service-sec__title {
        top: 34.1829085457vh;
        left: 13.1934032984vh;
        font-size: 11.2443778111vh; } }
    @media screen and (max-height: 568px) {
      .service-sec__title {
        font-size: 64px;
        top: 100px;
        left: 80px; } }
  .service-sec__text-box {
    margin-left: 14.2592592593vh;
    margin-top:7.2962962963vh; 
  
    position: relative;
    z-index: 20;
  }
    @media screen and (max-width: 1024px) {
      .service-sec__text-box {
        margin-top: 11.4287856072vh;
        margin-left: 20.3898050975vh; } }
    @media screen and (max-height: 568px) {
      .service-sec__text-box {
        margin-top: 240px;
        margin-left: 140px; } }
  .service-sec__para {
    position: relative;
    width: 48.5185185185vh;
    line-height: 1.7;
    margin-bottom: 10.3703703704vh;
    z-index: 2;
    font-family: noto-sans, sans-serif;
    font-style: normal;
    font-size: 1.4814814815vh;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: #000000; }
    @media screen and (max-width: 1024px) {
      .service-sec__para {
        width: 48.8755622189vh;
        margin-bottom: 7.1964017991vh;
        line-height: 2.4;
        font-size: 1.4992503748vh;
        width: 40.4797601199vh; } }
    @media screen and (max-height: 568px) {
      .service-sec__para {
        width: 230px;
        margin-bottom: 40px; } }

.news-sec {
  position: relative;
  background-color: #F7F8F8; }
  .news-sec__block {
    width: 159.8148148148vh; }
    @media screen and (max-width: 1024px) {
      .news-sec__block {
        width: 155.3223388306vh; } }
    @media screen and (max-height: 568px) {
      .news-sec__block {
        width: 882px;
        height: 548px;
        background-color: #F7F8F8; } }
  .news-sec__bg {
    position: absolute;
    left: -5.5555555556vh;
    width: 145vh; }
    @media screen and (max-width: 1024px) {
      .news-sec__bg {
        width: 145.1274362819vh;
        left: -2.9985007496vh; } }
    @media screen and (max-height: 568px) {
      .news-sec__bg {
        width: 840px;
        height: 548px;
        left: -16px; } }
  .news-sec__title {
    position: absolute;
    top: 81.8518518519vh;
    left: 1.6666666667vh;
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 11.1111111111vh;
    font-weight: 700;
    letter-spacing: 0.55em;
    color: #F0F1F1; }
    @media screen and (max-width: 1024px) {
      .news-sec__title {
        top: 81.7091454273vh;
        left: 6.8965517241vh;
        font-size: 11.2443778111vh; } }
    @media screen and (max-height: 568px) {
      .news-sec__title {
        font-size: 64px;
        top: 460px;
        left: 40px; } }
  .news-sec__post-block {
    display: flex;
    position: relative;
    top: 16.4814814815vh;
    left: 25.9259259259vh; }
    @media screen and (max-width: 1024px) {
      .news-sec__post-block {
        top: 14.9925037481vh;
        left: 29.9850074963vh; } }
    @media screen and (max-height: 568px) {
      .news-sec__post-block {
        top: 90px;
        left: 200px; } }
  .news-sec__post-item {
    width: 38.3333333333vh;
    height: 65.1851851852vh;
    margin-right: 3.7037037037vh;
    border-radius: 5px;
    background-color: #F6F6F6;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05); }
    @media screen and (max-width: 1024px) {
      .news-sec__post-item {
        width: 38.2308845577vh;
        height: 65.2173913043vh;
        margin-right: 3.5982008996vh; } }
    @media screen and (max-height: 568px) {
      .news-sec__post-item {
        width: 218px;
        height: 370px;
        margin-right: 16px; } }
  .news-sec__post-img {
    width: 100%;
    height: 36.1111111111vh;
    margin-bottom: 2.4074074074vh; }
    @media screen and (max-width: 1024px) {
      .news-sec__post-img {
        height: 35.9820089955vh;
        margin-bottom: 2.3988005997vh; } }
    @media screen and (max-height: 568px) {
      .news-sec__post-img {
        height: 204px;
        margin-bottom: 16px; } }
    .news-sec__post-img img {
      width: 100%;
      height: 100%; }
  .news-sec__post-content {
    margin-left: 3.2222222222vh; }
    @media screen and (max-width: 1024px) {
      .news-sec__post-content {
        margin-left: 2.3988005997vh; } }
    @media screen and (max-height: 568px) {
      .news-sec__post-content {
        margin-left: 16px; } }
  .news-sec__post-date {
    margin-bottom: 0.7407407407vh;
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 1.9444444444vh;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #000000; }
    @media screen and (max-width: 1024px) {
      .news-sec__post-date {
        margin-bottom: 1.1994002999vh;
        font-size: 1.7991004498vh; } }
    @media screen and (max-height: 568px) {
      .news-sec__post-date {
        margin-bottom: 6px; } }
  .news-sec__post-title {
    line-height: 1.5;
    font-family: noto-sans, sans-serif;
    font-style: normal;
    font-size: 1.9444444444vh;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: #262727; }
    @media screen and (max-width: 1024px) {
      .news-sec__post-title {
        font-size: 1.7991004498vh;
        line-height: 2; } }
  .news-sec__btn {
    position: absolute;
    right: 6.4814814815vh;
    bottom: 6.4814814815vh; }
    @media screen and (max-width: 1024px) {
      .news-sec__btn {
        right: 0;
        top: 86.5067466267vh; } }
    @media screen and (max-height: 568px) {
      .news-sec__btn {
        top: 490px; } }

.follow-sec {
  position: relative;
  margin-right: 107.962962963vh;
  background-color: #F7F8F8; }
  @media screen and (max-width: 1024px) {
    .follow-sec {
      margin-right: 85.9070464768vh; } }
  @media screen and (max-height: 568px) {
    .follow-sec {
      margin-right: 600px; } }
  .follow-sec__block {
    width: 100vh; }
    @media screen and (max-width: 1024px) {
      .follow-sec__block {
        width: 109.5952023988vh; } }
    @media screen and (max-height: 568px) {
      .follow-sec__block {
        width: 620px;
        height: 524px;
        background-color: #F7F8F8; } }
  .follow-sec__title {
    margin-top: 4.2592592593vh;
    margin-left: 5vh;
    margin-bottom: 2.7777777778vh;
    line-height: 0.8;
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 11.1111111111vh;
    font-weight: 700;
    letter-spacing: 0.55em;
    color: #ffffff; }
    @media screen and (max-width: 1024px) {
      .follow-sec__title {
        margin-top: 4.347826087vh;
        margin-left: 8.9955022489vh;
        margin-bottom: 0;
        font-size: 11.2443778111vh; } }
    @media screen and (max-height: 568px) {
      .follow-sec__title {
        margin-top: 24px;
        margin-left: 80px;
        font-size: 64px; } }
  .follow-sec__content {
    width: 30.5555555556vh;
    margin-left: 24.6296296296vh; }
    @media screen and (max-width: 1024px) {
      .follow-sec__content {
        position: absolute;
        top: 19.4902548726vh;
        margin-left: 28.7856071964vh;
        width: 32.9835082459vh; } }
    @media screen and (max-height: 568px) {
      .follow-sec__content {
        top: 120px;
        margin-left: 180px;
        width: 188px; } }
  .follow-sec__label {
    text-align: center;
    height: 4.4444444444vh;
    margin-bottom: 3.7037037037vh;
    line-height: 4.4444444444vh;
    background: #000000;
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 3.2222222222vh;
    font-weight: 700;
    letter-spacing: 0.15em;
    color: #ffffff; }
    @media screen and (max-width: 1024px) {
      .follow-sec__label {
        height: 4.4977511244vh;
        margin-bottom: 3.8980509745vh;
        line-height: 4.4977511244vh;
        font-size: 2.3988005997vh; } }
    @media screen and (max-height: 568px) {
      .follow-sec__label {
        height: 26px;
        margin-bottom: 22px;
        line-height: 26px; } }
  .follow-sec__item {
    display: flex;
    margin-bottom: 3.2222222222vh; }
    .follow-sec__item a {
      display: flex;
      align-items: center; }
    .follow-sec__item:hover {
      opacity: 0.5; }
    @media screen and (max-width: 1024px) {
      .follow-sec__item {
        margin-bottom: 1.7991004498vh; } }
    @media screen and (max-height: 568px) {
      .follow-sec__item {
        margin-bottom: 12px; } }
  .follow-sec__icon {
    width: 5.1851851852vh;
    margin-right: 3.2222222222vh; }
    @media screen and (max-width: 1024px) {
      .follow-sec__icon {
        width: 5.3973013493vh;
        margin-right: 2.3988005997vh; } }
    @media screen and (max-height: 568px) {
      .follow-sec__icon {
        width: 28px;
        margin-right: 14px; } }
  .follow-sec__text {
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 3.2222222222vh;
    font-weight: 700;
    letter-spacing: 0.15em;
    color: #000000; }
    @media screen and (max-width: 1024px) {
      .follow-sec__text {
        font-size: 2.3988005997vh; } }
    @media screen and (max-height: 568px) {
      .follow-sec__text {
        font-size: 13px; } }

.page-works-sec {
  position: relative;
  background-color: #F7F8F8; }
  .page-works-sec__block {
    width: 18.3333333333vh; }
    @media screen and (max-width: 1024px) {
      .page-works-sec__block {
        width: 7.1964017991vh; } }
    @media screen and (max-height: 768px) {
      .page-works-sec__block {
        width: 7.1964017991vh; } }
    @media screen and (max-height: 568px) {
      .page-works-sec__block {
        width: 42px;
        height: 548px;
        background-color: #F7F8F8; } }
  .page-works-sec__content {
    position: absolute;
    top: 8.2407407407vh;
    left: -36.0185185185vh; }
    @media screen and (max-width: 1024px) {
      .page-works-sec__content {
        top: 3.5982008996vh;
        left: -42.2788605697vh; } }
    @media screen and (max-height: 768px) {
      .page-works-sec__content {
        top: 3.5982008996vh;
        left: -42.2788605697vh; } }
    @media screen and (max-height: 568px) {
      .page-works-sec__content {
        top: 20px;
        left: -230px; } }
  .page-works-sec__img {
    width: 54.3518518519vh;
    height: 51.1111111111vh;
    margin-bottom: 3.7037037037vh; }
    @media screen and (max-width: 1024px) {
      .page-works-sec__img {
        width: 49.4752623688vh;
        height: 46.4767616192vh;
        margin-bottom: 4.047976012vh; } }
    @media screen and (max-height: 768px) {
      .page-works-sec__img {
        width: 49.4752623688vh;
        height: 46.4767616192vh;
        margin-bottom: 4.047976012vh; } }
    @media screen and (max-height: 568px) {
      .page-works-sec__img {
        width: 281px;
        height: 264px;
        margin-bottom: 23px; } }
    .page-works-sec__img img {
      width: 100%;
      height: 100%;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); }
  .page-works-sec__title-box {
    margin-bottom: 8.7962962963vh; }
    @media screen and (max-width: 1024px) {
      .page-works-sec__title-box {
        margin-bottom: 15.892053973vh; } }
    @media screen and (max-height: 768px) {
      .page-works-sec__title-box {
        margin-bottom: 15.892053973vh; } }
    @media screen and (max-height: 568px) {
      .page-works-sec__title-box {
        margin-bottom: 90px; } }
  .page-works-sec__title {
    margin-bottom: 1.4814814815vh;
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 3.2222222222vh;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #ffffff; }
    @media screen and (max-width: 1024px) {
      .page-works-sec__title {
        margin-bottom: 1.3493253373vh;
        font-size: 2.3988005997vh; } }
    @media screen and (max-height: 768px) {
      .page-works-sec__title {
        margin-bottom: 1.3493253373vh;
        font-size: 2.3988005997vh; } }
    @media screen and (max-height: 568px) {
      .page-works-sec__title {
        margin-bottom: 8px;
        font-size: 13px; } }
  .page-works-sec__sub-title {
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 1.9962962963vh;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #ffffff; }
    @media screen and (max-width: 1024px) {
      .page-works-sec__sub-title {
        font-size: 1.7991004498vh; } }
  .page-works-sec__text-box {
    display: flex; }
  .page-works-sec__position {
    margin-right: 3.0555555556vh; }
    @media screen and (max-width: 1024px) {
      .page-works-sec__position {
        margin-right: 3.748125937vh; } }
    @media screen and (max-height: 568px) {
      .page-works-sec__position {
        margin-right: 21px; } }
  .page-works-sec__position-list {
    margin-bottom: 0.8333333333vh;
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 1.9962962963vh;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #ffffff; }
    @media screen and (max-width: 1024px) {
      .page-works-sec__position-list {
        margin-bottom: 1.3493253373vh;
        font-size: 1.7991004498vh; } }
    @media screen and (max-height: 568px) {
      .page-works-sec__position-list {
        margin-bottom: 8px; } }
  .page-works-sec__name-list {
    margin-bottom: 0.8333333333vh;
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 1.9962962963vh;
    font-weight: 100;
    letter-spacing: 0.1em;
    color: #ffffff; }
    @media screen and (max-width: 1024px) {
      .page-works-sec__name-list {
        margin-bottom: 1.3493253373vh;
        font-size: 1.7991004498vh; } }
    @media screen and (max-height: 568px) {
      .page-works-sec__name-list {
        margin-bottom: 8px; } }

.page-vision-sec {
  position: relative;
  background-color: #F7F8F8; }
  .page-vision-sec__block {
    margin-top: 8.2407407407vh;
    margin-left: 8.8888888889vh;
    width: 99.8148148148vh; }
    @media screen and (max-width: 1024px) {
      .page-vision-sec__block {
        margin-top: 3.5982008996vh;
        margin-left: 7.1964017991vh;
        width: 75.5622188906vh; } }
    @media screen and (max-height: 768px) {
      .page-vision-sec__block {
        margin-top: 3.5982008996vh;
        margin-left: 7.1964017991vh;
        width: 75.5622188906vh; } }
    @media screen and (max-height: 568px) {
      .page-vision-sec__block {
        width: 470px;
        height: 524px;
        margin-top: 20px;
        margin-left: 0;
        padding-left: 40px;
        background-color: #F7F8F8; } }
  .page-vision-sec__img {
    text-align: center;
    width: 99.8148148148vh;
    height: 51.1111111111vh;
    margin-bottom: 3.7037037037vh; }
    @media screen and (max-width: 1024px) {
      .page-vision-sec__img {
        width: 75.5622188906vh;
        height: 46.4767616192vh;
        margin-bottom: 3.5982008996vh; } }
    @media screen and (max-height: 768px) {
      .page-vision-sec__img {
        width: 75.5622188906vh;
        height: 46.4767616192vh;
        margin-bottom: 3.5982008996vh; } }
    @media screen and (max-height: 568px) {
      .page-vision-sec__img {
        width: 429px;
        height: 264px;
        margin-bottom: 20px; } }
    .page-vision-sec__img img {
      width: 100%;
      height: 100%;
      background: #ffffff;
      box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); }
      @media screen and (max-width: 1024px) {
        .page-vision-sec__img img {
          height: auto;
          padding-top: 4vh;
          padding-bottom: 4vh; } }
      @media screen and (max-height: 768px) {
        .page-vision-sec__img img {
          height: auto;
          padding-top: 4vh;
          padding-bottom: 4vh; } }
      @media screen and (max-height: 568px) {
        .page-vision-sec__img img {
          height: auto;
          padding-top: 22.76px;
          padding-bottom: 22.76px; } }
  .page-vision-sec__text-box {
    display: flex; }
    @media screen and (max-width: 1024px) {
      .page-vision-sec__text-box {
        display: block; } }
    @media screen and (max-height: 768px) {
      .page-vision-sec__text-box {
        display: block; } }
  .page-vision-sec__title-box {
    width: 26.1111111111vh;
    margin-left: 3.2222222222vh;
    margin-right: 3.2222222222vh; }
    @media screen and (max-width: 1024px) {
      .page-vision-sec__title-box {
        position: absolute;
        width: 32.2338830585vh;
        margin-left: 0;
        margin-right: 7.3463268366vh;
        margin-bottom: 9.7451274363vh; } }
    @media screen and (max-height: 768px) {
      .page-vision-sec__title-box {
        position: absolute;
        width: 32.2338830585vh;
        margin-left: 0;
        margin-right: 7.3463268366vh;
        margin-bottom: 9.7451274363vh; } }
    @media screen and (max-height: 568px) {
      .page-vision-sec__title-box {
        width: 183px; } }
  .page-vision-sec__title {
    margin-bottom: 2.962962963vh;
    line-height: 1.6;
    font-family: noto-sans, sans-serif;
    font-style: normal;
    font-size: 1.8518518519vh;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: #262727; }
    @media screen and (max-width: 1024px) {
      .page-vision-sec__title {
        margin-bottom: 3.5982008996vh;
        font-size: 2.3988005997vh;
        line-height: 1.5; } }
    @media screen and (max-height: 568px) {
      .page-vision-sec__title {
        margin-bottom: 20px;
        font-size: 13px; } }
  .page-vision-sec__sub-title {
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 1.4814814815vh;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #000000; }
    @media screen and (max-width: 1024px) {
      .page-vision-sec__sub-title {
        font-size: 1.7991004498vh; } }
  .page-vision-sec__para-box {
    columns: 2;
    column-fill: auto;
    column-gap: 3.2222222222vh;
    width: 66.6666666667vh;
    height: 29.6296296296vh;
    line-height: 2.28;
    font-family: noto-sans, sans-serif;
    font-style: normal;
    font-size: 1.9962962963vh;
    font-weight: 500;
    letter-spacing: 0;
    color: #000000; }
    @media screen and (max-width: 1024px) {
      .page-vision-sec__para-box {
        column-gap: 3.5982008996vh;
        width: 74.0629685157vh;
        height: 43.4782608696vh;
        font-size: 1.4992503748vh;
        line-height: 2.4; }
        .page-vision-sec__para-box::before {
          content: "";
          display: block;
          width: 35.9820089955vh;
          height: 20.9895052474vh; } }
    @media screen and (max-width: 1024px) and (max-height: 568px) {
      .page-vision-sec__para-box::before {
        width: 204px;
        height: 118px; } }

    @media screen and (max-height: 768px) {
      .page-vision-sec__para-box {
        column-gap: 3.5982008996vh;
        width: 74.0629685157vh;
        height: 43.4782608696vh;
        font-size: 1.4992503748vh;
        line-height: 2.4; }
        .page-vision-sec__para-box::before {
          content: "";
          display: block;
          width: 35.9820089955vh;
          height: 20.9895052474vh; } }
    @media screen and (max-height: 768px) and (max-height: 568px) {
      .page-vision-sec__para-box::before {
        width: 204px;
        height: 118px; } }

    @media screen and (max-height: 666px) {
      .page-vision-sec__para-box {
        line-height: 1.6; } }
    @media screen and (max-height: 568px) {
      .page-vision-sec__para-box {
        height: 244px;
        width: 420px;
        column-gap: 16px; } }

.page-logp-sec {
  position: relative;
  background-color: #F7F8F8; }
  .page-logp-sec__block {
    width: 99.8148148148vh; }
    @media screen and (max-width: 1024px) {
      .page-logp-sec__block {
        width: 71.5142428786vh; } }
    @media screen and (max-height: 568px) {
      .page-logp-sec__block {
        width: 406px;
        height: 548px;
        background-color: #F7F8F8; } }
  .page-logp-sec__logo {
    position: absolute;
    top: 43.1481481481vh;
    left: 26.6666666667vh;
    width: 63.1481481481vh; }
    @media screen and (max-width: 1024px) {
      .page-logp-sec__logo {
        top: 45.2773613193vh;
        left: 14.3928035982vh;
        width: 43.3283358321vh; } }
    @media screen and (max-height: 568px) {
      .page-logp-sec__logo {
        width: 246px;
        top: 260px;
        left: 80px; } }

.page-service-sec {
  position: relative; }
  .page-service-sec::after {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1;
    background-color: #F7F8F8; }
  .page-service-sec__service-block {
    width: 92.5925925926vh; }
    @media screen and (max-width: 1024px) {
      .page-service-sec__service-block {
        width: 81.7091454273vh; } }
    @media screen and (max-height: 568px) {
      .page-service-sec__service-block {
        width: 464px;
        height: 548px; } }
  .page-service-sec__title.service {
    position: absolute;
    top: 7.1296296296vh;
    left: -31.6666666667vh;
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 5.9259259259vh;
    font-weight: 700;
    letter-spacing: 0.3em;
    color: #262727; }
    @media screen and (max-width: 1024px) {
      .page-service-sec__title.service {
        top: 7.1964017991vh;
        left: -43.7781109445vh;
        font-size: 5.9970014993vh; } }
    @media screen and (max-height: 568px) {
      .page-service-sec__title.service {
        font-size: 34px;
        top: 40px;
        left: -240px; } }
  .page-service-sec__box {
    display: flex;
    position: absolute;
    top: 17.2222222222vh;
    left: -28.1481481481vh; }
    @media screen and (max-width: 1024px) {
      .page-service-sec__box {
        top: 17.3913043478vh;
        left: -43.4782608696vh; } }
    @media screen and (max-height: 568px) {
      .page-service-sec__box {
        top: 100px;
        left: -240px; } }
  .page-service-sec__item {
    width: 37.7777777778vh;
    height: 64.4444444444vh;
    margin-right: 3.7037037037vh;
    background: #F6F6F6;
    box-shadow: 3px 0 20px rgba(0, 0, 0, 0.05); }
    @media screen and (max-width: 1024px) {
      .page-service-sec__item {
        width: 38.0809595202vh;
        height: 65.2173913043vh;
        margin-left: 3.5982008996vh; } }
    @media screen and (max-height: 568px) {
      .page-service-sec__item {
        width: 216px;
        height: 370px;
        margin-left: 24px; } }
  .page-service-sec__icon {
    text-align: center;
    height: 33.7037037037vh;
    margin-bottom: 3.7037037037vh;
    background: #ffffff; }
    @media screen and (max-width: 1024px) {
      .page-service-sec__icon {
        height: 34.1829085457vh;
        margin-bottom: 3.748125937vh; } }
    @media screen and (max-height: 568px) {
      .page-service-sec__icon {
        height: 194px;
        margin-bottom: 21px; } }
    .page-service-sec__icon img {
      width: 18.1481481481vh;
      margin-top: 6.2037037037vh; }
      @media screen and (max-width: 1024px) {
        .page-service-sec__icon img {
          width: 20.9895052474vh;
          margin-top: 6.2968515742vh; } }
      @media screen and (max-height: 568px) {
        .page-service-sec__icon img {
          width: 119px;
          margin-top: 36px; } }
  .page-service-sec__sub-title {
    text-align: center;
    margin-bottom: 3.2222222222vh;
    font-family: noto-sans, sans-serif;
    font-style: normal;
    font-size: 3.2222222222vh;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: #262727; }
    @media screen and (max-width: 1024px) {
      .page-service-sec__sub-title {
        margin-bottom: 2.2488755622vh;
        font-size: 1.7991004498vh; } }
    @media screen and (max-height: 568px) {
      .page-service-sec__sub-title {
        margin-bottom: 12px; } }
  .page-service-sec__list-box--01 {
    text-align: left;
    width: 28.8888888889vh;
    margin-left: 13.3333333333vh; }
    @media screen and (max-width: 1024px) {
      .page-service-sec__list-box--01 {
        width: 29.0854572714vh;
        margin-left: 13.4932533733vh; } }
    @media screen and (max-height: 568px) {
      .page-service-sec__list-box--01 {
        width: 165px;
        margin-left: 76px; } }
  .page-service-sec__list-box--02 {
    text-align: left;
    width: 28.8888888889vh;
    margin-left: 9.537037037vh; }
    @media screen and (max-width: 1024px) {
      .page-service-sec__list-box--02 {
        width: 29.0854572714vh;
        margin-left: 9.5952023988vh; } }
    @media screen and (max-height: 568px) {
      .page-service-sec__list-box--02 {
        width: 165px;
        margin-left: 54px; } }
  .page-service-sec__list-box--03 {
    text-align: left;
    width: 28.8888888889vh;
    margin-left: 8.0555555556vh; }
    @media screen and (max-width: 1024px) {
      .page-service-sec__list-box--03 {
        width: 29.0854572714vh;
        margin-left: 8.095952024vh; } }
    @media screen and (max-height: 568px) {
      .page-service-sec__list-box--03 {
        width: 165px;
        margin-left: 46px; } }
  .page-service-sec__list {
    position: relative;
    margin-bottom: 1.7592592593vh;
    font-family: noto-sans, sans-serif;
    font-style: normal;
    font-size: 1.9962962963vh;
    font-weight: 500;
    letter-spacing: 0.1em;
    color: #262727; }
    @media screen and (max-width: 1024px) {
      .page-service-sec__list {
        margin-bottom: 1.7991004498vh;
        font-size: 1.4992503748vh; } }
    @media screen and (max-height: 568px) {
      .page-service-sec__list {
        margin-bottom: 10px; } }
    .page-service-sec__list::before {
      content: '';
      display: block;
      position: absolute;
      top: .5em;
      left: -2em;
      width: 0.7291666667vw;
      height: 0.3125vw;
      border-left: 0.15625vw solid #A6A7A7;
      border-bottom: 0.15625vw solid #A6A7A7;
      transform: rotate(-45deg); }
      @media screen and (max-width: 1024px) {
        .page-service-sec__list::before {
          width: 2.0989505247vh;
          height: 0.8995502249vh;
          border-left: 0.4497751124vh solid #A6A7A7;
          border-bottom: 0.4497751124vh solid #A6A7A7; } }
      @media screen and (max-height: 568px) {
        .page-service-sec__list::before {
          min-width: 12px;
          min-height: 4px;
          border-left: 2px solid #A6A7A7;
          border-bottom: 2px solid #A6A7A7; } }

.page-tec-sec {
  position: relative; }
  .page-tec-sec::after {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -2;
    width: 100%;
    height: 100vh;
    background-color: #F7F8F8; }
  .page-tec-sec__bg {
    position: absolute;
    top: -1.1111111111vh;
    left: -61.1111111111vh;
    width: 245vh;
    z-index: -1; }
    @media screen and (max-width: 1024px) {
      .page-tec-sec__bg {
        top: -0.8995502249vh;
        left: -60.8695652174vh;
        width: 228.1859070465vh; } }
    @media screen and (max-height: 568px) {
      .page-tec-sec__bg {
        top: -8px;
        left: -320px;
        width: 1296px; } }
  .page-tec-sec__block {
    left: 26.5740740741vh;
    width: 151.9444444444vh; }
    @media screen and (max-width: 1024px) {
      .page-tec-sec__block {
        left: 7.1964017991vh;
        width: 115.4422788606vh; } }
    @media screen and (max-height: 568px) {
      .page-tec-sec__block {
        width: 680px;
        height: 548px;
        left: 0; } }
  .page-tec-sec__title {
    position: absolute;
    top: 85.1851851852vh;
    left: 26.5740740741vh;
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 5.9259259259vh;
    font-weight: 800;
    letter-spacing: 0.3em;
    color: #262727; }
    @media screen and (max-width: 1024px) {
      .page-tec-sec__title {
        top: 85.4572713643vh;
        left: 7.1964017991vh;
        font-size: 5.9970014993vh; } }
    @media screen and (max-height: 568px) {
      .page-tec-sec__title {
        font-size: 34px;
        top: 480px;
        left: 24px; } }
  .page-tec-sec__item--01 {
    position: absolute;
    top: 21.9444444444vh;
    left: 35.1851851852vh;
    width: 23.7962962963vh; }
    @media screen and (max-width: 1024px) {
      .page-tec-sec__item--01 {
        top: 17.9910044978vh;
        left: 27.5862068966vh;
        width: 23.988005997vh; } }
    @media screen and (max-height: 568px) {
      .page-tec-sec__item--01 {
        width: 136px;
        top: 100px;
        left: 180px; } }
  .page-tec-sec__item--02 {
    position: absolute;
    top: 21.9444444444vh;
    left: 94.3518518519vh;
    width: 23.7962962963vh; }
    @media screen and (max-width: 1024px) {
      .page-tec-sec__item--02 {
        top: 17.9910044978vh;
        left: 82.4587706147vh;
        width: 23.988005997vh; } }
    @media screen and (max-height: 568px) {
      .page-tec-sec__item--02 {
        width: 136px;
        top: 100px;
        left: 492px; } }
  .page-tec-sec__item--03 {
    position: absolute;
    top: 39.537037037vh;
    left: 64.8148148148vh;
    width: 23.7962962963vh; }
    @media screen and (max-width: 1024px) {
      .page-tec-sec__item--03 {
        top: 34.4827586207vh;
        left: 55.4722638681vh;
        width: 23.988005997vh; } }
    @media screen and (max-height: 568px) {
      .page-tec-sec__item--03 {
        width: 136px;
        top: 200px;
        left: 336px; } }
  .page-tec-sec__item--04 {
    position: absolute;
    top: 56.1111111111vh;
    left: 35.1851851852vh;
    width: 23.7962962963vh; }
    @media screen and (max-width: 1024px) {
      .page-tec-sec__item--04 {
        top: 52.4737631184vh;
        left: 28.4857571214vh;
        width: 23.988005997vh; } }
    @media screen and (max-height: 568px) {
      .page-tec-sec__item--04 {
        width: 136px;
        top: 290px;
        left: 180px; } }
  .page-tec-sec__item--05 {
    position: absolute;
    top: 56.1111111111vh;
    left: 94.3518518519vh;
    width: 23.7962962963vh; }
    @media screen and (max-width: 1024px) {
      .page-tec-sec__item--05 {
        top: 52.4737631184vh;
        left: 83.2083958021vh;
        width: 23.988005997vh; } }
    @media screen and (max-height: 568px) {
      .page-tec-sec__item--05 {
        width: 136px;
        top: 290px;
        left: 492px; } }
  .page-tec-sec__icon--01 {
    margin-bottom: 3.1481481481vh;
    text-align: center; }
    .page-tec-sec__icon--01 img {
      width: 3.9814814815vh; }
    @media screen and (max-width: 1024px) {
      .page-tec-sec__icon--01 {
        margin-bottom: 3.2983508246vh; }
        .page-tec-sec__icon--01 img {
          width: 4.047976012vh; } }
    @media screen and (max-height: 568px) {
      .page-tec-sec__icon--01 {
        margin-bottom: 18px; }
        .page-tec-sec__icon--01 img {
          width: 23px; } }
  .page-tec-sec__icon--02 {
    margin-bottom: 3.1481481481vh;
    text-align: center; }
    .page-tec-sec__icon--02 img {
      width: 3.4259259259vh; }
    @media screen and (max-width: 1024px) {
      .page-tec-sec__icon--02 {
        margin-bottom: 3.2983508246vh; }
        .page-tec-sec__icon--02 img {
          width: 3.4482758621vh; } }
    @media screen and (max-height: 568px) {
      .page-tec-sec__icon--02 {
        margin-bottom: 18px; }
        .page-tec-sec__icon--02 img {
          width: 20px; } }
  .page-tec-sec__icon--03 {
    margin-bottom: 3.1481481481vh;
    text-align: center; }
    .page-tec-sec__icon--03 img {
      width: 4.1666666667vh; }
    @media screen and (max-width: 1024px) {
      .page-tec-sec__icon--03 {
        margin-bottom: 3.2983508246vh; }
        .page-tec-sec__icon--03 img {
          width: 4.1979010495vh; } }
    @media screen and (max-height: 568px) {
      .page-tec-sec__icon--03 {
        margin-bottom: 18px; }
        .page-tec-sec__icon--03 img {
          width: 24px; } }
  .page-tec-sec__icon--04 {
    margin-bottom: 3.1481481481vh;
    text-align: center; }
    .page-tec-sec__icon--04 img {
      width: 4.7222222222vh; }
    @media screen and (max-width: 1024px) {
      .page-tec-sec__icon--04 {
        margin-bottom: 3.2983508246vh; }
        .page-tec-sec__icon--04 img {
          width: 4.7976011994vh; } }
    @media screen and (max-height: 568px) {
      .page-tec-sec__icon--04 {
        margin-bottom: 18px; }
        .page-tec-sec__icon--04 img {
          width: 27px; } }
  .page-tec-sec__icon--05 {
    margin-bottom: 3.1481481481vh;
    text-align: center; }
    .page-tec-sec__icon--05 img {
      width: 4.7222222222vh; }
    @media screen and (max-width: 1024px) {
      .page-tec-sec__icon--05 {
        margin-bottom: 3.2983508246vh; }
        .page-tec-sec__icon--05 img {
          width: 4.7976011994vh; } }
    @media screen and (max-height: 568px) {
      .page-tec-sec__icon--05 {
        margin-bottom: 18px; }
        .page-tec-sec__icon--05 img {
          width: 27px; } }
  .page-tec-sec__sub-title {
    text-align: center;
    margin-bottom: 2.5925925926vh;
    font-family: noto-sans, sans-serif;
    font-style: normal;
    font-size: 1.8518518519vh;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: #262727; }
    @media screen and (max-width: 1024px) {
      .page-tec-sec__sub-title {
        margin-bottom: 2.5487256372vh;
        font-size: 1.7991004498vh; } }
    @media screen and (max-height: 568px) {
      .page-tec-sec__sub-title {
        margin-bottom: 14px; } }
  .page-tec-sec__para {
    text-align: center;
    line-height: 1.7;
    font-family: noto-sans, sans-serif;
    font-style: normal;
    font-size: 1.9962962963vh;
    font-weight: 500;
    letter-spacing: 0.1em;
    color: #262727; }
    @media screen and (max-width: 1024px) {
      .page-tec-sec__para {
        line-height: 1.5;
        font-size: 1.4992503748vh; } }

.page-value-sec {
  position: relative; }
  .page-value-sec::after {
    content: "";
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -2;
    width: 100%;
    height: 100vh;
    background-color: #F7F8F8; }
  .page-value-sec__block {
    width: 240.462962963vh;
    left: 151.7592592593vh; }
    @media screen and (max-width: 1024px) {
      .page-value-sec__block {
        width: 217.0914542729vh;
        left: 0vh; } }
    @media screen and (max-height: 568px) {
      .page-value-sec__block {
        width: 1234px;
        height: 508px; } }
  .page-value-sec__title-box {
    margin-top: 6.0185185185vh; }
    @media screen and (max-width: 1024px) {
      .page-value-sec__title-box {
        margin-top: 7.1964017991vh; } }
    @media screen and (max-height: 568px) {
      .page-value-sec__title-box {
        margin-top: 40px; } }
  .page-value-sec__title {
    margin-bottom: 4.7222222222vh;
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 5.9259259259vh;
    font-weight: 700;
    letter-spacing: 0.3em;
    color: #262727; }
    @media screen and (max-width: 1024px) {
      .page-value-sec__title {
        margin-bottom: 4.7976011994vh;
        font-size: 5.9970014993vh; } }
    @media screen and (max-height: 568px) {
      .page-value-sec__title {
        margin-bottom: 27px;
        font-size: 34px; } }
  .page-value-sec__sub-title {
    line-height: 1.6;
    font-family: noto-sans, sans-serif;
    font-style: normal;
    font-size: 4.4444444444vh;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: #262727; }
    @media screen and (max-width: 1024px) {
      .page-value-sec__sub-title {
        line-height: 1.15;
        font-size: 4.7976011994vh; } }
    @media screen and (max-height: 568px) {
      .page-value-sec__sub-title {
        font-size: 27px; } }
  .page-value-sec__content {
    position: absolute;
    top: 12.7777777778vh;
    left: 24.8148148148vh;
    width: 187.962962963vh; }
    @media screen and (max-width: 1024px) {
      .page-value-sec__content {
        top: 14.0929535232vh;
        left: 25.1874062969vh;
        width: 190.4047976012vh; } }
    @media screen and (max-height: 568px) {
      .page-value-sec__content {
        top: 80px;
        left: 120px;
        width: 1082px; } }
  .page-value-sec__bg {
    position: absolute;
    width: 187.962962963vh;
    z-index: -1; }
    @media screen and (max-width: 1024px) {
      .page-value-sec__bg {
        width: 190.4047976012vh; } }
    @media screen and (max-height: 568px) {
      .page-value-sec__bg {
        width: 1082px; } }
  .page-value-sec__inner {
    display: flex;
    width: 187.962962963vh;
    margin-top: 18.5185185185vh;
    margin-left: 10.1851851852vh; }
    @media screen and (max-width: 1024px) {
      .page-value-sec__inner {
        width: 190.4047976012vh;
        margin-top: 20.6896551724vh;
        margin-left: 10.4947526237vh; } }
    @media screen and (max-height: 568px) {
      .page-value-sec__inner {
        width: 1082px;
        margin-top: 118px;
        margin-left: 60px; } }
  .page-value-sec__item--01 {
    width: 28.8888888889vh;
    margin-right: 18.5185185185vh; }
    @media screen and (max-width: 1024px) {
      .page-value-sec__item--01 {
        width: 29.2353823088vh;
        margin-right: 17.9910044978vh; } }
    @media screen and (max-height: 568px) {
      .page-value-sec__item--01 {
        width: 166px;
        margin-right: 102px; } }
  .page-value-sec__item--02 {
    width: 28.8888888889vh;
    margin-right: 15.7407407407vh; }
    @media screen and (max-width: 1024px) {
      .page-value-sec__item--02 {
        width: 29.2353823088vh;
        margin-right: 17.9910044978vh; } }
    @media screen and (max-height: 568px) {
      .page-value-sec__item--02 {
        width: 166px;
        margin-right: 102px; } }
  .page-value-sec__item--03 {
    width: 28.8888888889vh;
    margin-right: 18.3333333333vh; }
    @media screen and (max-width: 1024px) {
      .page-value-sec__item--03 {
        width: 29.2353823088vh;
        margin-right: 17.2413793103vh; } }
    @media screen and (max-height: 568px) {
      .page-value-sec__item--03 {
        width: 166px;
        margin-right: 97px; } }
  .page-value-sec__item--04 {
    width: 28.8888888889vh; }
    @media screen and (max-width: 1024px) {
      .page-value-sec__item--04 {
        width: 29.2353823088vh; } }
    @media screen and (max-height: 568px) {
      .page-value-sec__item--04 {
        width: 166px; } }
  .page-value-sec__icon--01 {
    text-align: center;
    margin-bottom: 3.7037037037vh; }
    @media screen and (max-width: 1024px) {
      .page-value-sec__icon--01 {
        margin-bottom: 3.748125937vh; } }
    @media screen and (max-height: 568px) {
      .page-value-sec__icon--01 {
        margin-bottom: 21px; } }
    .page-value-sec__icon--01 img {
      width: 5.5555555556vh; }
      @media screen and (max-width: 1024px) {
        .page-value-sec__icon--01 img {
          width: 5.3973013493vh; } }
      @media screen and (max-height: 568px) {
        .page-value-sec__icon--01 img {
          width: 30px; } }
  .page-value-sec__icon--02 {
    text-align: center;
    margin-bottom: 3.7037037037vh; }
    @media screen and (max-width: 1024px) {
      .page-value-sec__icon--02 {
        margin-bottom: 3.748125937vh; } }
    @media screen and (max-height: 568px) {
      .page-value-sec__icon--02 {
        margin-bottom: 21px; } }
    .page-value-sec__icon--02 img {
      width: 5.5555555556vh; }
      @media screen and (max-width: 1024px) {
        .page-value-sec__icon--02 img {
          width: 5.3973013493vh; } }
      @media screen and (max-height: 568px) {
        .page-value-sec__icon--02 img {
          width: 30px; } }
  .page-value-sec__icon--03 {
    text-align: center;
    margin-bottom: 3.7037037037vh; }
    @media screen and (max-width: 1024px) {
      .page-value-sec__icon--03 {
        margin-bottom: 3.748125937vh; } }
    @media screen and (max-height: 568px) {
      .page-value-sec__icon--03 {
        margin-bottom: 21px; } }
    .page-value-sec__icon--03 img {
      width: 5.5555555556vh; }
      @media screen and (max-width: 1024px) {
        .page-value-sec__icon--03 img {
          width: 5.3973013493vh; } }
      @media screen and (max-height: 568px) {
        .page-value-sec__icon--03 img {
          width: 30px; } }
  .page-value-sec__icon--04 {
    text-align: center;
    margin-bottom: 3.7037037037vh; }
    @media screen and (max-width: 1024px) {
      .page-value-sec__icon--04 {
        margin-bottom: 3.748125937vh; } }
    @media screen and (max-height: 568px) {
      .page-value-sec__icon--04 {
        margin-bottom: 21px; } }
    .page-value-sec__icon--04 img {
      width: 5.5555555556vh; }
      @media screen and (max-width: 1024px) {
        .page-value-sec__icon--04 img {
          width: 5.3973013493vh; } }
      @media screen and (max-height: 568px) {
        .page-value-sec__icon--04 img {
          width: 30px; } }
  .page-value-sec__para {
    line-height: 1.9;
    font-family: noto-sans, sans-serif;
    font-style: normal;
    font-size: 1.6666666667vh;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: #262727; }
    @media screen and (max-width: 1024px) {
      .page-value-sec__para {
        line-height: 1.75;
        font-size: 1.7991004498vh; } }
  .page-value-sec__text-bg {
    position: absolute;
    top: 66.6666666667vh;
    width: 240.7407407407vh; }
    @media screen and (max-width: 1024px) {
      .page-value-sec__text-bg {
        top: 70.3148425787vh;
        width: 243.628185907vh; } }
    @media screen and (max-height: 568px) {
      .page-value-sec__text-bg {
        width: 1384px;
        top: 400px; } }

.page-flow-sec {
  position: relative; }
  .page-flow-sec__block {
    width: 213.9814814815vh; }
    @media screen and (max-width: 1024px) {
      .page-flow-sec__block {
        width: 216.7916041979vh; } }
    @media screen and (max-height: 568px) {
      .page-flow-sec__block {
        width: 1233px;
        height: 548px; } }
  .page-flow-sec__bg {
    position: absolute;
    top: 11.9962962963vh;
    left: 7.1296296296vh;
    width: 206.8518518519vh; }
    @media screen and (max-width: 1024px) {
      .page-flow-sec__bg {
        width: 209.5952023988vh;
        top: 10.7946026987vh;
        left: 7.1964017991vh; } }
    @media screen and (max-height: 568px) {
      .page-flow-sec__bg {
        width: 1190px;
        top: 64px;
        left: 40px; } }
  .page-flow-sec__title-box {
    position: absolute;
    top: 31.3888888889vh; }
    @media screen and (max-width: 1024px) {
      .page-flow-sec__title-box {
        top: 31.1844077961vh; } }
    @media screen and (max-height: 568px) {
      .page-flow-sec__title-box {
        top: 200px; } }
  .page-flow-sec__title {
    margin-bottom: 4.7222222222vh;
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 5.9259259259vh;
    font-weight: 700;
    letter-spacing: 0.3em;
    color: #262727; }
    @media screen and (max-width: 1024px) {
      .page-flow-sec__title {
        margin-bottom: 4.7976011994vh;
        font-size: 5.9970014993vh; } }
    @media screen and (max-height: 568px) {
      .page-flow-sec__title {
        font-size: 34px;
        margin-bottom: 27px; } }
  .page-flow-sec__sub-title {
    margin-bottom: 4.7222222222vh;
    line-height: 1.16;
    font-family: noto-sans, sans-serif;
    font-style: normal;
    font-size: 4.4444444444vh;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: #262727; }
    @media screen and (max-width: 1024px) {
      .page-flow-sec__sub-title {
        margin-bottom: 4.7976011994vh;
        line-height: 1.15;
        font-size: 4.7976011994vh; } }
    @media screen and (max-height: 568px) {
      .page-flow-sec__sub-title {
        font-size: 27px;
        margin-bottom: 27px; } }
  .page-flow-sec__para {
    width: 47.6851851852vh;
    line-height: 1.9;
    font-family: noto-sans, sans-serif;
    font-style: normal;
    font-size: 1.9962962963vh;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: #262727; }
    @media screen and (max-width: 1024px) {
      .page-flow-sec__para {
        width: 48.275862069vh;
        line-height: 1.75;
        font-size: 1.7991004498vh; } }
    @media screen and (max-height: 568px) {
      .page-flow-sec__para {
        width: 274px; } }
  .page-flow-sec__content {
    position: absolute;
    display: flex;
    top: 21.5740740741vh;
    left: 54.0740740741vh;
    width: 145vh; }
    @media screen and (max-width: 1024px) {
      .page-flow-sec__content {
        top: 21.2893553223vh;
        left: 55.4722638681vh;
        width: 146.9265367316vh; } }
    @media screen and (max-height: 568px) {
      .page-flow-sec__content {
        width: 834px;
        top: 140px;
        left: 310px; } }
  .page-flow-sec__content-bg {
    position: absolute;
    left: 4.4444444444vh;
    width: 135.9259259259vh; }
    @media screen and (max-width: 1024px) {
      .page-flow-sec__content-bg {
        left: 4.347826087vh;
        width: 137.7811094453vh; } }
    @media screen and (max-height: 568px) {
      .page-flow-sec__content-bg {
        width: 782px;
        left: 24px; } }
  .page-flow-sec__item--01 {
    position: absolute;
    top: 7.4074074074vh;
    left: 0.9259259259vh;
    width: 33.5185185185vh;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      .page-flow-sec__item--01 {
        top: 7.4962518741vh;
        left: 1.4992503748vh;
        width: 34.0329835082vh; } }
    @media screen and (max-height: 568px) {
      .page-flow-sec__item--01 {
        width: 193px;
        top: 42px;
        left: 8px; } }
  .page-flow-sec__item--02 {
    position: absolute;
    top: 7.4074074074vh;
    left: 56.4814814815vh;
    width: 33.5185185185vh;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      .page-flow-sec__item--02 {
        top: 7.4962518741vh;
        left: 56.2218890555vh;
        width: 34.0329835082vh; } }
    @media screen and (max-height: 568px) {
      .page-flow-sec__item--02 {
        width: 193px;
        top: 42px;
        left: 320px; } }
  .page-flow-sec__item--03 {
    position: absolute;
    top: 7.4074074074vh;
    left: 109.2592592593vh;
    width: 33.5185185185vh;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      .page-flow-sec__item--03 {
        top: 7.4962518741vh;
        left: 110.9445277361vh;
        width: 34.0329835082vh; } }
    @media screen and (max-height: 568px) {
      .page-flow-sec__item--03 {
        width: 193px;
        top: 42px;
        left: 630px; } }
  .page-flow-sec__icon {
    margin-bottom: 13.1481481481vh; }
    @media screen and (max-width: 1024px) {
      .page-flow-sec__icon {
        margin-bottom: 12.8935532234vh; } }
    @media screen and (max-height: 568px) {
      .page-flow-sec__icon {
        margin-bottom: 73px; } }
    .page-flow-sec__icon img {
      height: 10.6481481481vh; }
      @media screen and (max-width: 1024px) {
        .page-flow-sec__icon img {
          height: 10.9445277361vh; } }
      @media screen and (max-height: 568px) {
        .page-flow-sec__icon img {
          height: 62px; } }
  .page-flow-sec__item-title {
    height: 6.8518518519vh;
    margin-bottom: 4.8148148148vh;
    line-height: 6.8518518519vh;
    background: #262727;
    border-radius: 3.4259259259vh;
    font-family: noto-sans, sans-serif;
    font-style: normal;
    font-size: 3.5185185185vh;
    font-weight: 800;
    letter-spacing: 0;
    color: #ffffff; }
    @media screen and (max-width: 1024px) {
      .page-flow-sec__item-title {
        height: 6.8965517241vh;
        margin-bottom: 4.7976011994vh;
        line-height: 6.8965517241vh;
        border-radius: 3.4482758621vh;
        font-size: 3.5982008996vh; } }
    @media screen and (max-height: 568px) {
      .page-flow-sec__item-title {
        font-size: 20px;
        height: 40px;
        line-height: 40px;
        margin-bottom: 27px;
        border-radius: 20px; } }
  .page-flow-sec__list-box {
    width: 27.3148148148vh;
    margin-left: 10.1851851852vh;
    text-align: left; }
    @media screen and (max-width: 1024px) {
      .page-flow-sec__list-box {
        margin-left: 11.3943028486vh;
        width: 27.5862068966vh; } }
    @media screen and (max-height: 568px) {
      .page-flow-sec__list-box {
        margin-right: 64px;
        width: 156px; } }
  .page-flow-sec__list {
    position: relative;
    margin-bottom: 3.2222222222vh;
    font-family: noto-sans, sans-serif;
    font-style: normal;
    font-size: 1.4814814815vh;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: #262727; }
    @media screen and (max-width: 1024px) {
      .page-flow-sec__list {
        margin-bottom: 2.3988005997vh;
        font-size: 2.0989505247vh; } }
    @media screen and (max-height: 568px) {
      .page-flow-sec__list {
        margin-bottom: 13px;
        font-size: 11px; } }
    .page-flow-sec__list::before {
      content: '';
      display: block;
      position: absolute;
      top: .5em;
      left: -2em;
      width: 0.7291666667vw;
      height: 0.3125vw;
      border-left: 0.15625vw solid #A6A7A7;
      border-bottom: 0.15625vw solid #A6A7A7;
      transform: rotate(-45deg); }
      @media screen and (max-width: 1024px) {
        .page-flow-sec__list::before {
          width: 2.0989505247vh;
          height: 0.8995502249vh;
          border-left: 0.4497751124vh solid #A6A7A7;
          border-bottom: 0.4497751124vh solid #A6A7A7; } }
      @media screen and (max-height: 568px) {
        .page-flow-sec__list::before {
          min-width: 12px;
          min-height: 4px;
          border-left: 2px solid #A6A7A7;
          border-bottom: 2px solid #A6A7A7; } }

.page-workflow-sec {
  position: relative; }
  .page-workflow-sec__block {
    width: 172.4074074074vh;
    margin-left: 13.7037037037vh; }
    @media screen and (max-width: 1024px) {
      .page-workflow-sec__block {
        width: 174.5127436282vh;
        margin-left: 0vh; } }
    @media screen and (max-height: 568px) {
      .page-workflow-sec__block {
        width: 991px;
        height: 548px; } }
  .page-workflow-sec__title-box {
    margin-top: 9.6296296296vh; }
    @media screen and (max-width: 1024px) {
      .page-workflow-sec__title-box {
        position: absolute;
        left: -7.3463268366vh;
        top: 7.1964017991vh;
        margin-top: 0vh; } }
    @media screen and (max-height: 568px) {
      .page-workflow-sec__title-box {
        top: 40px;
        left: -54px; } }
  .page-workflow-sec__title {
    margin-bottom: 2.962962963vh;
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 5.9259259259vh;
    font-weight: 700;
    letter-spacing: 0.3em;
    color: #262727; }
    @media screen and (max-width: 1024px) {
      .page-workflow-sec__title {
        margin-bottom: 3.5982008996vh;
        font-size: 5.9970014993vh; } }
    @media screen and (max-height: 568px) {
      .page-workflow-sec__title {
        margin-bottom: 20px;
        font-size: 34px; } }
  .page-workflow-sec__sub-title {
    margin-bottom: 3.4259259259vh;
    font-family: noto-sans, sans-serif;
    font-style: normal;
    font-size: 2.962962963vh;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: #262727; }
    @media screen and (max-width: 1024px) {
      .page-workflow-sec__sub-title {
        margin-bottom: 3.5982008996vh;
        font-size: 2.3988005997vh; } }
    @media screen and (max-height: 568px) {
      .page-workflow-sec__sub-title {
        margin-bottom: 20px;
        font-size: 14px; } }
  .page-workflow-sec__eg-sub-title {
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 3.2222222222vh;
    font-weight: 700;
    letter-spacing: 0.3em;
    color: rgba(38, 39, 39, 0.5); }
    @media screen and (max-width: 1024px) {
      .page-workflow-sec__eg-sub-title {
        font-size: 2.3988005997vh; } }
    @media screen and (max-height: 568px) {
      .page-workflow-sec__eg-sub-title {
        font-size: 14px; } }
  .page-workflow-sec__content-bg {
    position: absolute;
    top: 11.5740740741vh;
    left: 26.2962962963vh;
    width: 159.7222222222vh; }
    @media screen and (max-width: 1024px) {
      .page-workflow-sec__content-bg {
        top: 9.1454272864vh;
        left: 5.5472263868vh;
        width: 161.7691154423vh; } }
    @media screen and (max-height: 568px) {
      .page-workflow-sec__content-bg {
        top: 52px;
        left: 32px;
        width: 918px; } }
  .page-workflow-sec__item--01 {
    position: absolute;
    top: 46.2962962963vh;
    left: 36.1111111111vh;
    width: 14.8148148148vh;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      .page-workflow-sec__item--01 {
        top: 43.7781109445vh;
        left: 15.5922038981vh;
        width: 14.9925037481vh; } }
    @media screen and (max-height: 568px) {
      .page-workflow-sec__item--01 {
        width: 85px;
        top: 250px;
        left: 88px; } }
  .page-workflow-sec__item--02 {
    position: absolute;
    top: 46.2962962963vh;
    left: 67.5vh;
    width: 14.8148148148vh;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      .page-workflow-sec__item--02 {
        top: 43.7781109445vh;
        left: 47.2263868066vh;
        width: 14.9925037481vh; } }
    @media screen and (max-height: 568px) {
      .page-workflow-sec__item--02 {
        width: 85px;
        top: 250px;
        left: 270px; } }
  .page-workflow-sec__item--03 {
    position: absolute;
    top: 46.2962962963vh;
    left: 97.962962963vh;
    width: 14.8148148148vh;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      .page-workflow-sec__item--03 {
        top: 43.7781109445vh;
        left: 78.1109445277vh;
        width: 16.4917541229vh; } }
    @media screen and (max-height: 568px) {
      .page-workflow-sec__item--03 {
        width: 85px;
        top: 250px;
        left: 440px; } }
  .page-workflow-sec__item--04 {
    position: absolute;
    top: 44.4444444444vh;
    left: 127.7777777778vh;
    width: 18.5185185185vh;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      .page-workflow-sec__item--04 {
        top: 41.9790104948vh;
        left: 107.3463268366vh;
        width: 20.9895052474vh; } }
    @media screen and (max-height: 568px) {
      .page-workflow-sec__item--04 {
        width: 119px;
        top: 240px;
        left: 608px; } }
  .page-workflow-sec__item--05 {
    position: absolute;
    top: 46.2962962963vh;
    left: 160.3703703704vh;
    width: 14.8148148148vh;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      .page-workflow-sec__item--05 {
        top: 43.7781109445vh;
        left: 140.9295352324vh;
        width: 16.4917541229vh; } }
    @media screen and (max-height: 568px) {
      .page-workflow-sec__item--05 {
        width: 85px;
        top: 250px;
        left: 800px; } }
  .page-workflow-sec__item--06 {
    position: absolute;
    top: 16.9444444444vh;
    left: 138.7037037037vh;
    width: 14.8148148148vh;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      .page-workflow-sec__item--06 {
        top: 14.9925037481vh;
        left: 118.4407796102vh;
        width: 16.4917541229vh; } }
    @media screen and (max-height: 568px) {
      .page-workflow-sec__item--06 {
        width: 85px;
        top: 84px;
        left: 674px; } }
  .page-workflow-sec__item--07 {
    position: absolute;
    top: 17.5925925926vh;
    left: 168.5185185185vh;
    width: 14.8148148148vh;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      .page-workflow-sec__item--07 {
        top: 14.9925037481vh;
        left: 148.4257871064vh;
        width: 16.4917541229vh; } }
    @media screen and (max-height: 568px) {
      .page-workflow-sec__item--07 {
        width: 85px;
        top: 84px;
        left: 842px; } }
  .page-workflow-sec__item--08 {
    position: absolute;
    top: 75.5555555556vh;
    left: 114.8148148148vh;
    width: 14.8148148148vh;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      .page-workflow-sec__item--08 {
        top: 73.9130434783vh;
        left: 94.4527736132vh;
        width: 16.4917541229vh; } }
    @media screen and (max-height: 568px) {
      .page-workflow-sec__item--08 {
        width: 85px;
        top: 418px;
        left: 538px; } }
  .page-workflow-sec__item--09 {
    position: absolute;
    top: 75.5555555556vh;
    left: 143.5185185185vh;
    width: 14.8148148148vh;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      .page-workflow-sec__item--09 {
        top: 73.9130434783vh;
        left: 123.8380809595vh;
        width: 16.4917541229vh; } }
    @media screen and (max-height: 568px) {
      .page-workflow-sec__item--09 {
        width: 85px;
        top: 418px;
        left: 702px; } }
  .page-workflow-sec__icon--01 {
    margin: 0 auto;
    margin-bottom: 2.5925925926vh; }
    @media screen and (max-width: 1024px) {
      .page-workflow-sec__icon--01 {
        margin-bottom: 2.6986506747vh; } }
    @media screen and (max-height: 568px) {
      .page-workflow-sec__icon--01 {
        margin-bottom: 15px; } }
    .page-workflow-sec__icon--01 img {
      width: 5.3703703704vh; }
      @media screen and (max-width: 1024px) {
        .page-workflow-sec__icon--01 img {
          width: 5.3973013493vh; } }
      @media screen and (max-height: 568px) {
        .page-workflow-sec__icon--01 img {
          width: 30px; } }
  .page-workflow-sec__icon--02 {
    margin: 0 auto;
    margin-bottom: 2.5925925926vh; }
    @media screen and (max-width: 1024px) {
      .page-workflow-sec__icon--02 {
        margin-bottom: 2.6986506747vh; } }
    @media screen and (max-height: 568px) {
      .page-workflow-sec__icon--02 {
        margin-bottom: 15px; } }
    .page-workflow-sec__icon--02 img {
      width: 10.0925925926vh; }
      @media screen and (max-width: 1024px) {
        .page-workflow-sec__icon--02 img {
          width: 10.1949025487vh; } }
      @media screen and (max-height: 568px) {
        .page-workflow-sec__icon--02 img {
          width: 58px; } }
  .page-workflow-sec__icon--03 {
    margin: 0 auto;
    margin-bottom: 2.5925925926vh; }
    @media screen and (max-width: 1024px) {
      .page-workflow-sec__icon--03 {
        margin-bottom: 2.6986506747vh; } }
    @media screen and (max-height: 568px) {
      .page-workflow-sec__icon--03 {
        margin-bottom: 15px; } }
    .page-workflow-sec__icon--03 img {
      width: 6.2962962963vh; }
      @media screen and (max-width: 1024px) {
        .page-workflow-sec__icon--03 img {
          width: 6.2968515742vh; } }
      @media screen and (max-height: 568px) {
        .page-workflow-sec__icon--03 img {
          width: 36px; } }
  .page-workflow-sec__icon--04 {
    margin: 0 auto;
    margin-bottom: 2.5925925926vh; }
    @media screen and (max-width: 1024px) {
      .page-workflow-sec__icon--04 {
        margin-bottom: 2.0989505247vh; } }
    @media screen and (max-height: 568px) {
      .page-workflow-sec__icon--04 {
        margin-bottom: 12px; } }
    .page-workflow-sec__icon--04 img {
      width: 6.8518518519vh; }
      @media screen and (max-width: 1024px) {
        .page-workflow-sec__icon--04 img {
          width: 6.8965517241vh; } }
      @media screen and (max-height: 568px) {
        .page-workflow-sec__icon--04 img {
          width: 39px; } }
  .page-workflow-sec__icon--05 {
    margin: 0 auto;
    margin-bottom: 2.5925925926vh; }
    @media screen and (max-width: 1024px) {
      .page-workflow-sec__icon--05 {
        margin-bottom: 2.6986506747vh; } }
    @media screen and (max-height: 568px) {
      .page-workflow-sec__icon--05 {
        margin-bottom: 15px; } }
    .page-workflow-sec__icon--05 img {
      width: 6.1111111111vh; }
      @media screen and (max-width: 1024px) {
        .page-workflow-sec__icon--05 img {
          width: 6.2968515742vh; } }
      @media screen and (max-height: 568px) {
        .page-workflow-sec__icon--05 img {
          width: 36px; } }
  .page-workflow-sec__icon--06 {
    margin: 0 auto;
    margin-bottom: 2.5925925926vh; }
    @media screen and (max-width: 1024px) {
      .page-workflow-sec__icon--06 {
        margin-bottom: 1.4992503748vh; } }
    @media screen and (max-width: 1024px) {
      .page-workflow-sec__icon--06 {
        margin-bottom: 1.0494752624vh; } }
    .page-workflow-sec__icon--06 img {
      width: 5.1851851852vh; }
      @media screen and (max-width: 1024px) {
        .page-workflow-sec__icon--06 img {
          width: 5.2473763118vh; } }
      @media screen and (max-height: 568px) {
        .page-workflow-sec__icon--06 img {
          width: 30px; } }
  .page-workflow-sec__icon--07 {
    margin: 0 auto;
    margin-bottom: 1.9962962963vh; }
    @media screen and (max-height: 568px) {
      .page-workflow-sec__icon--07 {
        margin-bottom: 8px; } }
    @media screen and (max-height: 568px) {
      .page-workflow-sec__icon--07 {
        margin-bottom: 6px; } }
    .page-workflow-sec__icon--07 img {
      width: 7.037037037vh; }
      @media screen and (max-width: 1024px) {
        .page-workflow-sec__icon--07 img {
          width: 7.0464767616vh; } }
      @media screen and (max-height: 568px) {
        .page-workflow-sec__icon--07 img {
          width: 40px; } }
  .page-workflow-sec__icon--08 {
    margin: 0 auto;
    margin-bottom: 1.9962962963vh; }
    @media screen and (max-width: 1024px) {
      .page-workflow-sec__icon--08 {
        margin-bottom: 1.3493253373vh; } }
    @media screen and (max-height: 568px) {
      .page-workflow-sec__icon--08 {
        margin-bottom: 8px; } }
    .page-workflow-sec__icon--08 img {
      width: 4.8148148148vh; }
      @media screen and (max-width: 1024px) {
        .page-workflow-sec__icon--08 img {
          width: 4.9475262369vh; } }
      @media screen and (max-height: 568px) {
        .page-workflow-sec__icon--08 img {
          width: 28px; } }
  .page-workflow-sec__icon--09 {
    margin: 0 auto;
    margin-bottom: 1.9962962963vh; }
    @media screen and (max-width: 1024px) {
      .page-workflow-sec__icon--09 {
        margin-bottom: 1.6491754123vh; } }
    @media screen and (max-height: 568px) {
      .page-workflow-sec__icon--09 {
        margin-bottom: 9px; } }
    .page-workflow-sec__icon--09 img {
      width: 4.8148148148vh; }
      @media screen and (max-width: 1024px) {
        .page-workflow-sec__icon--09 img {
          width: 4.9475262369vh; } }
      @media screen and (max-height: 568px) {
        .page-workflow-sec__icon--09 img {
          width: 28px; } }
  .page-workflow-sec__item-title {
    font-family: noto-sans, sans-serif;
    font-style: normal;
    font-size: 1.9962962963vh;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: #262727; }
    @media screen and (max-width: 1024px) {
      .page-workflow-sec__item-title {
        font-size: 1.4992503748vh; } }
    .page-workflow-sec__item-title span.big {
      font-family: termtem, sans-serif;
      font-style: normal;
      font-size: 3.0555555556vh;
      font-weight: 700;
      letter-spacing: 0;
      color: #262727; }
      @media screen and (max-width: 1024px) {
        .page-workflow-sec__item-title span.big {
          font-size: 3.1484257871vh; } }
      @media screen and (max-height: 568px) {
        .page-workflow-sec__item-title span.big {
          font-size: 18px; } }
    .page-workflow-sec__item-title spann.middle {
      font-family: termtem, sans-serif;
      font-style: normal;
      font-size: 3.2222222222vh;
      font-weight: 700;
      letter-spacing: 0;
      color: #262727; }
      @media screen and (max-width: 1024px) {
        .page-workflow-sec__item-title spann.middle {
          font-size: 1.9490254873vh; } }
    .page-workflow-sec__item-title span.small {
      font-family: noto-sans, sans-serif;
      font-style: normal;
      font-size: 1.1111111111vh;
      font-weight: 500;
      letter-spacing: 0;
      color: #8E8E8F; }
      @media screen and (max-width: 1024px) {
        .page-workflow-sec__item-title span.small {
          font-size: 1.0494752624vh; } }

.page-catch-sec {
  position: relative; }
  .page-catch-sec__block {
    width: 130.6481481481vh; }
    @media screen and (max-width: 1024px) {
      .page-catch-sec__block {
        width: 101.9490254873vh; } }
    @media screen and (max-height: 568px) {
      .page-catch-sec__block {
        width: 580px;
        height: 548px; } }
  .page-catch-sec__bg {
    width: 130.6481481481vh; }
    @media screen and (max-width: 1024px) {
      .page-catch-sec__bg {
        position: absolute;
        left: -32.9835082459vh;
        width: 130.7346326837vh;
        z-index: -1; } }
    @media screen and (max-height: 568px) {
      .page-catch-sec__bg {
        width: 744px;
        height: 548px;
        left: -200px; } }
  .page-catch-sec__title-box {
    position: absolute;
    top: 37.5925925926vh;
    left: 50.9259259259vh;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      .page-catch-sec__title-box {
        top: 37.7811094453vh;
        left: 17.2413793103vh; } }
    @media screen and (max-height: 568px) {
      .page-catch-sec__title-box {
        top: 220px;
        left: 104px; } }
  .page-catch-sec__title {
    margin-bottom: 2.7777777778vh;
    line-height: 1.35;
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 4.4444444444vh;
    font-weight: 700;
    letter-spacing: 0;
    color: #000000; }
    @media screen and (max-width: 1024px) {
      .page-catch-sec__title {
        margin-bottom: 3.5982008996vh;
        line-height: 1.37;
        font-size: 3.5982008996vh; } }
    @media screen and (max-height: 568px) {
      .page-catch-sec__title {
        margin-bottom: 20px;
        font-size: 20px; } }
  .page-catch-sec__eg-title {
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 1.4814814815vh;
    font-weight: 700;
    letter-spacing: 0.3em;
    color: rgba(38, 39, 39, 0.5); }
    @media screen and (max-width: 1024px) {
      .page-catch-sec__eg-title {
        font-size: 1.7991004498vh; } }
    @media screen and (max-height: 568px) {
      .page-catch-sec__eg-title {
        font-size: 10px; } }

.page-about-sec {
  position: relative;
  background-color: #F7F8F8; }
  .page-about-sec__block {
    width: 18.3333333333vh; }
    @media screen and (max-width: 1024px) {
      .page-about-sec__block {
        width: 7.0464767616vh; } }
    @media screen and (max-height: 568px) {
      .page-about-sec__block {
        width: 40px;
        height: 548px;
        background-color: #F7F8F8; } }
  .page-about-sec__box {
    position: absolute;
    top: 8.4259259259vh;
    left: -36.0185185185vh;
    width: 54.3518518519vh;
    height: 80.6481481481vh;
    background: #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); }
    @media screen and (max-width: 1024px) {
      .page-about-sec__box {
        top: 3.5982008996vh;
        left: -42.4287856072vh;
        width: 49.4752623688vh;
        height: 89.2053973013vh; } }
    @media screen and (max-height: 568px) {
      .page-about-sec__box {
        width: 281px;
        height: 506px;
        top: 20px;
        left: -240px; } }
  .page-about-sec__bg {
    position: absolute;
    margin-top: 22.5925925926vh;
    width: 54.3518518519vh; }
    @media screen and (max-width: 1024px) {
      .page-about-sec__bg {
        width: 49.4752623688vh;
        margin-top: 26.6866566717vh; } }
    @media screen and (max-height: 568px) {
      .page-about-sec__bg {
        width: 281px;
        margin-top: 160px; } }
  .page-about-sec__inner {
    position: relative;
    margin-top: 8.6111111111vh;
    text-align: center; }
    @media screen and (max-width: 1024px) {
      .page-about-sec__inner {
        margin-top: 12.8935532234vh; } }
    @media screen and (max-height: 568px) {
      .page-about-sec__inner {
        margin-top: 64px; } }
  .page-about-sec__item {
    margin-bottom: 10vh; }
    @media screen and (max-width: 1024px) {
      .page-about-sec__item {
        margin-bottom: 10.0449775112vh; } }
    @media screen and (max-height: 568px) {
      .page-about-sec__item {
        margin-bottom: 57px; } }
  .page-about-sec__title {
    display: inline;
    border-bottom: 1px solid #1A1311;
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 4.0740740741vh;
    font-weight: 700;
    letter-spacing: 0.55em;
    color: #1A1311; }
    @media screen and (max-width: 1024px) {
      .page-about-sec__title {
        font-size: 3.8980509745vh; } }
    @media screen and (max-height: 568px) {
      .page-about-sec__title {
        font-size: 22px; } }
  .page-about-sec__para {
    margin-top: 1.1111111111vh;
    line-height: 2;
    font-family: noto-sans, sans-serif;
    font-style: normal;
    font-size: 1.8518518519vh;
    font-weight: 600;
    letter-spacing: 0.1em;
    color: #1A1311; }
    @media screen and (max-width: 1024px) {
      .page-about-sec__para {
        margin-top: 1.4992503748vh;
        font-size: 1.7991004498vh; } }
    @media screen and (max-height: 568px) {
      .page-about-sec__para {
        margin-top: 8px; } }

.page-message-sec {
  position: relative;
  background-color: #F7F8F8; }
  .page-message-sec__block {
    margin-left: 26.6666666667vh;
    margin-top: 8.2407407407vh;
    width: 203.7037037037vh; }
    @media screen and (max-width: 1024px) {
      .page-message-sec__block {
        width: 195.952023988vh;
        margin-top: 3.5982008996vh;
        margin-left: 7.1964017991vh; } }
    @media screen and (max-height: 568px) {
      .page-message-sec__block {
        width: 1154px;
        height: 528px;
        margin-top: 20px;
        margin-left: 0;
        padding-left: 40px;
        background-color: #F7F8F8; } }
  .page-message-sec__img {
    width: 203.7037037037vh;
    margin-bottom: 3.7037037037vh;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); }
    @media screen and (max-width: 1024px) {
      .page-message-sec__img {
        width: 195.952023988vh;
        margin-bottom: 3.5982008996vh; } }
    @media screen and (max-height: 568px) {
      .page-message-sec__img {
        width: 1154px;
        margin-bottom: 24px; } }
    .page-message-sec__img img {
      width: 203.7037037037vh; }
      @media screen and (max-width: 1024px) {
        .page-message-sec__img img {
          width: 195.952023988vh; } }
      @media screen and (max-height: 568px) {
        .page-message-sec__img img {
          width: 1154px; } }
  .page-message-sec__content {
    position: relative;
    display: flex; }
    @media screen and (max-width: 1024px) {
      .page-message-sec__content {
        display: block; } }
  .page-message-sec__title-box {
    width: 26.1111111111vh;
    margin-left: 3.2222222222vh;
    margin-right: 3.2222222222vh; }
    @media screen and (max-width: 1024px) {
      .page-message-sec__title-box {
        position: absolute;
        margin-left: 0;
        width: 38.9805097451vh; } }
    @media screen and (max-height: 768px) {
      .page-message-sec__title-box {
        position: absolute;
        margin-left: 0;
        width: 38.9805097451vh; } }
    @media screen and (max-height: 568px) {
      .page-message-sec__title-box {
        width: 220px; } }
  .page-message-sec__title {
    margin-bottom: 2.962962963vh;
    line-height: 1.6;
    font-family: noto-sans, sans-serif;
    font-style: normal;
    font-size: 1.8518518519vh;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: #262727; }
    @media screen and (max-width: 1024px) {
      .page-message-sec__title {
        font-size: 2.3988005997vh;
        line-height: 1.5;
        margin-bottom: 4.1979010495vh; } }
    @media screen and (max-height: 568px) {
      .page-message-sec__title {
        font-size: 13px;
        margin-bottom: 24px; } }
  .page-message-sec__sub-title {
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 1.4814814815vh;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #000000; }
    @media screen and (max-width: 1024px) {
      .page-message-sec__sub-title {
        font-size: 1.7991004498vh; } }
  .page-message-sec__text-box {
    position: relative; }
  .page-message-sec__para {
    columns: 5;
    column-fill: auto;
    column-gap: 3.2222222222vh;
    width: 170.9259259259vh;
    height: 25.9259259259vh;
    line-height: 2.28;
    font-family: noto-sans, sans-serif;
    font-style: normal;
    font-size: 1.9962962963vh;
    font-weight: 500;
    letter-spacing: 0;
    color: #000000; }
    @media screen and (max-width: 1024px) {
      .page-message-sec__para {
        width: 100%;
        height: 38.9805097451vh;
        column-gap: 3.5982008996vh;
        line-height: 2.5;
        font-size: 1.4992503748vh; }
        .page-message-sec__para::before {
          content: "";
          display: block;
          width: 35.9820089955vh;
          height: 20.9895052474vh; } }
    @media screen and (max-width: 1024px) and (max-height: 568px) {
      .page-message-sec__para::before {
        width: 204px;
        height: 119px; } }

    @media screen and (max-height: 768px) {
      .page-message-sec__para {
        width: 100%;
        height: 32.9835082459vh;
        column-gap: 3.5982008996vh;
        line-height: 2.0;
        font-size: 1.4992503748vh; }
        .page-message-sec__para::before {
          content: "";
          display: block;
          width: 35.9820089955vh;
          height: 20.9895052474vh; } }
    @media screen and (max-height: 768px) and (max-height: 568px) {
      .page-message-sec__para::before {
        width: 204px;
        height: 119px; } }

    @media screen and (max-height: 666px) {
      .page-message-sec__para {
        line-height: 1.6; } }
    @media screen and (max-height: 568px) {
      .page-message-sec__para {
        line-height: 1.8;
        width: 1114px;
        height: 214px;
        column-gap: 16px; } }
  .page-message-sec__ceo-box {
    display: flex;
    position: absolute;
    width: 32.4074074074vh;
    bottom: 0;
    right: 1.8518518519vh; }
    @media screen and (max-width: 1024px) {
      .page-message-sec__ceo-box {
        width: 35.9820089955vh;
        right: 0.5997001499vh; } }
    @media screen and (max-height: 768px) {
      .page-message-sec__ceo-box {
        width: 35.9820089955vh;
        right: 0.5997001499vh; } }
    @media screen and (max-height: 568px) {
      .page-message-sec__ceo-box {
        bottom: 12px;
        right: 0;
        width: 204px; } }
  .page-message-sec__text {
    margin-right: auto;
    line-height: 2.1;
    font-family: noto-sans, sans-serif;
    font-style: normal;
    font-size: 1.3888888889vh;
    font-weight: 800;
    letter-spacing: 0;
    color: #262727; }
    @media screen and (max-width: 1024px) {
      .page-message-sec__text {
        line-height: 1.8;
        font-size: 1.4992503748vh; } }
    @media screen and (max-height: 568px) {
      .page-message-sec__text {
        margin-right: 23px; } }
  .page-message-sec__sign {
    position: relative;
    width: 14.8148148148vh; }
    @media screen and (max-width: 1024px) {
      .page-message-sec__sign {
        width: 14.9925037481vh; } }
    @media screen and (max-height: 568px) {
      .page-message-sec__sign {
        width: 85px; } }
    .page-message-sec__sign img {
      position: absolute;
      bottom: 0;
      right: 0;
      width: 14.8148148148vh; }
      @media screen and (max-width: 1024px) {
        .page-message-sec__sign img {
          width: 14.9925037481vh; } }
      @media screen and (max-height: 568px) {
        .page-message-sec__sign img {
          width: 85px; } }

.page-menbers-sec {
  position: relative;
  background-color: #F7F8F8; }
  .page-menbers-sec__block {
    margin-left: 37.4074074074vh;
    width: 118.7962962963vh; }
    @media screen and (max-width: 1024px) {
      .page-menbers-sec__block {
        width: 118.7406296852vh;
        margin-left: 17.9910044978vh; } }
    @media screen and (max-height: 568px) {
      .page-menbers-sec__block {
        width: 776px;
        height: 548px;
        margin-left: 0;
        padding-left: 80px;
        background-color: #F7F8F8; } }
  .page-menbers-sec__title {
    position: absolute;
    top: 0vh;
    left: 26.6666666667vh;
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 14.2592592593vh;
    font-weight: 700;
    letter-spacing: 0.55em;
    color: #ffffff; }
    @media screen and (max-width: 1024px) {
      .page-menbers-sec__title {
        left: 7.1964017991vh;
        font-size: 14.5427286357vh; } }
    @media screen and (max-height: 568px) {
      .page-menbers-sec__title {
        font-size: 82px;
        left: 32px; } }
  .page-menbers-sec__content {
    display: flex;
    position: absolute;
    top: 9.8148148148vh; }
    @media screen and (max-width: 1024px) {
      .page-menbers-sec__content {
        top: 9.8950524738vh; } }
    @media screen and (max-height: 568px) {
      .page-menbers-sec__content {
        top: 56px; } }
  .page-menbers-sec__item {
    width: 24.2592592593vh;
    margin-right: 7.2222222222vh; }
    @media screen and (max-width: 1024px) {
      .page-menbers-sec__item {
        width: 24.287856072vh;
        margin-right: 7.1964017991vh; } }
    @media screen and (max-height: 568px) {
      .page-menbers-sec__item {
        width: 138px;
        margin-right: 32px; } }
  .page-menbers-sec__img {
    width: 24.2592592593vh;
    margin-bottom: 0.3703703704vh; }
    @media screen and (max-width: 1024px) {
      .page-menbers-sec__img {
        width: 24.287856072vh;
        margin-bottom: 2.3988005997vh; } }
    @media screen and (max-height: 568px) {
      .page-menbers-sec__img {
        width: 138px;
        margin-bottom: 16px; } }
  .page-menbers-sec__name-box {
    margin-bottom: 2.7777777778vh; }
    @media screen and (max-width: 1024px) {
      .page-menbers-sec__name-box {
        margin-bottom: 2.5487256372vh; } }
    @media screen and (max-height: 568px) {
      .page-menbers-sec__name-box {
        margin-bottom: 16px; } }
  .page-menbers-sec__position {
    margin-bottom: 1.9962962963vh;
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 3.2222222222vh;
    font-weight: 700;
    letter-spacing: 0em;
    color: #262727; }
    @media screen and (max-width: 1024px) {
      .page-menbers-sec__position {
        margin-bottom: 0.5997001499vh;
        font-size: 2.0989505247vh; } }
    @media screen and (max-height: 568px) {
      .page-menbers-sec__position {
        margin-bottom: 4px;
        font-size: 11px; } }
  .page-menbers-sec__name {
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 3.2222222222vh;
    font-weight: 800;
    letter-spacing: 0em;
    color: #262727; }
    @media screen and (max-width: 1024px) {
      .page-menbers-sec__name {
        font-size: 2.3988005997vh; } }
    @media screen and (max-height: 568px) {
      .page-menbers-sec__name {
        font-size: 13px; } }
  .page-menbers-sec__para {
    line-height: 2.3;
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 1.9962962963vh;
    font-weight: 500;
    letter-spacing: 0em;
    color: #000000; }
    @media screen and (max-width: 1024px) {
      .page-menbers-sec__para {
        line-height: 2.5;
        font-size: 1.4992503748vh; } }
    @media screen and (max-height: 667px) {
      .page-menbers-sec__para {
        line-height: 1.5; } }

.page-campany-sec {
  position: relative;
  margin-right: 85.3703703704vh;
  background-color: #F7F8F8; }
  @media screen and (max-width: 1024px) {
    .page-campany-sec {
      margin-right: 56.371814093vh; } }
  @media screen and (max-height: 568px) {
    .page-campany-sec {
      margin-right: 400px; } }
  .page-campany-sec__block {
    width: 81.2037037037vh; }
    @media screen and (max-width: 1024px) {
      .page-campany-sec__block {
        width: 86.5067466267vh; } }
    @media screen and (max-height: 568px) {
      .page-campany-sec__block {
        width: 491px;
        height: 468px;
        background-color: #F7F8F8; } }

  .page-campany-sec__content {
    margin-top: 9.3703703704vh;
    margin-left: 28.8888888889vh;
    width: 43.3333333333vh; }
    @media screen and (max-width: 1024px) {
      .page-campany-sec__content {
        margin-top: 5.2443778111vh;
        margin-left: 28.7856071964vh;
        width: 44.3283358321vh; } }
    @media screen and (max-height: 568px) {
      .page-campany-sec__content {
        width: 246px;
        margin-top: 80px;
        margin-left: 160px; } }
  .page-campany-sec__inner {
    font-family: noto-sans, sans-serif;
    font-style: normal;
    font-size: 1.9962962963vh;
    font-weight: 500;
    letter-spacing: 0;
    color: #262727; }
    @media screen and (max-width: 1024px) {
      .page-campany-sec__inner {
        font-size: 1.4992503748vh; } }
  .page-campany-sec__list {
    margin-bottom: 1.5925925926vh; }
    @media screen and (max-width: 1024px) {
      .page-campany-sec__list {
        margin-bottom: 1.3982008996vh; } }
    @media screen and (max-height: 667px) {
      .page-campany-sec__list {
        margin-bottom: 1.1991004498vh; } }
    @media screen and (max-height: 568px) {
      .page-campany-sec__list {
        margin-bottom: 10px; } }

  .page-campany-sec__tag {
    white-space: nowrap;
    margin-right: 1.1111111111vh;
    font-family: noto-sans, sans-serif;
    font-style: normal;
    font-size: 1.6962962963vh;
    font-weight: 800;
    letter-spacing: 0;
    color: #262727; }
    @media screen and (max-width: 1024px) {
      .page-campany-sec__tag {
        margin-right: 1.7991004498vh;
        font-size: 1.6992503748vh; } }
    @media screen and (max-height: 568px) {
      .page-campany-sec__tag {
        margin-right: 10px;
        font-size: 1.6992503748vh; } }
  .page-campany-sec__name {
    line-height: 1.35;
    font-family: noto-sans, sans-serif;
    font-style: normal;
    font-size: 1.6962962963vh;
    font-weight: 500;
    letter-spacing: 0;
    color: #262727; }
    @media screen and (max-width: 1024px) {
      .page-campany-sec__name {
        line-height: 1.4;
        font-size: 1.6992503748vh; } }

  .page-campany-sec__name_kome {
    line-height: 1.35;
    font-family: noto-sans, sans-serif;
    font-style: normal;
    font-size: 1.2962962963vh;
    font-weight: 500;
    letter-spacing: 0;
    color: #262727; }
    @media screen and (max-width: 1024px) {
      .page-campany-sec__name_kome {
        line-height: 1.4;
        font-size: 1.3992503748vh; } }

.contact-form {
  display: flex;
  justify-content: center;
  width: 100vw;
  height: 100vh; }
  @media screen and (max-height: 568px) {
    .contact-form {
      height: 548px; } }
  .contact-form__box {
    width: 128.0555555556vh;
    height: 80.6481481481vh;
    margin: auto;
    background: #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow-y: hidden; }
    @media screen and (max-width: 1024px) {
      .contact-form__box {
        width: 100%;
        height: 100vh; } }
    @media screen and (max-height: 767px) {
      .contact-form__box {
        width: 100%;
        height: 100vh; } }
    @media screen and (max-height: 568px) {
      .contact-form__box {
        height: 548px; } }
  .contact-form__inner {
    margin-top: 9.9074074074vh; }
    @media screen and (max-width: 1024px) {
      .contact-form__inner {
        margin-top: 10.7946026987vh; } }
    @media screen and (max-height: 767px) {
      .contact-form__inner {
        margin-top: 10.7946026987vh; } }
    @media screen and (max-width: 415px) {
      .contact-form__inner {
        margin-top: 10.7946026987vh; } }
    @media screen and (max-height: 568px) {
      .contact-form__inner {
        margin-top: 64px; } }
  .contact-form__block {
    display: flex;
    justify-content: space-between;
    width: 77.3148148148vh;
    height: 5.5555555556vh;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 2.962962963vh; }
    @media screen and (max-width: 1024px) {
      .contact-form__block {
        display: block;
        width: 49.4752623688vh;
        height: 9.5952023988vh;
        margin-bottom: 3.5982008996vh; } }
    @media screen and (max-height: 767px) {
      .contact-form__block {
        display: block;
        width: 49.4752623688vh;
        height: 9.5952023988vh;
        margin-bottom: 3.5982008996vh; } }
    @media screen and (max-width: 415px) {
      .contact-form__block {
        display: block;
        width: 41.9790104948vh;
        height: 9.5952023988vh;
        margin-bottom: 3.5982008996vh; } }
    @media screen and (max-height: 568px) {
      .contact-form__block {
        width: 282px;
        height: 54px;
        margin-bottom: 20px; } }
  .contact-form__label-box {
    display: flex;
    align-items: center; }
    @media screen and (max-width: 1024px) {
      .contact-form__label-box {
        margin-bottom: 1.1994002999vh; } }
    @media screen and (max-height: 767px) {
      .contact-form__label-box {
        margin-bottom: 1.1994002999vh; } }
    @media screen and (max-width: 415px) {
      .contact-form__label-box {
        margin-bottom: 1.1994002999vh; } }
    @media screen and (max-height: 568px) {
      .contact-form__label-box {
        margin-bottom: 8px; } }
  .contact-form__icon {
    width: 2.3148148148vh;
    height: 2.3148148148vh;
    margin-right: 0.7407407407vh;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-image: url("img/contact/building-regular.svg"); }
    @media screen and (max-width: 1024px) {
      .contact-form__icon {
        margin-right: 1.1994002999vh;
        width: 2.5vh;
        height: 2.5vh; } }
    @media screen and (max-height: 767px) {
      .contact-form__icon {
        margin-right: 1.1994002999vh;
        width: 2.5vh;
        height: 2.5vh; } }
    @media screen and (max-width: 415px) {
      .contact-form__icon {
        margin-right: 1.1994002999vh;
        width: 2.5vh;
        height: 2.5vh; } }
    @media screen and (max-height: 568px) {
      .contact-form__icon {
        margin-right: 8px;
        width: 14px;
        height: 14px; } }
    .contact-form__icon--02 {
      width: 2.3148148148vh;
      height: 2.3148148148vh;
      margin-right: 0.7407407407vh;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      background-image: url("img/contact/user-circle-regular.svg"); }
      @media screen and (max-width: 1024px) {
        .contact-form__icon--02 {
          margin-right: 1.1994002999vh;
          width: 2.5vh;
          height: 2.5vh; } }
      @media screen and (max-height: 767px) {
        .contact-form__icon--02 {
          margin-right: 1.1994002999vh;
          width: 2.5vh;
          height: 2.5vh; } }
      @media screen and (max-width: 415px) {
        .contact-form__icon--02 {
          margin-right: 1.1994002999vh;
          width: 2.5vh;
          height: 2.5vh; } }
      @media screen and (max-height: 568px) {
        .contact-form__icon--02 {
          margin-right: 8px;
          width: 14px;
          height: 14px; } }
    .contact-form__icon--03 {
      width: 2.3148148148vh;
      height: 2.3148148148vh;
      margin-right: 0.7407407407vh;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      background-image: url("img/contact/paper-plane-regular.svg"); }
      @media screen and (max-width: 1024px) {
        .contact-form__icon--03 {
          margin-right: 1.1994002999vh;
          width: 2.5vh;
          height: 2.5vh; } }
      @media screen and (max-height: 767px) {
        .contact-form__icon--03 {
          margin-right: 1.1994002999vh;
          width: 2.5vh;
          height: 2.5vh; } }
      @media screen and (max-width: 415px) {
        .contact-form__icon--03 {
          margin-right: 1.1994002999vh;
          width: 2.5vh;
          height: 2.5vh; } }
      @media screen and (max-height: 568px) {
        .contact-form__icon--03 {
          margin-right: 8px;
          width: 14px;
          height: 14px; } }
    .contact-form__icon--04 {
      width: 2.3148148148vh;
      height: 2.3148148148vh;
      margin-right: 0.7407407407vh;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      background-image: url("img/contact/mobile-alt-solid.svg"); }
      @media screen and (max-width: 1024px) {
        .contact-form__icon--04 {
          margin-right: 1.1994002999vh;
          width: 2.5vh;
          height: 2.5vh; } }
      @media screen and (max-height: 767px) {
        .contact-form__icon--04 {
          margin-right: 1.1994002999vh;
          width: 2.5vh;
          height: 2.5vh; } }
      @media screen and (max-width: 415px) {
        .contact-form__icon--04 {
          margin-right: 1.1994002999vh;
          width: 2.5vh;
          height: 2.5vh; } }
      @media screen and (max-height: 568px) {
        .contact-form__icon--04 {
          margin-right: 8px;
          width: 14px;
          height: 14px; } }
    .contact-form__icon--05 {
      width: 2.3148148148vh;
      height: 2.3148148148vh;
      margin-right: 0.7407407407vh;
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      background-image: url("img/contact/comment-regular.svg"); }
      @media screen and (max-width: 1024px) {
        .contact-form__icon--05 {
          margin-right: 1.1994002999vh;
          width: 2.5vh;
          height: 2.5vh; } }
      @media screen and (max-height: 767px) {
        .contact-form__icon--05 {
          margin-right: 1.1994002999vh;
          width: 2.5vh;
          height: 2.5vh; } }
      @media screen and (max-width: 415px) {
        .contact-form__icon--05 {
          margin-right: 1.1994002999vh;
          width: 2.5vh;
          height: 2.5vh; } }
      @media screen and (max-height: 568px) {
        .contact-form__icon--05 {
          margin-right: 8px;
          width: 14px;
          height: 14px; } }
  .contact-form__label {
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 1.1111111111vh;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #262727; }
    @media screen and (max-width: 1024px) {
      .contact-form__label {
        font-size: 1.5vh; } }
    @media screen and (max-height: 767px) {
      .contact-form__label {
        font-size: 1.5vh; } }
    @media screen and (max-width: 415px) {
      .contact-form__label {
        font-size: 1.5vh; } }
    @media screen and (max-height: 568px) {
      .contact-form__label {
        font-size: 10px; } }
  .contact-form__input-area {
    width: 46.6666666667vh;
    height: 5.5555555556vh;
    overflow: hidden; }
    @media screen and (max-width: 1024px) {
      .contact-form__input-area {
        display: inline-block;
        width: 49.4752623688vh;
        height: 5.9970014993vh; } }
    @media screen and (max-height: 767px) {
      .contact-form__input-area {
        width: 49.4752623688vh;
        height: 5.9970014993vh; } }
    @media screen and (max-width: 415px) {
      .contact-form__input-area {
        width: 41.9790104948vh;
        height: 5.9970014993vh; } }
    @media screen and (max-height: 568px) {
      .contact-form__input-area {
        width: 282px;
        height: 34px; } }
    .contact-form__input-area span {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
      background: #EAEAEA; }
      .contact-form__input-area span input {
        width: 100%;
        height: 100%;
        padding-left: 1.9962962963vh;
        font-family: noto-sans, sans-serif;
        font-style: normal;
        font-size: 1.4814814815vh;
        font-weight: 800;
        letter-spacing: 0.1em;
        color: rgba(38, 39, 39, 0.5); }
        @media screen and (max-width: 1024px) {
          .contact-form__input-area span input {
            font-size: 16px; } }
        @media screen and (max-height: 767px) {
          .contact-form__input-area span input {
            font-size: 16px; } }
        @media screen and (max-height: 568px) {
          .contact-form__input-area span input {
            width: 282px;
            font-size: 16px; } }
        @media screen and (max-width: 415px) {
          .contact-form__input-area span input {
            font-size: 16px; } }
      .contact-form__input-area span input.wpcf7-not-valid {
        border: solid 2px #F73438; }
  .contact-form__text-area {
    width: 46.6666666667vh;
    height: 18.5185185185vh;
    line-height: 5.5555555556vh; }
    @media screen and (max-width: 1024px) {
      .contact-form__text-area {
        width: 49.4752623688vh;
        height: 15.2923538231vh; } }
    @media screen and (max-height: 767px) {
      .contact-form__text-area {
        width: 49.4752623688vh;
        height: 15.2923538231vh; } }
    @media screen and (max-width: 415px) {
      .contact-form__text-area {
        width: 41.9790104948vh;
        height: 15.2923538231vh; } }
    @media screen and (max-height: 568px) {
      .contact-form__text-area {
        width: 282px;
        height: 86px; } }
    .contact-form__text-area span {
      position: relative;
      display: block;
      width: 100%;
      height: 100%; }
      .contact-form__text-area span textarea {
        width: 46.6666666667vh;
        max-width: 59.2592592593vh;
        height: 18.5185185185vh;
        max-height: 24.0740740741vh;
        background: #EAEAEA;
        padding-left: 1.9962962963vh;
        font-family: noto-sans, sans-serif;
        font-style: normal;
        font-size: 1.4814814815vh;
        font-weight: 800;
        letter-spacing: 0.1em;
        color: rgba(38, 39, 39, 0.5); }
        @media screen and (max-width: 1024px) {
          .contact-form__text-area span textarea {
            width: 49.4752623688vh;
            height: 15.2923538231vh;
            max-width: 49.4752623688vh;
            max-height: 15.2923538231vh;
            font-size: 16px; } }
        @media screen and (max-height: 767px) {
          .contact-form__text-area span textarea {
            width: 49.4752623688vh;
            height: 15.2923538231vh;
            max-width: 49.4752623688vh;
            max-height: 15.2923538231vh;
            font-size: 16px; } }
        @media screen and (max-width: 415px) {
          .contact-form__text-area span textarea {
            width: 41.9790104948vh;
            height: 15.2923538231vh;
            max-width: 49.4752623688vh;
            max-height: 15.2923538231vh;
            font-size: 16px; } }
        @media screen and (max-height: 568px) {
          .contact-form__text-area span textarea {
            width: 282px;
            height: 86px;
            max-width: 282px;
            max-height: 86px;
            font-size: 16px; } }
      .contact-form__text-area span textarea.wpcf7-not-valid {
        border: solid 2px #F73438; }
  .contact-form__btn[disabled] {
    position: relative;
    display: block;
    width: 35vh;
    height: 5.1851851852vh;
    margin-top: 18.8888888889vh;
    margin-left: auto;
    margin-right: auto;
    background: #E5E5E5;
    text-align: center;
    overflow: hidden; }
    @media screen and (max-width: 1024px) {
      .contact-form__btn[disabled] {
        width: 56.6716641679vh;
        height: 8.395802099vh;
        margin-top: 15.2923538231vh; } }
    @media screen and (max-height: 767px) {
      .contact-form__btn[disabled] {
        width: 56.6716641679vh;
        height: 8.395802099vh;
        margin-top: 15.2923538231vh; } }
    @media screen and (max-width: 415px) {
      .contact-form__btn[disabled] {
        width: 100vw;
        height: 8.395802099vh;
        margin-top: 15.2923538231vh; } }
    @media screen and (max-height: 568px) {
      .contact-form__btn[disabled] {
        width: 320px;
        height: 48px;
        margin-top: 86px; } }
    .contact-form__btn[disabled]::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: -100%;
      background: #000000;
      transition: .2s; }
  .contact-form__btn {
    position: relative;
    display: block;
    width: 35vh;
    height: 5.1851851852vh;
    margin-top: 18.8888888889vh;
    margin-left: auto;
    margin-right: auto;
    background: #E5E5E5;
    text-align: center;
    overflow: hidden; }
    @media screen and (max-width: 1024px) {
      .contact-form__btn {
        width: 56.6716641679vh;
        height: 8.395802099vh;
        margin-top: 15.2923538231vh; } }
    @media screen and (max-height: 767px) {
      .contact-form__btn {
        width: 56.6716641679vh;
        height: 8.395802099vh;
        margin-top: 15.2923538231vh; } }
    @media screen and (max-width: 415px) {
      .contact-form__btn {
        width: 100vw;
        height: 8.395802099vh;
        margin-top: 15.2923538231vh; } }
    @media screen and (max-height: 568px) {
      .contact-form__btn {
        width: 320px;
        height: 48px;
        margin-top: 86px; } }
    .contact-form__btn::before {
      content: "";
      position: absolute;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      background: #000000;
      transition: .2s; }
  .contact-form__send {
    position: relative;
    line-height: 5.1851851852vh;
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 3.2222222222vh;
    font-weight: 700;
    letter-spacing: 0.55em;
    color: #F7F8F8; }
    @media screen and (max-width: 1024px) {
      .contact-form__send {
        font-size: 3.5982008996vh;
        line-height: 8.395802099vh; } }
    @media screen and (max-height: 767px) {
      .contact-form__send {
        font-size: 3.5982008996vh;
        line-height: 8.395802099vh; } }
    @media screen and (max-width: 415px) {
      .contact-form__send {
        font-size: 3.5982008996vh;
        line-height: 8.395802099vh; } }
    @media screen and (max-height: 568px) {
      .contact-form__send {
        font-size: 22px;
        line-height: 48px; } }
    .contact-form__send input {
      display: none; }

.wpcf7-response-output {
  position: absolute;
  position: absolute;
  left: 50%;
  bottom: 22%;
  transform: translateX(-50%);
  text-align: center;
  white-space: nowrap;
  font-family: termtem, sans-serif;
  font-style: normal;
  font-size: 1.1111111111vh;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #262727; }
  @media screen and (max-width: 1024px) {
    .wpcf7-response-output {
      font-size: 1.5vh;
      bottom: 11%; } }
  @media screen and (max-height: 767px) {
    .wpcf7-response-output {
      font-size: 1.5vh;
      bottom: 11%; } }
  @media screen and (max-width: 415px) {
    .wpcf7-response-output {
      font-size: 1.5vh;
      bottom: 11%;
      width: 49.4752623688vh; } }
  @media screen and (max-height: 568px) {
    .wpcf7-response-output {
      font-size: 10px;
      bottom: 8%;
      margin-left: 0 !important; } }

.archive-sec {
  position: relative;
  background-color: #F7F8F8; }
  @media screen and (max-height: 568px) {
    .archive-sec__block {
      height: 548px;
      background-color: #F7F8F8; } }
  .archive-sec__post-block {
    display: flex;
    position: relative;
    top: 16.4814814815vh;
    left: -34.4444444444vh;
    margin-right: -34.4444444444vh; }
    @media screen and (max-width: 1024px) {
      .archive-sec__post-block {
        top: 14.9925037481vh;
        left: -40.179910045vh; } }
    @media screen and (max-height: 568px) {
      .archive-sec__post-block {
        top: 90px;
        left: -230px; } }
  .archive-sec__post-item {
    position: relative;
    width: 38.3333333333vh;
    height: 65.1851851852vh;
    margin-right: 3.7037037037vh;
    border-radius: 5px;
    background-color: #F6F6F6;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.05); }
    @media screen and (max-width: 1024px) {
      .archive-sec__post-item {
        width: 38.2308845577vh;
        height: 65.2173913043vh;
        margin-right: 3.5982008996vh; } }
    @media screen and (max-height: 568px) {
      .archive-sec__post-item {
        width: 218px;
        height: 370px;
        margin-right: 16px; } }
  .archive-sec__post-img {
    width: 100%;
    height: 36.1111111111vh;
    margin-bottom: 2.4074074074vh; }
    @media screen and (max-width: 1024px) {
      .archive-sec__post-img {
        height: 35.9820089955vh;
        margin-bottom: 2.3988005997vh; } }
    @media screen and (max-height: 568px) {
      .archive-sec__post-img {
        height: 204px;
        margin-bottom: 16px; } }
    .archive-sec__post-img img {
      width: 100%;
      height: 100%; }
  .archive-sec__post-content {
    margin-left: 3.2222222222vh; }
    @media screen and (max-width: 1024px) {
      .archive-sec__post-content {
        margin-left: 2.3988005997vh; } }
    @media screen and (max-height: 568px) {
      .archive-sec__post-content {
        margin-left: 16px; } }
  .archive-sec__post-date {
    margin-bottom: 0.7407407407vh;
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 1.9444444444vh;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #000000; }
    @media screen and (max-width: 1024px) {
      .archive-sec__post-date {
        margin-bottom: 1.1994002999vh;
        font-size: 1.7991004498vh; } }
    @media screen and (max-height: 568px) {
      .archive-sec__post-date {
        margin-bottom: 6px; } }
  .archive-sec__post-title {
    line-height: 1.5;
    font-family: noto-sans, sans-serif;
    font-style: normal;
    font-size: 1.9444444444vh;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: #262727; }
    @media screen and (max-width: 1024px) {
      .archive-sec__post-title {
        font-size: 1.7991004498vh;
        line-height: 2; } }
  .archive-sec__btn {
    position: absolute;
    bottom: -2.7777777778vh;
    left: 20%; }
    @media screen and (max-width: 1024px) {
      .archive-sec__btn {
        bottom: -3.5982008996vh; } }
    @media screen and (max-height: 568px) {
      .archive-sec__btn {
        bottom: -18px; } }

.works-sec {
  position: relative;
  background-color: #F7F8F8; }
  .works-sec__works-block {
    width: 53.8888888889vh; }
    @media screen and (max-width: 1024px) {
      .works-sec__works-block {
        width: 52.7736131934vh; } }
    @media screen and (max-height: 568px) {
      .works-sec__works-block {
        width: 300px;
        height: 548px;
        background-color: #F7F8F8; } }
  .works-sec__title {
    position: absolute;
    top: 32.5925925926vh;
    left: -23.1481481481vh;
    transform: rotate(90deg);
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 8.7037037037vh;
    font-weight: 700;
    letter-spacing: 0.55em;
    color: #ffffff; }
    @media screen and (max-width: 1024px) {
      .works-sec__title {
        top: 21.5892053973vh;
        left: -13.4932533733vh;
        font-size: 8.9955022489vh; } }
    @media screen and (max-height: 568px) {
      .works-sec__title {
        top: 120px;
        left: -72px;
        font-size: 51px; } }
  .works-sec__bar {
    display: inline-block;
    position: absolute;
    top: 62.962962963vh;
    left: 1.8518518519vh;
    width: 14.8148148148vh;
    transform: rotate(90deg);
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 3.2222222222vh;
    font-weight: 100;
    letter-spacing: 0.1em;
    color: #C9C9C9; }
    @media screen and (max-width: 1024px) {
      .works-sec__bar {
        top: 79.6101949025vh;
        left: 0;
        font-size: 2.3988005997vh;
        width: 14.9925037481vh; } }
    @media screen and (max-height: 568px) {
      .works-sec__bar {
        top: 460px;
        left: 0;
        font-size: 14px;
        width: 90px; } }
    .works-sec__bar::before {
      display: inline-block;
      position: absolute;
      top: 50%;
      left: -16vh;
      content: "";
      width: 12vh;
      height: 1px;
      margin-right: 28px;
      background-color: #C9C9C9; }
      @media screen and (max-width: 1024px) {
        .works-sec__bar::before {
          left: -17.9910044978vh;
          width: 14.9925037481vh; } }
      @media screen and (max-height: 568px) {
        .works-sec__bar::before {
          left: -100px;
          width: 80px; } }
  .works-sec__post-block {
    display: flex;
    flex-direction: column;
    position: absolute;
    padding-left: 16.2962962963vh;
    height: auto;
    top: -23.2222222222vh;
    overflow-y: hidden; }
    @media screen and (max-width: 1024px) {
      .works-sec__post-block {
        top: -13.4932533733vh;
        padding-left: 11.9940029985vh; } }
    @media screen and (max-height: 568px) {
      .works-sec__post-block {
        top: -104px;
        height: 652px;
        padding-left: 70px; } }
  .works-sec__post-item {
    margin-bottom: 8.8888888889vh;
    width: 37.5925925926vh; }
    @media screen and (max-width: 1024px) {
      .works-sec__post-item {
        margin-bottom: 7.1964017991vh;
        width: 41.0794602699vh; } }
    @media screen and (max-height: 568px) {
      .works-sec__post-item {
        margin-bottom: 48px;
        width: 220px; } }
  .works-sec__img {
    width: 36.6666666667vh;
    height: 34.4444444444vh;
    margin-bottom: 3.2222222222vh;
    text-align: center;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); }
    @media screen and (max-width: 1024px) {
      .works-sec__img {
        width: 29.9850074963vh;
        height: 29.9850074963vh;
        margin-bottom: 3.8980509745vh; } }
    @media screen and (max-height: 568px) {
      .works-sec__img {
        width: 170px;
        height: 170px;
        margin-bottom: 8px; } }
    .works-sec__img img {
      width: 100%;
      height: 100%; }
  .works-sec__post-title {
    width: 36.6666666667vh;
    margin-bottom: 1.9962962963vh;
    font-family: noto-sans, sans-serif;
    font-style: normal;
    font-size: 3.2222222222vh;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: #262727; }
    @media screen and (max-width: 1024px) {
      .works-sec__post-title {
        width: 39.5802098951vh;
        margin-bottom: 1.4092953523vh;
        font-size: 2.0989505247vh; } }
    @media screen and (max-height: 568px) {
      .works-sec__post-title {
        width: 204px;
        margin-bottom: 8px;
        font-size: 12px; } }
  .works-sec__post-content {
    font-family: noto-sans, sans-serif;
    font-style: normal;
    font-size: 1.9962962963vh;
    font-weight: 800;
    letter-spacing: 0.1em;
    color: #262727; }
    @media screen and (max-width: 1024px) {
      .works-sec__post-content {
        width: 39.5802098951vh;
        font-size: 1.4992503748vh; } }
    @media screen and (max-height: 568px) {
      .works-sec__post-content {
        width: 220px;
        font-size: 10px; } }

.prev-arrow {
  position: absolute;
  top: 57.4074074074vh;
  left: 8.3333333333vh;
  z-index: 1;
  width: 1.8518518519vh;
  height: 1.8518518519vh;
  border-top: 1px solid #C9C9C9;
  border-left: 1px solid #C9C9C9;
  transform: rotate(45deg); }
  @media screen and (max-width: 1024px) {
    .prev-arrow {
      top: 62.9685157421vh;
      left: 5.9970014993vh;
      width: 2.3988005997vh;
      height: 2.3988005997vh; } }
  @media screen and (max-height: 568px) {
    .prev-arrow {
      top: 400px;
      left: 36px;
      width: 16px;
      height: 16px; } }

.next-arrow {
  position: absolute;
  top: 90.7407407407vh;
  left: 8.3333333333vh;
  z-index: 1;
  width: 1.8518518519vh;
  height: 1.8518518519vh;
  border-bottom: 1px solid #C9C9C9;
  border-left: 1px solid #C9C9C9;
  transform: rotate(-45deg); }
  @media screen and (max-width: 1024px) {
    .next-arrow {
      top: 100.4497751124vh;
      left: 5.9970014993vh;
      width: 2.3988005997vh;
      height: 2.3988005997vh; } }
  @media screen and (max-height: 568px) {
    .next-arrow {
      top: 600px;
      left: 36px;
      width: 16px;
      height: 16px; } }

.works-sec__title.page-works {
  top: 0;
  left: 20vh;
  width: 101.8518518519vh;
  transform-origin: left top; }
  @media screen and (max-width: 1024px) {
    .works-sec__title.page-works {
      left: 16.4917541229vh;
      width: 151.1244377811vh; } }
  @media screen and (max-height: 568px) {
    .works-sec__title.page-works {
      width: 548px;
      left: 88px;
      letter-spacing: 0.5em; } }

.more-btn {
  width: 24.0740740741vh;
  height: 5.5555555556vh;
  border-radius: 5px;
  background-color: #000000; }
  @media screen and (max-width: 1024px) {
    .more-btn {
      width: 24.1379310345vh;
      height: 6.5967016492vh; } }
  @media screen and (max-height: 568px) {
    .more-btn {
      width: 138px;
      height: 36px; } }
  .more-btn:hover .more-btn__more {
    margin-right: 7.7777777778vh;
    transition: 0.2s; }
    @media screen and (max-width: 1024px) {
      .more-btn:hover .more-btn__more {
        margin-right: 7.796101949vh; } }
    @media screen and (max-height: 568px) {
      .more-btn:hover .more-btn__more {
        margin-right: 40px; } }
  .more-btn__btn-box {
    display: flex;
    margin-left: 3.2222222222vh;
    width: 18.8888888889vh; }
    @media screen and (max-width: 1024px) {
      .more-btn__btn-box {
        margin-left: 2.3988005997vh;
        width: 19.1904047976vh; } }
    @media screen and (max-height: 568px) {
      .more-btn__btn-box {
        margin-left: 16px;
        width: 107px; } }
  .more-btn__more {
    margin-right: 5.9259259259vh;
    text-align: center;
    color: #FFFFFF;
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 3.2222222222vh;
    font-weight: 700;
    letter-spacing: 0.55em;
    color: #ffffff; }
    @media screen and (max-width: 1024px) {
      .more-btn__more {
        margin-right: 3.5982008996vh;
        font-size: 2.3988005997vh; } }
    @media screen and (max-height: 568px) {
      .more-btn__more {
        margin-right: 20px;
        font-size: 13px; } }
  .more-btn__arrow {
    position: relative; }
    .more-btn__arrow img {
      position: absolute;
      top: 25%;
      width: 3.2222222222vh; }
      @media screen and (max-width: 1024px) {
        .more-btn__arrow img {
          width: 2.3988005997vh; } }
      @media screen and (max-height: 568px) {
        .more-btn__arrow img {
          width: 13px; } }

.page-fv {
  position: relative;
  width: 59.2592592593vh; }
  @media screen and (max-width: 1024px) {
    .page-fv {
      width: 45.8770614693vh; } }
  @media screen and (max-height: 568px) {
    .page-fv {
      width: 261px;
      height: 548px; } }
  .page-fv__title {
    position: absolute;
    top: 7.2222222222vh;
    left: 5.5555555556vh;
    transform-origin: left;
    transform: rotate(90deg);
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 11.1111111111vh;
    font-weight: 700;
    letter-spacing: 0.55em;
    color: #ffffff; }
    @media screen and (max-width: 1024px) {
      .page-fv__title {
        display: none; } }
    @media screen and (max-height: 568px) {
      .page-fv__title {
        display: none; } }
  .page-fv__bg {
    height: 100vh; }
    @media screen and (max-width: 1024px) {
      .page-fv__bg {
        display: none; } }
    @media screen and (max-height: 568px) {
      .page-fv__bg {
        display: none; } }
  .page-fv__bg-sp {
    display: none; }
    @media screen and (max-width: 1024px) {
      .page-fv__bg-sp {
        display: block;
        height: 100vh; } }
    @media screen and (max-height: 568px) {
      .page-fv__bg-sp {
        display: block;
        height: 548px; } }

.page-fv.contact {
  width: 0; }

  .link_a{
    position: relative;
    line-height: 1.01;
    margin-top: 3px;
    width: fit-content;
    padding-right: 20px;    
    padding-bottom: 2px;
    border-bottom: 1px solid #262727;
    margin-bottom: 3px;
    display: inline-block;
  }
  .link_a::after {
          position: absolute;
          content: "";
          width: 15px;
          height: 15px;
          right: 0;
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          top: 40%;
          background: url(img/link_after.png) no-repeat center / contain;
          background-size: 100% 100%;
      }

      
  .company_sec__sub_title002 {
    font-family: termtem, sans-serif;
    font-style: normal;
    font-size: 4.2592592593vh;
    font-weight: 700;
    margin-bottom: 10px;
    letter-spacing: 0.15em;
    color: #000000; }
    @media screen and (max-width: 1024px) {
      .company_sec__sub_title002 {
        font-size: 5.347826087vh; } }
    @media screen and (max-height: 568px) {
      .company_sec__sub_title002 {
        font-size: 24px;
      } }