@charset "UTF-8";
/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*, ::before, ::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  min-width: 0;
}

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

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

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

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

/* Headings */
/* ============================================ */
h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  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-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

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

address {
  font-style: inherit;
}

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

svg {
  margin: 0;
  padding: 0;
  display: block;
  width: auto;
  height: auto;
  position: relative;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button, input, optgroup, select, textarea {
  -webkit-appearance: none;
  /* 1 */
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;
  /* 2 */
}

/**
 * Correct cursors for clickable elements.
 */
button, [type=button], [type=reset], [type=submit] {
  cursor: pointer;
}

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

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

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

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

legend {
  padding: 0;
}

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

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

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

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

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/**
 * Fix appearance for Firefox
 */
[type=number] {
  -moz-appearance: textfield;
}

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

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

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

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

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit;
  /* 1 */
  border-collapse: collapse;
}

caption {
  text-align: left;
}

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

th {
  vertical-align: top;
  padding: 0;
  text-align: left;
  font-weight: bold;
}

.flip-in {
  opacity: 0;
  transform: rotateX(90deg);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.flip-in.visible {
  opacity: 1;
  transform: rotateX(0);
}

.under-in {
  opacity: 0;
  transform: translateY(50px); /* 下から浮かび上がる */
  transition: opacity 1s ease, transform 1s ease;
}
.under-in.visible {
  opacity: 1;
  transform: translateY(0); /* 最終位置に配置 */
}
.under-in.active {
  opacity: 1; /* 表示 */
  transform: translateY(0); /* 元の位置に移動 */
}

.top-under-in {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 1s ease, transform 1s ease;
  /* 遅延クラス */
}
.top-under-in.active {
  opacity: 1;
  transform: translateY(0);
}
.top-under-in.delay-01 {
  transition-delay: 1s;
}
.top-under-in.delay-02 {
  transition-delay: 1.5s;
}
.top-under-in.delay-03 {
  transition-delay: 2s;
}
.top-under-in.delay-04 {
  transition-delay: 2.5s;
}

.roll-in {
  opacity: 0;
  transform: rotateY(180deg);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.roll-in.visible {
  opacity: 1;
  transform: rotateY(0);
}

.text-in,
.text-sub-in {
  opacity: 0;
  transform: rotateX(90deg);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.text-in.visible,
.text-sub-in.visible {
  opacity: 1;
  transform: translateY(0); /* 最終位置に配置 */
}

@keyframes floatBackground {
  0% {
    background-position: 0% 0%;
  }
  50% {
    background-position: 50% 10%;
  }
  100% {
    background-position: 0% 0%;
  }
}
.reflection {
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.reflection:after {
  content: "";
  height: 100%;
  width: 30px;
  position: absolute;
  top: -180px;
  left: 0;
  background-color: rgba(243, 243, 243, 0.8);
  opacity: 0;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflection 3s ease-in-out infinite;
}

@keyframes reflection {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
@keyframes textshine {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-weight: 500;
  /* -- tablet style -- */
  /* -- mobile style -- */
}
* .sp {
  display: none;
}
* body {
  overflow-x: hidden;
  font-family: "Noto Sans JP", sans-serif;
}
* body .en-fonts {
  font-family: "Open Sans", sans-serif;
}
* body.no-scroll {
  overflow: hidden;
  position: fixed;
  width: 100%;
}
* body img {
  width: 100%;
}
@media (max-width: 767px) {
  * .sp {
    display: block;
  }
  * .pc {
    display: none;
  }
}

:root {
  /* PC: 1440基準で116px → vw化 */
  --header-h: calc((116 / 1440) * 100vw);
}

header {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  height: var(--header-h);
  box-sizing: border-box;
  padding-left: calc(4.1666666667vw);
  position: fixed;
  background: #fff;
  z-index: 1000;
}
@media (max-width: 767px) {
  header {
    padding-left: calc(8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  header {
    padding-left: calc(4.1666666667vw);
  }
}
header .logo {
  width: calc(12.8506944444vw);
}
@media (max-width: 767px) {
  header .logo {
    width: calc(24.6733333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  header .logo {
    width: calc(12.8506944444vw);
  }
}
header .logo a img {
  width: 100%;
}
header.jtc .hd_nav--recruit_btn {
  background: #023C82;
}

/* =======================
メニュー部分（ヘッダー及びフッター共通）
======================= */
.hd_nav {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
.hd_nav .nav_list {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.hd_nav .nav_list li {
  cursor: pointer;
  position: relative;
}
.hd_nav .nav_list li p {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: min(0.9722222222vw, 14px);
  transition: all 0.3s 0s ease;
}
@media (max-width: 767px) {
  .hd_nav .nav_list li p {
    font-size: min(1.8666666667vw, 14px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .hd_nav .nav_list li p {
    font-size: min(0.9722222222vw, 14px);
  }
}
.hd_nav .nav_list li p span {
  font-weight: 700;
  font-size: min(1.1111111111vw, 16px);
  margin-top: calc(0.3472222222vw);
  transition: all 0.3s 0s ease;
}
@media (max-width: 767px) {
  .hd_nav .nav_list li p span {
    font-size: min(2.1333333333vw, 16px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .hd_nav .nav_list li p span {
    font-size: min(1.1111111111vw, 16px);
  }
}
@media (max-width: 767px) {
  .hd_nav .nav_list li p span {
    margin-top: calc(0.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .hd_nav .nav_list li p span {
    margin-top: calc(0.3472222222vw);
  }
}
.hd_nav .nav_list li:first-child a {
  font-weight: 700;
  font-size: min(1.1111111111vw, 16px);
}
@media (max-width: 767px) {
  .hd_nav .nav_list li:first-child a {
    font-size: min(2.1333333333vw, 16px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .hd_nav .nav_list li:first-child a {
    font-size: min(1.1111111111vw, 16px);
  }
}
.hd_nav .nav_list li:first-child a:hover {
  color: #760813;
  font-size: min(1.1111111111vw, 16px);
  transform: translateY(0);
}
@media (max-width: 767px) {
  .hd_nav .nav_list li:first-child a:hover {
    font-size: min(2.1333333333vw, 16px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .hd_nav .nav_list li:first-child a:hover {
    font-size: min(1.1111111111vw, 16px);
  }
}
.hd_nav .nav_list li:not(:last-child) {
  margin-right: calc(3.3333333333vw);
}
@media (max-width: 767px) {
  .hd_nav .nav_list li:not(:last-child) {
    margin-right: calc(6.4vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .hd_nav .nav_list li:not(:last-child) {
    margin-right: calc(3.3333333333vw);
  }
}
.hd_nav .nav_list li .submenu {
  display: none;
  position: absolute;
  top: 130%;
  left: 0;
  background: #fff;
  width: calc(12.5vw);
  z-index: 1000;
}
@media (max-width: 767px) {
  .hd_nav .nav_list li .submenu {
    width: calc(24vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .hd_nav .nav_list li .submenu {
    width: calc(12.5vw);
  }
}
.hd_nav .nav_list li .submenu li {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: calc(0.6944444444vw) calc(0.6944444444vw);
}
@media (max-width: 767px) {
  .hd_nav .nav_list li .submenu li {
    padding: calc(1.3333333333vw) calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .hd_nav .nav_list li .submenu li {
    padding: calc(0.6944444444vw) calc(0.6944444444vw);
  }
}
.hd_nav .nav_list li .submenu li a {
  text-decoration: none;
  color: #333;
  font-weight: 700;
  font-size: min(0.8333333333vw, 12px);
  transition: all 0.3s 0s ease;
}
@media (max-width: 767px) {
  .hd_nav .nav_list li .submenu li a {
    font-size: min(1.6vw, 12px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .hd_nav .nav_list li .submenu li a {
    font-size: min(0.8333333333vw, 12px);
  }
}
.hd_nav .nav_list li .submenu li a:hover {
  color: #CE1B2E;
  font-size: min(0.8333333333vw, 12px);
}
@media (max-width: 767px) {
  .hd_nav .nav_list li .submenu li a:hover {
    font-size: min(1.6vw, 12px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .hd_nav .nav_list li .submenu li a:hover {
    font-size: min(0.8333333333vw, 12px);
  }
}
.has-hover .hd_nav .nav_list li:hover {
  background-color: #f5f5f5;
}
.has-hover .hd_nav .nav_list li:hover p {
  color: #760813;
  font-size: min(1.1111111111vw, 16px);
  transform: translateY(20%);
}
@media (max-width: 767px) {
  .has-hover .hd_nav .nav_list li:hover p {
    font-size: min(2.1333333333vw, 16px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .has-hover .hd_nav .nav_list li:hover p {
    font-size: min(1.1111111111vw, 16px);
  }
}
.has-hover .hd_nav .nav_list li:hover p span {
  transform: translateY(100%);
  opacity: 0;
}
.has-hover .hd_nav .nav_list li:hover .submenu {
  display: block !important;
}
.hd_nav .nav_list li.hd_nav--recruit_btn .submenu {
  left: auto;
  right: 0;
}
.hd_nav--recruit_btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(12.5vw);
  height: calc(10.4166666667vw);
  background: linear-gradient(to bottom right, #760813, #0F3D74);
  color: #fff;
}
@media (max-width: 767px) {
  .hd_nav--recruit_btn {
    width: calc(24vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .hd_nav--recruit_btn {
    width: calc(12.5vw);
  }
}
@media (max-width: 767px) {
  .hd_nav--recruit_btn {
    height: calc(20vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .hd_nav--recruit_btn {
    height: calc(10.4166666667vw);
  }
}
.hd_nav--recruit_btn span {
  font-weight: 700;
  margin-top: calc(0.3472222222vw);
}
@media (max-width: 767px) {
  .hd_nav--recruit_btn span {
    margin-top: calc(0.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .hd_nav--recruit_btn span {
    margin-top: calc(0.3472222222vw);
  }
}
.hd_nav--recruit_btn .submenu {
  top: 100% !important;
}
.hd_nav--recruit_btn:hover p {
  color: #fff !important;
  font-size: min(1.1111111111vw, 16px);
  transform: translateY(0);
}
@media (max-width: 767px) {
  .hd_nav--recruit_btn:hover p {
    font-size: min(2.1333333333vw, 16px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .hd_nav--recruit_btn:hover p {
    font-size: min(1.1111111111vw, 16px);
  }
}
.hd_nav--recruit_btn:hover p span {
  transform: translateY(0);
  opacity: 0;
}
.hd_nav--recruit_btn:hover .submenu {
  display: block;
}
.hd_nav.pcj .nav_list {
  margin-right: calc(0vw);
}
@media (max-width: 767px) {
  .hd_nav.pcj .nav_list {
    margin-right: calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .hd_nav.pcj .nav_list {
    margin-right: calc(0vw);
  }
}
.hd_nav.pcj .hd_nav--recruit_btn {
  background: #CE1B2E;
  color: #fff;
}
.hd_nav.pcj .hd_nav--recruit_btn:hover {
  background: #CE1B2E;
}
.hd_nav.jtc .nav_list {
  margin-right: calc(0vw);
}
@media (max-width: 767px) {
  .hd_nav.jtc .nav_list {
    margin-right: calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .hd_nav.jtc .nav_list {
    margin-right: calc(0vw);
  }
}
.hd_nav.jtc .hd_nav--recruit_btn {
  background: #023C82;
  color: #fff;
}
.hd_nav.jtc .hd_nav--recruit_btn:hover {
  background: #023C82;
}

/* =======================
ハンバーガー＆モバイルメニュー
======================= */
.hamburger {
  display: none;
  position: absolute;
  top: 18px;
  right: 16px;
  width: 44px;
  height: 44px;
  border: none;
  background: transparent;
  cursor: pointer;
  z-index: 1100;
}
.hamburger .hamburger__bar {
  display: block;
  width: 28px;
  height: 2px;
  margin: 6px auto;
  background: #262523;
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.hamburger.is-active .hamburger__bar:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}
.hamburger.is-active .hamburger__bar:nth-child(2) {
  opacity: 0;
}
.hamburger.is-active .hamburger__bar:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

.mobile-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.35);
  z-index: 900;
}

.hd_nav {
  /* PC: 従来どおり */
}

@media (min-width: 767px) and (max-width: 1000px) {
  .hamburger {
    display: block;
    top: 10px;
  }
  header {
    height: 60px;
  }
  header .logo {
    width: 120px;
  }
  header .mobile-overlay[hidden] {
    display: none !important;
  }
  /* =======================
  メニュー部分（ヘッダー及びフッター共通）
  ======================= */
  header .hd_nav {
    position: fixed;
    top: 0;
    right: 0;
    width: min(86vw, 360px);
    height: 100dvh;
    background: #fff;
    box-shadow: -6px 0 20px rgba(0, 0, 0, 0.1);
    transform: translateX(100%);
    transition: transform 0.3s ease;
    z-index: 1000;
    overflow-y: auto;
    padding: 80px 20px 24px;
  }
  header .hd_nav.is-open {
    transform: translateX(0);
  }
  header .hd_nav .nav_list {
    display: block;
    width: 100%;
  }
  header .hd_nav .nav_list li:has(.has-sub-sp--open):not(:last-child) {
    background: #f5f5f5;
  }
  header .hd_nav .nav_list li {
    padding: 12px 0;
    width: 100%;
    /* トグルボタン */
    /* ★SPは通常フローに。最初は閉じる（JSで slideDown/Up） */
  }
  header .hd_nav .nav_list li p {
    justify-content: space-between;
    font-weight: 700;
  }
  header .hd_nav .nav_list li p span {
    display: block;
    font-weight: 400;
    font-size: 18px;
    opacity: 0.7;
  }
  header .hd_nav .nav_list li p:not(:last-child)::after {
    content: "";
    width: 10px;
    height: 10px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(45deg);
    transition: transform 0.2s;
  }
  header .hd_nav .nav_list li p:not(:last-child).has-sub-sp--open::after {
    transform: rotate(-135deg);
  }
  header .hd_nav .nav_list li .submenu {
    position: static;
    /* jQueryのslideDown/Up 前提 */
    width: 100%;
    padding: 8px 12px 10px;
    background: none;
  }
  header .hd_nav .nav_list li .submenu li a {
    display: block;
    padding: 10px 2px;
    font-size: 12px;
    font-weight: 500;
  }
  header .hd_nav .nav_list li.hd_nav--recruit_btn {
    height: auto;
  }
  header .hd_nav .nav_list li.hd_nav--recruit_btn > p::after {
    border-right-color: #fff;
    border-bottom-color: #fff;
  }
  header .hd_nav .nav_list li.hd_nav--recruit_btn li a {
    color: white;
  }
  header .hd_nav .nav_list > li {
    border-bottom: 1px solid #eee;
  }
  footer {
    flex-direction: column !important;
  }
  footer .ft--left,
  footer .ft_nav {
    width: 100%;
  }
  footer .hd_nav {
    width: 100%;
  }
  footer .hd_nav .nav_list {
    flex-direction: column;
    width: 100%;
  }
  footer .hd_nav .nav_list li:not(:last-child) {
    margin-right: 0;
  }
  footer .hd_nav .nav_list li:has(.has-sub-sp--open):not(:last-child) {
    background: transparent;
  }
  footer .hd_nav .nav_list li {
    padding: 12px 0;
    width: 100%;
    /* トグルボタン */
    /* ★SPは通常フローに。最初は閉じる（JSで slideDown/Up） */
  }
  footer .hd_nav .nav_list li p {
    justify-content: space-between;
    font-weight: 700;
    font-size: 12px;
  }
  footer .hd_nav .nav_list li p span {
    display: block;
    font-weight: 400;
    font-size: 15px;
    opacity: 0.7;
  }
  footer .hd_nav .nav_list li p:not(:last-child)::after {
    content: "";
    width: 10px;
    height: 10px;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    transform: rotate(45deg);
    transition: transform 0.2s;
  }
  footer .hd_nav .nav_list li p:not(:last-child).has-sub-sp--open::after {
    transform: rotate(-135deg);
  }
  footer .hd_nav .nav_list li .submenu {
    position: static;
    /* jQueryのslideDown/Up 前提 */
    width: 100%;
    padding: 8px 12px 10px;
    background: none;
  }
  footer .hd_nav .nav_list li .submenu li a {
    display: block;
    padding: 10px 2px;
    font-size: 12px;
    font-weight: 500;
    color: black;
  }
  footer .hd_nav .nav_list li.hd_nav--recruit_btn {
    height: auto;
  }
  footer .hd_nav .nav_list li.hd_nav--recruit_btn > p::after {
    border-right-color: black;
    border-bottom-color: black;
  }
  footer .hd_nav .nav_list li.hd_nav--recruit_btn li a {
    color: black;
  }
  footer .hd_nav .nav_list > li {
    border-bottom: 1px solid black;
  }
}
@media (max-width: 767px) {
  .hamburger {
    display: block;
    top: 10px;
  }
  header {
    height: 60px;
  }
  header .logo {
    width: 120px;
  }
  header .mobile-overlay[hidden] {
    display: none !important;
  }
  /* =======================
  メニュー部分（ヘッダー及びフッター共通）
  ======================= */
  header .hd_nav {
    position: fixed;
    top: 0;
    right: 0;
    width: min(86vw, 360px);
    height: 100dvh;
    background: #fff;
    box-shadow: -6px 0 20px rgba(0, 0, 0, 0.1);
    transform: translateX(100%);
    transition: transform 0.3s ease;
    z-index: 1000;
    overflow-y: auto;
    padding: 80px 20px 24px;
  }
  header .hd_nav.is-open {
    transform: translateX(0);
  }
  header .hd_nav .nav_list {
    display: block;
    width: 100%;
  }
  header .hd_nav .nav_list li:has(.has-sub-sp--open):not(:last-child) {
    background: #f5f5f5;
  }
  header .hd_nav .nav_list li {
    padding: 12px 0;
    width: 100%;
    /* トグルボタン */
    /* ★SPは通常フローに。最初は閉じる（JSで slideDown/Up） */
  }
  header .hd_nav .nav_list li p {
    justify-content: space-between;
    font-weight: 700;
  }
  header .hd_nav .nav_list li p span {
    display: block;
    font-weight: 400;
    font-size: 15px;
    opacity: 0.7;
  }
  header .hd_nav .nav_list li p:not(:last-child)::after {
    content: "";
    width: 10px;
    height: 10px;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(45deg);
    transition: transform 0.2s;
  }
  header .hd_nav .nav_list li p:not(:last-child).has-sub-sp--open::after {
    transform: rotate(-135deg);
  }
  header .hd_nav .nav_list li .submenu {
    position: static;
    /* jQueryのslideDown/Up 前提 */
    width: 100%;
    padding: 8px 12px 10px;
    background: none;
  }
  header .hd_nav .nav_list li .submenu li a {
    display: block;
    padding: 10px 2px;
    font-size: 10px;
    font-weight: 500;
  }
  header .hd_nav .nav_list li.hd_nav--recruit_btn {
    height: auto;
  }
  header .hd_nav .nav_list li.hd_nav--recruit_btn > p::after {
    border-right-color: #fff;
    border-bottom-color: #fff;
  }
  header .hd_nav .nav_list li.hd_nav--recruit_btn li a {
    color: white;
  }
  header .hd_nav .nav_list > li {
    border-bottom: 1px solid #eee;
  }
  footer .ft--left,
  footer .ft_nav {
    width: 100%;
  }
  footer .hd_nav {
    width: 100%;
  }
  footer .hd_nav .nav_list {
    flex-direction: column;
    width: 100%;
  }
  footer .hd_nav .nav_list li:not(:last-child) {
    margin-right: 0;
  }
  footer .hd_nav .nav_list li:has(.has-sub-sp--open):not(:last-child) {
    background: transparent;
  }
  footer .hd_nav .nav_list li {
    padding: 12px 0;
    width: 100%;
    /* トグルボタン */
    /* ★SPは通常フローに。最初は閉じる（JSで slideDown/Up） */
  }
  footer .hd_nav .nav_list li p {
    justify-content: space-between;
    font-weight: 700;
  }
  footer .hd_nav .nav_list li p span {
    display: block;
    font-weight: 400;
    font-size: 15px;
    opacity: 0.7;
  }
  footer .hd_nav .nav_list li p:not(:last-child)::after {
    content: "";
    width: 10px;
    height: 10px;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    transform: rotate(45deg);
    transition: transform 0.2s;
  }
  footer .hd_nav .nav_list li p:not(:last-child).has-sub-sp--open::after {
    transform: rotate(-135deg);
  }
  footer .hd_nav .nav_list li .submenu {
    position: static;
    /* jQueryのslideDown/Up 前提 */
    width: 100%;
    padding: 8px 12px 10px;
    background: none;
  }
  footer .hd_nav .nav_list li .submenu li a {
    display: block;
    padding: 10px 2px;
    font-size: 10px;
    font-weight: 500;
    color: black;
  }
  footer .hd_nav .nav_list li.hd_nav--recruit_btn {
    height: auto;
  }
  footer .hd_nav .nav_list li.hd_nav--recruit_btn > p::after {
    border-right-color: black;
    border-bottom-color: black;
  }
  footer .hd_nav .nav_list li.hd_nav--recruit_btn li a {
    color: black;
  }
  footer .hd_nav .nav_list > li {
    border-bottom: 1px solid black;
  }
}
footer {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
  padding: calc(4.1666666667vw) calc(4.1666666667vw) calc(3.125vw);
  border-top: 2px solid;
}
@media (max-width: 767px) {
  footer {
    padding: calc(8vw) calc(8vw) calc(6vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  footer {
    padding: calc(4.1666666667vw) calc(4.1666666667vw) calc(3.125vw);
  }
}
footer .hd_nav {
  margin-bottom: 80px;
}
footer .hd_nav .nav_list li p {
  color: black;
}
footer .hd_nav .nav_list li a {
  color: black;
}
.has-hover footer .hd_nav .nav_list li:hover {
  background-color: transparent;
}
.has-hover footer .hd_nav .nav_list li:hover p {
  color: black;
  font-size: min(1.1111111111vw, 16px);
  transform: translateY(20%);
}
@media (max-width: 767px) {
  .has-hover footer .hd_nav .nav_list li:hover p {
    font-size: min(2.1333333333vw, 16px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .has-hover footer .hd_nav .nav_list li:hover p {
    font-size: min(1.1111111111vw, 16px);
  }
}
.has-hover footer .hd_nav .nav_list li:hover p span {
  transform: translateY(100%);
  opacity: 0;
}
.has-hover footer .hd_nav .nav_list li:hover .submenu {
  display: block !important;
}
footer .hd_nav .nav_list li.hd_nav--recruit_btn--footer:hover .submenu {
  display: block;
  left: auto;
  right: 0;
  width: calc(10.4166666667vw);
}
@media (max-width: 767px) {
  footer .hd_nav .nav_list li.hd_nav--recruit_btn--footer:hover .submenu {
    width: calc(20vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  footer .hd_nav .nav_list li.hd_nav--recruit_btn--footer:hover .submenu {
    width: calc(10.4166666667vw);
  }
}
footer .hd_nav .nav_list li.hd_nav--recruit_btn--footer:hover .submenu li {
  margin-right: 0px;
}
footer .ft_logo {
  width: calc(12.8472222222vw);
}
@media (max-width: 767px) {
  footer .ft_logo {
    width: calc(24.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  footer .ft_logo {
    width: calc(12.8472222222vw);
  }
}
footer .ft--left {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
footer .ft--left .ft_nav {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-bottom: calc(3.4722222222vw);
}
@media (max-width: 767px) {
  footer .ft--left .ft_nav {
    margin-bottom: calc(6.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  footer .ft--left .ft_nav {
    margin-bottom: calc(3.4722222222vw);
  }
}
footer .ft--left .ft_nav .ft_list {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: calc(2.2222222222vw);
}
@media (max-width: 767px) {
  footer .ft--left .ft_nav .ft_list {
    margin-bottom: calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  footer .ft--left .ft_nav .ft_list {
    margin-bottom: calc(2.2222222222vw);
  }
}
footer .ft--left .ft_nav .ft_list li a {
  font-size: min(0.9722222222vw, 14px);
  color: #fff;
}
@media (max-width: 767px) {
  footer .ft--left .ft_nav .ft_list li a {
    font-size: min(1.8666666667vw, 14px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  footer .ft--left .ft_nav .ft_list li a {
    font-size: min(0.9722222222vw, 14px);
  }
}
footer .ft--left .ft_nav .ft_list li:not(:last-child) {
  margin-right: calc(3.4722222222vw);
}
@media (max-width: 767px) {
  footer .ft--left .ft_nav .ft_list li:not(:last-child) {
    margin-right: calc(6.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  footer .ft--left .ft_nav .ft_list li:not(:last-child) {
    margin-right: calc(3.4722222222vw);
  }
}
footer .ft--left .ft_nav .ft_bottom {
  display: flex;
  flex-direction: column;
}
footer .ft--left .ft_nav .ft_bottom a:nth-child(1) {
  margin-bottom: 20px;
}
footer .ft--left .ft_nav .hp_link {
  width: calc(19.5833333333vw);
  height: calc(2.3611111111vw);
  border-radius: 3.47vw;
  background: linear-gradient(to right, #760813, #0F3D74);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  transition: all 0.3s 0s ease;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  footer .ft--left .ft_nav .hp_link {
    width: calc(37.6vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  footer .ft--left .ft_nav .hp_link {
    width: calc(19.5833333333vw);
  }
}
@media (max-width: 767px) {
  footer .ft--left .ft_nav .hp_link {
    height: calc(4.5333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  footer .ft--left .ft_nav .hp_link {
    height: calc(2.3611111111vw);
  }
}
footer .ft--left .ft_nav .hp_link span {
  font-size: min(0.8333333333vw, 12px);
  font-weight: 700;
  color: #fff;
  z-index: 1;
}
@media (max-width: 767px) {
  footer .ft--left .ft_nav .hp_link span {
    font-size: min(1.6vw, 12px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  footer .ft--left .ft_nav .hp_link span {
    font-size: min(0.8333333333vw, 12px);
  }
}
footer .ft--left .ft_nav .hp_link::after {
  content: "";
  display: block;
  width: calc(0.6944444444vw);
  height: calc(0.6944444444vw);
  border-radius: 50%;
  margin-left: calc(0.5555555556vw);
  transition: all 0.4s 0s ease;
}
@media (max-width: 767px) {
  footer .ft--left .ft_nav .hp_link::after {
    width: calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  footer .ft--left .ft_nav .hp_link::after {
    width: calc(0.6944444444vw);
  }
}
@media (max-width: 767px) {
  footer .ft--left .ft_nav .hp_link::after {
    height: calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  footer .ft--left .ft_nav .hp_link::after {
    height: calc(0.6944444444vw);
  }
}
@media (max-width: 767px) {
  footer .ft--left .ft_nav .hp_link::after {
    margin-left: calc(1.0666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  footer .ft--left .ft_nav .hp_link::after {
    margin-left: calc(0.5555555556vw);
  }
}
footer .ft--left .copy_right {
  font-size: min(0.6944444444vw, 10px);
}
@media (max-width: 767px) {
  footer .ft--left .copy_right {
    font-size: min(1.3333333333vw, 10px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  footer .ft--left .copy_right {
    font-size: min(0.6944444444vw, 10px);
  }
}

@media (min-width: 767px) and (max-width: 1000px) {
  footer {
    flex-direction: column;
    align-items: flex-start;
  }
  footer .ft--left {
    align-items: flex-start;
  }
  footer .ft--left .ft_nav {
    flex-direction: column;
    align-items: flex-start;
  }
  footer .ft--left .ft_nav .ft_list {
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: calc(3.6111111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  footer .ft--left .ft_nav .ft_list {
    margin-top: calc(6.9333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  footer .ft--left .ft_nav .ft_list {
    margin-top: calc(3.6111111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  footer .ft--left .ft_nav .ft_bottom {
    width: 100%;
    text-align: center;
  }
  footer .ft--left .ft_nav .ft_bottom .hp_link {
    width: 50%;
    height: 50px;
    margin: auto;
    margin-bottom: 20px;
  }
  footer .ft--left .ft_nav .ft_bottom .hp_link span {
    font-size: 15px;
  }
  footer .hd_nav .nav_list li.hd_nav--recruit_btn--footer:hover .submenu {
    width: 100% !important;
  }
}
@media (max-width: 767px) {
  footer {
    flex-direction: column;
    align-items: flex-start;
  }
  footer .ft--left {
    align-items: flex-start;
  }
  footer .ft--left .ft_nav {
    flex-direction: column;
    align-items: flex-start;
  }
  footer .ft--left .ft_nav .ft_list {
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: calc(3.6111111111vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  footer .ft--left .ft_nav .ft_list {
    margin-top: calc(6.9333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  footer .ft--left .ft_nav .ft_list {
    margin-top: calc(3.6111111111vw);
  }
}
@media (max-width: 767px) {
  footer .ft--left .ft_nav .ft_bottom {
    width: 100%;
    text-align: center;
  }
  footer .ft--left .ft_nav .ft_bottom .hp_link {
    width: 90%;
    height: 30px;
    margin: auto;
    margin-bottom: 20px;
  }
  footer .ft--left .ft_nav .ft_bottom .hp_link span {
    font-size: 12px;
  }
  footer .hd_nav .nav_list li.hd_nav--recruit_btn--footer:hover .submenu {
    width: 100% !important;
  }
}
.s--title {
  font-size: min(0.9722222222vw, 14px);
  font-weight: 700;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 767px) {
  .s--title {
    font-size: min(1.8666666667vw, 14px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .s--title {
    font-size: min(0.9722222222vw, 14px);
  }
}
.s--title::before {
  content: "";
  display: block;
  width: calc(2.0833333333vw);
  height: calc(0.1388888889vw);
  background: #262523;
  margin-right: calc(0.3472222222vw);
}
@media (max-width: 767px) {
  .s--title::before {
    width: calc(4vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .s--title::before {
    width: calc(2.0833333333vw);
  }
}
@media (max-width: 767px) {
  .s--title::before {
    height: calc(0.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .s--title::before {
    height: calc(0.1388888889vw);
  }
}
@media (max-width: 767px) {
  .s--title::before {
    margin-right: calc(0.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .s--title::before {
    margin-right: calc(0.3472222222vw);
  }
}

.inner_title {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: min(2.2222222222vw, 32px);
  font-weight: 700;
  margin-bottom: calc(4.1666666667vw);
}
@media (max-width: 767px) {
  .inner_title {
    font-size: min(4.2666666667vw, 32px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .inner_title {
    font-size: min(2.2222222222vw, 32px);
  }
}
@media (max-width: 767px) {
  .inner_title {
    margin-bottom: calc(8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .inner_title {
    margin-bottom: calc(4.1666666667vw);
  }
}
.inner_title span {
  font-size: min(1.25vw, 18px);
  color: #CE1B2E;
  font-weight: 700;
  margin-bottom: calc(1.0416666667vw);
}
@media (max-width: 767px) {
  .inner_title span {
    font-size: min(2.4vw, 18px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .inner_title span {
    font-size: min(1.25vw, 18px);
  }
}
@media (max-width: 767px) {
  .inner_title span {
    margin-bottom: calc(2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .inner_title span {
    margin-bottom: calc(1.0416666667vw);
  }
}

.jtc .inner_title span {
  color: #023C82;
}

.left_bar {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  position: relative;
}
.left_bar .s--left_title {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(4.1666666667vw);
  height: 100%;
  writing-mode: vertical-rl;
  font-size: min(0.9722222222vw, 14px);
  font-family: "Questrial", sans-serif;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #262523;
  background: #fff;
  z-index: 1;
}
@media (max-width: 767px) {
  .left_bar .s--left_title {
    width: calc(8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .left_bar .s--left_title {
    width: calc(4.1666666667vw);
  }
}
@media (max-width: 767px) {
  .left_bar .s--left_title {
    font-size: min(1.8666666667vw, 14px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .left_bar .s--left_title {
    font-size: min(0.9722222222vw, 14px);
  }
}

.image-container {
  width: 100%;
  height: calc(12.5vw);
  background: #262523;
  box-sizing: border-box;
  padding: calc(1.875vw) calc(0vw) calc(2.9166666667vw);
  /* -- tablet style -- */
  /* -- mobile style -- */
}
@media (max-width: 767px) {
  .image-container {
    height: calc(24vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .image-container {
    height: calc(12.5vw);
  }
}
@media (max-width: 767px) {
  .image-container {
    padding: calc(3.6vw) calc(0vw) calc(5.6vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .image-container {
    padding: calc(1.875vw) calc(0vw) calc(2.9166666667vw);
  }
}
.image-container .image_slider {
  background-repeat: repeat-x;
  background-position: 0 0;
  background-size: auto 100%;
}
.image-container .image_slider.top {
  height: calc(3.8194444444vw);
  background-image: url("../images/top_slide.png");
  animation: bgrightslide 20s linear infinite;
  margin-bottom: calc(0.6944444444vw);
}
@media (max-width: 767px) {
  .image-container .image_slider.top {
    height: calc(7.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .image-container .image_slider.top {
    height: calc(3.8194444444vw);
  }
}
@media (max-width: 767px) {
  .image-container .image_slider.top {
    margin-bottom: calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .image-container .image_slider.top {
    margin-bottom: calc(0.6944444444vw);
  }
}
.image-container .image_slider.bottom {
  height: calc(2.0833333333vw);
  background-image: url("../images/bottom_slide.png");
  animation: bgleftslide 110s linear infinite;
}
@media (max-width: 767px) {
  .image-container .image_slider.bottom {
    height: calc(4vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .image-container .image_slider.bottom {
    height: calc(2.0833333333vw);
  }
}
@keyframes bgrightslide {
  0% {
    background-position: 300% 0;
  }
  100% {
    background-position: -300% 0;
  }
}
@keyframes bgleftslide {
  0% {
    background-position: -300% 0;
  }
  100% {
    background-position: 300% 0;
  }
}
@media (max-width: 767px) {
  .image-container .image_slider {
    background-repeat: repeat-x;
    background-position: 0 0;
    background-size: auto 100%;
  }
  .image-container .image_slider.top {
    height: 40px;
    animation: bgrightslide 80s linear infinite;
    margin-bottom: calc(0.6944444444vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .image-container .image_slider.top {
    margin-bottom: calc(1.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  .image-container .image_slider.top {
    margin-bottom: calc(0.6944444444vw);
  }
}
@media (max-width: 767px) {
  .image-container .image_slider.bottom {
    height: 20px;
    animation: bgleftslide 50s linear infinite;
  }
}

.under-page {
  padding-top: calc(8.0555555556vw);
}
@media (max-width: 767px) {
  .under-page {
    padding-top: calc(15.4666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .under-page {
    padding-top: calc(8.0555555556vw);
  }
}
.under-page .under_kv {
  width: 100%;
  height: calc(27.7777777778vw);
  -o-object-fit: cover;
     object-fit: cover;
  position: relative;
}
@media (max-width: 767px) {
  .under-page .under_kv {
    height: calc(53.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .under-page .under_kv {
    height: calc(27.7777777778vw);
  }
}
.under-page .under_kv--inner {
  position: absolute;
  bottom: 5vw;
  left: 8.33vw;
  color: #fff;
}
.under-page .under_kv--inner_title {
  font-size: min(2.2222222222vw, 32px);
  font-weight: 700;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: calc(1.1111111111vw);
}
@media (max-width: 767px) {
  .under-page .under_kv--inner_title {
    font-size: min(4.2666666667vw, 32px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .under-page .under_kv--inner_title {
    font-size: min(2.2222222222vw, 32px);
  }
}
@media (max-width: 767px) {
  .under-page .under_kv--inner_title {
    margin-bottom: calc(2.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .under-page .under_kv--inner_title {
    margin-bottom: calc(1.1111111111vw);
  }
}
.under-page .under_kv--inner_title span {
  font-size: min(1.25vw, 18px);
}
@media (max-width: 767px) {
  .under-page .under_kv--inner_title span {
    font-size: min(2.4vw, 18px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .under-page .under_kv--inner_title span {
    font-size: min(1.25vw, 18px);
  }
}
.under-page .under_kv--inner_desc {
  font-family: "Questrial", sans-serif;
  font-size: min(0.9722222222vw, 14px);
  font-weight: 400;
}
@media (max-width: 767px) {
  .under-page .under_kv--inner_desc {
    font-size: min(1.8666666667vw, 14px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .under-page .under_kv--inner_desc {
    font-size: min(0.9722222222vw, 14px);
  }
}
.under-page .text_loop_wrapper {
  overflow: hidden;
  white-space: nowrap;
  width: 100vw;
  margin-left: calc(-10.4166666667vw);
  z-index: -1;
}
@media (max-width: 767px) {
  .under-page .text_loop_wrapper {
    margin-left: calc(-20vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .under-page .text_loop_wrapper {
    margin-left: calc(-10.4166666667vw);
  }
}
.under-page .text_loop_wrapper .text_loop {
  display: inline-flex;
  animation: slideLoop 15s linear infinite;
}
.under-page .text_loop_wrapper .text_loop p {
  margin: 0;
  padding: 0 2rem;
  color: #5A5A5A;
  font-family: "Questrial", sans-serif;
  font-size: min(8.6111111111vw, 124px);
  opacity: 0.1;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .under-page .text_loop_wrapper .text_loop p {
    font-size: min(16.5333333333vw, 124px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .under-page .text_loop_wrapper .text_loop p {
    font-size: min(8.6111111111vw, 124px);
  }
}
@keyframes slideLoop {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/* =========================
   Tablet (<= 1024px)
   ========================= */
@media (min-width: 767px) and (max-width: 1000px) {
  .under-page .under_kv {
    height: calc(23.6111111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  .under-page .under_kv {
    height: calc(45.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  .under-page .under_kv {
    height: calc(23.6111111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .under-page .under_kv--inner {
    bottom: 6vw;
    left: 6vw;
  }
  .under-page .under_kv--inner_title {
    font-size: min(1.9444444444vw, 28px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  .under-page .under_kv--inner_title {
    font-size: min(3.7333333333vw, 28px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  .under-page .under_kv--inner_title {
    font-size: min(1.9444444444vw, 28px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .under-page .under_kv--inner_title span {
    font-size: min(1.1111111111vw, 16px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  .under-page .under_kv--inner_title span {
    font-size: min(2.1333333333vw, 16px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  .under-page .under_kv--inner_title span {
    font-size: min(1.1111111111vw, 16px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .under-page .under_kv--inner_desc {
    font-size: min(0.9027777778vw, 13px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  .under-page .under_kv--inner_desc {
    font-size: min(1.7333333333vw, 13px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  .under-page .under_kv--inner_desc {
    font-size: min(0.9027777778vw, 13px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .under-page .text_loop_wrapper {
    margin-left: calc(-5.5555555556vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  .under-page .text_loop_wrapper {
    margin-left: calc(-10.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  .under-page .text_loop_wrapper {
    margin-left: calc(-5.5555555556vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .under-page .text_loop_wrapper .text_loop {
    animation-duration: 18s;
  }
  .under-page .text_loop_wrapper .text_loop p {
    font-size: min(6.6666666667vw, 96px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  .under-page .text_loop_wrapper .text_loop p {
    font-size: min(12.8vw, 96px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  .under-page .text_loop_wrapper .text_loop p {
    font-size: min(6.6666666667vw, 96px);
  }
}
/* =========================
   SP Small (<= 480px)
   ========================= */
@media (max-width: 767px) {
  .under-page {
    padding-top: calc(8.0555555556vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .under-page {
    padding-top: calc(15.4666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  .under-page {
    padding-top: calc(8.0555555556vw);
  }
}
@media (max-width: 767px) {
  .under-page .under_kv {
    width: 100%;
    height: calc(13.8888888889vw);
    -o-object-fit: cover;
       object-fit: cover;
    position: relative;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .under-page .under_kv {
    height: calc(26.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  .under-page .under_kv {
    height: calc(13.8888888889vw);
  }
}
@media (max-width: 767px) {
  .under-page .under_kv--inner {
    position: absolute;
    bottom: 5vw;
    left: 8.33vw;
    color: #fff;
  }
  .under-page .under_kv--inner_title {
    font-size: min(2.2222222222vw, 32px);
    font-weight: 700;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: calc(1.1111111111vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .under-page .under_kv--inner_title {
    font-size: min(4.2666666667vw, 32px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  .under-page .under_kv--inner_title {
    font-size: min(2.2222222222vw, 32px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .under-page .under_kv--inner_title {
    margin-bottom: calc(2.1333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  .under-page .under_kv--inner_title {
    margin-bottom: calc(1.1111111111vw);
  }
}
@media (max-width: 767px) {
  .under-page .under_kv--inner_title span {
    font-size: min(1.25vw, 18px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .under-page .under_kv--inner_title span {
    font-size: min(2.4vw, 18px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  .under-page .under_kv--inner_title span {
    font-size: min(1.25vw, 18px);
  }
}
@media (max-width: 767px) {
  .under-page .under_kv--inner_desc {
    font-family: "Questrial", sans-serif;
    font-size: min(0.9722222222vw, 14px);
    font-weight: 400;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .under-page .under_kv--inner_desc {
    font-size: min(1.8666666667vw, 14px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  .under-page .under_kv--inner_desc {
    font-size: min(0.9722222222vw, 14px);
  }
}
@media (max-width: 767px) {
  .under-page .text_loop_wrapper {
    overflow: hidden;
    white-space: nowrap;
    width: 100vw;
    margin-left: calc(-10.4166666667vw);
    z-index: -1;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .under-page .text_loop_wrapper {
    margin-left: calc(-20vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  .under-page .text_loop_wrapper {
    margin-left: calc(-10.4166666667vw);
  }
}
@media (max-width: 767px) {
  .under-page .text_loop_wrapper .text_loop {
    display: inline-flex;
    animation: slideLoop 15s linear infinite;
  }
  .under-page .text_loop_wrapper .text_loop p {
    margin: 0;
    padding: 0 2rem;
    color: #5A5A5A;
    font-family: "Questrial", sans-serif;
    font-size: min(8.6111111111vw, 124px);
    opacity: 0.1;
    white-space: nowrap;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .under-page .text_loop_wrapper .text_loop p {
    font-size: min(16.5333333333vw, 124px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  .under-page .text_loop_wrapper .text_loop p {
    font-size: min(8.6111111111vw, 124px);
  }
}
@media (max-width: 767px) {
  @keyframes slideLoop {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
  }
}
.cta {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.cta--content {
  width: 100%;
  height: calc(22.7777777778vw);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .cta--content {
    height: calc(43.7333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .cta--content {
    height: calc(22.7777777778vw);
  }
}
.cta--content a {
  width: 50%;
  height: 100%;
  background-image: url("../images/cta_left_img.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.cta--content a::after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.cta--content a:nth-child(2) {
  background-image: url("../images/cta_right_img.jpg");
}
.cta--content a.technology::after {
  width: calc(44.1666666667vw);
  height: calc(8.8888888889vw);
  background-image: url("../images/cta_left_text_bg.png");
}
@media (max-width: 767px) {
  .cta--content a.technology::after {
    width: calc(84.8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .cta--content a.technology::after {
    width: calc(44.1666666667vw);
  }
}
@media (max-width: 767px) {
  .cta--content a.technology::after {
    height: calc(17.0666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .cta--content a.technology::after {
    height: calc(8.8888888889vw);
  }
}
.cta--content a.consulting::after {
  width: calc(41.1111111111vw);
  height: calc(8.8888888889vw);
  background-image: url("../images/cta_right_text_bg.png");
}
@media (max-width: 767px) {
  .cta--content a.consulting::after {
    width: calc(78.9333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .cta--content a.consulting::after {
    width: calc(41.1111111111vw);
  }
}
@media (max-width: 767px) {
  .cta--content a.consulting::after {
    height: calc(17.0666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .cta--content a.consulting::after {
    height: calc(8.8888888889vw);
  }
}
.cta--content a:hover {
  filter: brightness(1.4);
}
.cta--content a:hover .cta--content_title span {
  color: #000;
}
.cta--content_title {
  width: auto;
  height: calc(4.1666666667vw);
  box-sizing: border-box;
  padding: calc(0vw) calc(0.6944444444vw) calc(0vw) calc(1.3888888889vw);
  border-radius: 2vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
}
@media (max-width: 767px) {
  .cta--content_title {
    height: calc(8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .cta--content_title {
    height: calc(4.1666666667vw);
  }
}
@media (max-width: 767px) {
  .cta--content_title {
    padding: calc(0vw) calc(1.3333333333vw) calc(0vw) calc(2.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .cta--content_title {
    padding: calc(0vw) calc(0.6944444444vw) calc(0vw) calc(1.3888888889vw);
  }
}
.cta--content_title span {
  font-size: min(1.3888888889vw, 20px);
  color: #fff;
  font-weight: 700;
  z-index: 1;
}
@media (max-width: 767px) {
  .cta--content_title span {
    font-size: min(2.6666666667vw, 20px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .cta--content_title span {
    font-size: min(1.3888888889vw, 20px);
  }
}
.cta--links {
  width: 100%;
  box-sizing: border-box;
  padding: calc(0vw) calc(11.1111111111vw);
  margin: calc(4.1666666667vw) calc(0vw);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
}
@media (max-width: 767px) {
  .cta--links {
    padding: calc(0vw) calc(21.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .cta--links {
    padding: calc(0vw) calc(11.1111111111vw);
  }
}
@media (max-width: 767px) {
  .cta--links {
    margin: calc(8vw) calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .cta--links {
    margin: calc(4.1666666667vw) calc(0vw);
  }
}
.cta--links_item {
  width: calc(23.6111111111vw);
  height: calc(12.5vw);
  box-shadow: 4px 4px 11px rgba(0, 0, 0, 0.11);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .cta--links_item {
    width: calc(45.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .cta--links_item {
    width: calc(23.6111111111vw);
  }
}
@media (max-width: 767px) {
  .cta--links_item {
    height: calc(24vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .cta--links_item {
    height: calc(12.5vw);
  }
}
.cta--links_item.first .logos {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.cta--links_item.first .logos img {
  margin-right: calc(1.9444444444vw);
}
@media (max-width: 767px) {
  .cta--links_item.first .logos img {
    margin-right: calc(3.7333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .cta--links_item.first .logos img {
    margin-right: calc(1.9444444444vw);
  }
}
.cta--links_item.first .logos p {
  margin-bottom: calc(0vw);
}
@media (max-width: 767px) {
  .cta--links_item.first .logos p {
    margin-bottom: calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .cta--links_item.first .logos p {
    margin-bottom: calc(0vw);
  }
}
.cta--links_item.first img {
  width: calc(6.1111111111vw);
  height: calc(6.25vw);
}
@media (max-width: 767px) {
  .cta--links_item.first img {
    width: calc(11.7333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .cta--links_item.first img {
    width: calc(6.1111111111vw);
  }
}
@media (max-width: 767px) {
  .cta--links_item.first img {
    height: calc(12vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .cta--links_item.first img {
    height: calc(6.25vw);
  }
}
.cta--links_item.first p {
  font-size: min(1.25vw, 18px);
  line-height: calc(1.25vw * 2);
  font-weight: 700;
  margin-bottom: calc(0.6944444444vw);
}
@media (max-width: 767px) {
  .cta--links_item.first p {
    font-size: min(2.4vw, 18px);
    line-height: calc(2.4vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .cta--links_item.first p {
    font-size: min(1.25vw, 18px);
    line-height: calc(1.25vw * 2);
  }
}
@media (max-width: 767px) {
  .cta--links_item.first p {
    margin-bottom: calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .cta--links_item.first p {
    margin-bottom: calc(0.6944444444vw);
  }
}

.more_btn {
  align-self: flex-end;
  width: calc(8.8888888889vw);
  height: calc(2.9166666667vw);
  margin-right: calc(8.0555555556vw);
  margin-top: calc(2.2222222222vw);
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #fff;
  border-radius: 3.47vw;
  position: relative;
  box-sizing: border-box;
  padding-left: calc(1.6666666667vw);
  transition: all 0.3s 0s ease;
  border: 1px solid #262523;
  overflow: hidden;
}
@media (max-width: 767px) {
  .more_btn {
    width: calc(17.0666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .more_btn {
    width: calc(8.8888888889vw);
  }
}
@media (max-width: 767px) {
  .more_btn {
    height: calc(5.6vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .more_btn {
    height: calc(2.9166666667vw);
  }
}
@media (max-width: 767px) {
  .more_btn {
    margin-right: calc(15.4666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .more_btn {
    margin-right: calc(8.0555555556vw);
  }
}
@media (max-width: 767px) {
  .more_btn {
    margin-top: calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .more_btn {
    margin-top: calc(2.2222222222vw);
  }
}
@media (max-width: 767px) {
  .more_btn {
    padding-left: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .more_btn {
    padding-left: calc(1.6666666667vw);
  }
}
.more_btn span {
  font-size: min(1.0416666667vw, 15px);
  font-family: "Questrial", sans-serif;
  font-weight: 400;
  color: #262523;
  transition: all 0.3s 0s ease;
}
@media (max-width: 767px) {
  .more_btn span {
    font-size: min(2vw, 15px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .more_btn span {
    font-size: min(1.0416666667vw, 15px);
  }
}
.more_btn::before {
  content: "";
  display: block;
  width: calc(0.6944444444vw);
  height: calc(0.6944444444vw);
  border-radius: 50%;
  background: #262523;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  right: 10%;
  transition: all 0.3s 0s ease;
}
@media (max-width: 767px) {
  .more_btn::before {
    width: calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .more_btn::before {
    width: calc(0.6944444444vw);
  }
}
@media (max-width: 767px) {
  .more_btn::before {
    height: calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .more_btn::before {
    height: calc(0.6944444444vw);
  }
}
.more_btn:hover span {
  color: #fff;
  z-index: 1;
}
.more_btn:hover::before {
  transform: translateY(-50%) scale(100);
}

/* =======================
   CTA レスポンシブ
   ======================= */
/* Tablet（例: <=1024px） */
@media (min-width: 767px) and (max-width: 1000px) {
  .cta--content {
    height: calc(19.4444444444vw);
    align-items: stretch;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  .cta--content {
    height: calc(37.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  .cta--content {
    height: calc(19.4444444444vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .cta--content a {
    /* 2カラムは維持、テキスト盤の比率だけ少し縮める */
  }
  .cta--content a.technology::after {
    width: calc(36.1111111111vw);
    height: calc(7.5vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  .cta--content a.technology::after {
    width: calc(69.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  .cta--content a.technology::after {
    width: calc(36.1111111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  .cta--content a.technology::after {
    height: calc(14.4vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  .cta--content a.technology::after {
    height: calc(7.5vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .cta--content a.consulting::after {
    width: calc(34.7222222222vw);
    height: calc(7.5vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  .cta--content a.consulting::after {
    width: calc(66.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  .cta--content a.consulting::after {
    width: calc(34.7222222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  .cta--content a.consulting::after {
    height: calc(14.4vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  .cta--content a.consulting::after {
    height: calc(7.5vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .cta--content_title {
    height: calc(3.75vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  .cta--content_title {
    height: calc(7.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  .cta--content_title {
    height: calc(3.75vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .cta--content_title span {
    font-size: min(1.25vw, 18px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  .cta--content_title span {
    font-size: min(2.4vw, 18px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  .cta--content_title span {
    font-size: min(1.25vw, 18px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .cta--links {
    padding: calc(0vw) calc(5.5555555556vw);
    margin: calc(2.7777777778vw) calc(0vw);
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  .cta--links {
    padding: calc(0vw) calc(10.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  .cta--links {
    padding: calc(0vw) calc(5.5555555556vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  .cta--links {
    margin: calc(5.3333333333vw) calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  .cta--links {
    margin: calc(2.7777777778vw) calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .cta--links_item {
    width: calc(22.2222222222vw);
    height: calc(11.1111111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  .cta--links_item {
    width: calc(42.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  .cta--links_item {
    width: calc(22.2222222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  .cta--links_item {
    height: calc(21.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  .cta--links_item {
    height: calc(11.1111111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .more_btn {
    width: calc(8.8888888889vw);
    height: calc(2.9166666667vw);
    margin-right: calc(4.1666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  .more_btn {
    width: calc(17.0666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  .more_btn {
    width: calc(8.8888888889vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  .more_btn {
    height: calc(5.6vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  .more_btn {
    height: calc(2.9166666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  .more_btn {
    margin-right: calc(8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  .more_btn {
    margin-right: calc(4.1666666667vw);
  }
}
/* Mobile（例: <=768px） */
@media (max-width: 767px) {
  .cta {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    /* moreボタンは中央寄せ＆左右余白縮小 */
  }
  .cta--content {
    /* 1カラム縦積み */
    height: auto;
    flex-direction: column;
    gap: 0px;
  }
  .cta--content a {
    width: 100%;
    min-height: 180px;
    /* 画像の見え方が潰れない最低高 */
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: cover !important;
    /* 画像は常に全幅 */
    background-position: center !important;
    /* hover演出を無効化 */
    transition: none !important;
    filter: none !important;
    /* テキスト盤（::after）を中央寄せ＆縮小して可読性確保 */
  }
  .cta--content a:hover {
    filter: none !important;
  }
  .cta--content a:hover .cta--content_title span {
    color: #fff !important;
  }
  .cta--content a::after {
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    /* タッチ端末では hover を弱める（誤作動防止） */
  }
  .cta--content a::after.technology {
    width: 100%;
  }
  .cta--content a::after.technology::after {
    width: calc(5.5555555556vwvw);
    height: calc(6.1111111111vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .cta--content a::after.technology::after {
    width: calc(10.6666666667vwvw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  .cta--content a::after.technology::after {
    width: calc(5.5555555556vwvw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .cta--content a::after.technology::after {
    height: calc(11.7333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  .cta--content a::after.technology::after {
    height: calc(6.1111111111vw);
  }
}
@media (max-width: 767px) {
  .cta--content a::after.consulting::after {
    width: calc(5.2777777778vwvw);
    height: calc(6.1111111111vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .cta--content a::after.consulting::after {
    width: calc(10.1333333333vwvw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  .cta--content a::after.consulting::after {
    width: calc(5.2777777778vwvw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .cta--content a::after.consulting::after {
    height: calc(11.7333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  .cta--content a::after.consulting::after {
    height: calc(6.1111111111vw);
  }
}
@media (max-width: 767px) and (hover: hover) and (pointer: fine) {
  .cta--content a::after:hover {
    filter: brightness(1.2);
  }
}
@media (max-width: 767px) {
  .cta--content a_title {
    /* タイトルピルを中央寄せ＆少し小さめに */
    height: calc(3.3333333333vw);
    border-radius: 24px;
    padding: 0 14px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .cta--content a_title {
    height: calc(6.4vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  .cta--content a_title {
    height: calc(3.3333333333vw);
  }
}
@media (max-width: 767px) {
  .cta--content a_title span {
    font-size: min(1.1111111111vw, 16px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .cta--content a_title span {
    font-size: min(2.1333333333vw, 16px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  .cta--content a_title span {
    font-size: min(1.1111111111vw, 16px);
  }
}
@media (max-width: 767px) {
  .cta--content--links {
    width: 100%;
    padding: calc(0vw) calc(1.3888888889vw);
    margin: calc(1.6666666667vw) calc(0vw);
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: stretch;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .cta--content--links {
    padding: calc(0vw) calc(2.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  .cta--content--links {
    padding: calc(0vw) calc(1.3888888889vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .cta--content--links {
    margin: calc(3.2vw) calc(0vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  .cta--content--links {
    margin: calc(1.6666666667vw) calc(0vw);
  }
}
@media (max-width: 767px) {
  .cta--content--links_item {
    width: 100%;
    height: auto;
    box-shadow: 4px 4px 11px rgba(0, 0, 0, 0.08);
    padding: 16px;
  }
  .cta--content--links_item.first .logos {
    gap: 16px;
  }
  .cta--content--links_item.first .logos img {
    margin-right: calc(0vw);
    width: calc(4.4444444444vw);
    height: calc(4.4444444444vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .cta--content--links_item.first .logos img {
    margin-right: calc(0vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  .cta--content--links_item.first .logos img {
    margin-right: calc(0vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .cta--content--links_item.first .logos img {
    width: calc(8.5333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  .cta--content--links_item.first .logos img {
    width: calc(4.4444444444vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .cta--content--links_item.first .logos img {
    height: calc(8.5333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  .cta--content--links_item.first .logos img {
    height: calc(4.4444444444vw);
  }
}
@media (max-width: 767px) {
  .cta--content--links_item.first .logos p {
    margin-bottom: calc(0vw);
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 1.6);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .cta--content--links_item.first .logos p {
    margin-bottom: calc(0vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  .cta--content--links_item.first .logos p {
    margin-bottom: calc(0vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .cta--content--links_item.first .logos p {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 1.6);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  .cta--content--links_item.first .logos p {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 1.6);
  }
}
@media (max-width: 767px) {
  .cta--content--links_item.first p {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 1.6);
    margin-bottom: calc(0.5555555556vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .cta--content--links_item.first p {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 1.6);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  .cta--content--links_item.first p {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 1.6);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .cta--content--links_item.first p {
    margin-bottom: calc(1.0666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  .cta--content--links_item.first p {
    margin-bottom: calc(0.5555555556vw);
  }
}
@media (max-width: 767px) {
  .cta .more_btn {
    align-self: center;
    margin-right: calc(0vw);
    margin-top: calc(1.6666666667vw);
    width: calc(9.4444444444vw);
    height: calc(3.0555555556vw);
    /* タップしやすいように円のアニメも控えめに（任意） */
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .cta .more_btn {
    margin-right: calc(0vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  .cta .more_btn {
    margin-right: calc(0vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .cta .more_btn {
    margin-top: calc(3.2vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  .cta .more_btn {
    margin-top: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .cta .more_btn {
    width: calc(18.1333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  .cta .more_btn {
    width: calc(9.4444444444vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .cta .more_btn {
    height: calc(5.8666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  .cta .more_btn {
    height: calc(3.0555555556vw);
  }
}
@media (max-width: 767px) and (hover: none) {
  .cta .more_btn:hover::before {
    transform: translateY(-50%) scale(60);
  }
}
@media (max-width: 767px) {
  .cta--links {
    flex-wrap: wrap;
    padding: 10px;
  }
  .cta--links_item {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .more_btn {
    width: 150px;
    padding: 15px 20px;
  }
  .more_btn span {
    font-size: 0.75rem;
  }
}
#Front {
  box-sizing: border-box;
  padding-top: calc(8.0555555556vw);
}
@media (max-width: 767px) {
  #Front {
    padding-top: calc(15.4666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front {
    padding-top: calc(8.0555555556vw);
  }
}
#Front .kv {
  width: 100%;
  height: calc(100vh - var(--header-h)) !important;
  position: relative;
}
#Front .kv video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
#Front .kv .kv_box {
  position: absolute;
  bottom: 20%;
  left: 5%;
}
#Front .kv .kv_box img.first_img {
  width: calc(14.0972222222vw);
  margin: calc(0vw) calc(0vw) calc(0vw) calc(0.2777777778vw);
}
@media (max-width: 767px) {
  #Front .kv .kv_box img.first_img {
    width: calc(27.0666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front .kv .kv_box img.first_img {
    width: calc(14.0972222222vw);
  }
}
@media (max-width: 767px) {
  #Front .kv .kv_box img.first_img {
    margin: calc(0vw) calc(0vw) calc(0vw) calc(0.5333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front .kv .kv_box img.first_img {
    margin: calc(0vw) calc(0vw) calc(0vw) calc(0.2777777778vw);
  }
}
#Front .kv .kv_box img.second_img {
  width: calc(12.2916666667vw);
  margin: calc(0vw) calc(0.9027777778vw) calc(0vw) calc(-1.0416666667vw);
}
@media (max-width: 767px) {
  #Front .kv .kv_box img.second_img {
    width: calc(23.6vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front .kv .kv_box img.second_img {
    width: calc(12.2916666667vw);
  }
}
@media (max-width: 767px) {
  #Front .kv .kv_box img.second_img {
    margin: calc(0vw) calc(1.7333333333vw) calc(0vw) calc(-2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front .kv .kv_box img.second_img {
    margin: calc(0vw) calc(0.9027777778vw) calc(0vw) calc(-1.0416666667vw);
  }
}
#Front .kv .kv_box .kv_box--content {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#Front .kv .kv_box .kv_box--content p {
  font-size: min(3.3333333333vw, 48px);
  font-weight: 700;
  color: #fff;
}
@media (max-width: 767px) {
  #Front .kv .kv_box .kv_box--content p {
    font-size: min(6.4vw, 48px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front .kv .kv_box .kv_box--content p {
    font-size: min(3.3333333333vw, 48px);
  }
}
#Front .kv .kv_box .kv_box--content.top {
  margin-bottom: calc(0.6944444444vw);
}
@media (max-width: 767px) {
  #Front .kv .kv_box .kv_box--content.top {
    margin-bottom: calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front .kv .kv_box .kv_box--content.top {
    margin-bottom: calc(0.6944444444vw);
  }
}
#Front #TopMessage {
  width: 100%;
  box-sizing: border-box;
  padding-left: calc(13.6805555556vw);
  height: calc(47.2222222222vw);
  display: flex;
  flex-direction: row;
  align-items: center;
  position: relative;
  background-image: url("../images/message_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  #Front #TopMessage {
    padding-left: calc(26.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front #TopMessage {
    padding-left: calc(13.6805555556vw);
  }
}
@media (max-width: 767px) {
  #Front #TopMessage {
    height: calc(90.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front #TopMessage {
    height: calc(47.2222222222vw);
  }
}
#Front #TopMessage .top_message--box {
  color: #fff;
  position: relative;
  z-index: 1;
}
#Front #TopMessage .top_message--box_title {
  font-size: min(3.1944444444vw, 46px);
  font-weight: 700;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: calc(2.2222222222vw);
}
@media (max-width: 767px) {
  #Front #TopMessage .top_message--box_title {
    font-size: min(6.1333333333vw, 46px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front #TopMessage .top_message--box_title {
    font-size: min(3.1944444444vw, 46px);
  }
}
@media (max-width: 767px) {
  #Front #TopMessage .top_message--box_title {
    margin-bottom: calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front #TopMessage .top_message--box_title {
    margin-bottom: calc(2.2222222222vw);
  }
}
#Front #TopMessage .top_message--box_title span {
  font-size: min(0.9722222222vw, 14px);
  margin-bottom: calc(2.7777777778vw);
}
@media (max-width: 767px) {
  #Front #TopMessage .top_message--box_title span {
    font-size: min(1.8666666667vw, 14px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front #TopMessage .top_message--box_title span {
    font-size: min(0.9722222222vw, 14px);
  }
}
@media (max-width: 767px) {
  #Front #TopMessage .top_message--box_title span {
    margin-bottom: calc(5.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front #TopMessage .top_message--box_title span {
    margin-bottom: calc(2.7777777778vw);
  }
}
#Front #TopMessage .top_message--box_desc {
  font-size: min(1.1111111111vw, 16px);
  line-height: calc(1.1111111111vw * 2);
}
@media (max-width: 767px) {
  #Front #TopMessage .top_message--box_desc {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front #TopMessage .top_message--box_desc {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
#Front #TopMessage .top_message--img {
  width: calc(44.4444444444vw);
  position: absolute;
  top: 50%;
  right: 6.5972222222vw;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  #Front #TopMessage .top_message--img {
    width: calc(85.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front #TopMessage .top_message--img {
    width: calc(44.4444444444vw);
  }
}
#Front section {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  position: relative;
}
#Front section .s--left_title {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(5.5555555556vw);
  height: 100%;
  writing-mode: vertical-rl;
  font-size: min(0.9722222222vw, 14px);
  font-family: "Questrial", sans-serif;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #262523;
}
@media (max-width: 767px) {
  #Front section .s--left_title {
    width: calc(10.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section .s--left_title {
    width: calc(5.5555555556vw);
  }
}
@media (max-width: 767px) {
  #Front section .s--left_title {
    font-size: min(1.8666666667vw, 14px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section .s--left_title {
    font-size: min(0.9722222222vw, 14px);
  }
}
#Front section .s--right {
  width: calc(84.7222222222vw);
  box-sizing: border-box;
  padding-top: calc(8.3333333333vw);
  margin-left: calc(4.1666666667vw);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
@media (max-width: 767px) {
  #Front section .s--right {
    width: calc(162.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section .s--right {
    width: calc(84.7222222222vw);
  }
}
@media (max-width: 767px) {
  #Front section .s--right {
    padding-top: calc(16vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section .s--right {
    padding-top: calc(8.3333333333vw);
  }
}
@media (max-width: 767px) {
  #Front section .s--right {
    margin-left: calc(8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section .s--right {
    margin-left: calc(4.1666666667vw);
  }
}
#Front section#TopNews {
  padding-bottom: calc(8.3333333333vw);
}
@media (max-width: 767px) {
  #Front section#TopNews {
    padding-bottom: calc(16vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopNews {
    padding-bottom: calc(8.3333333333vw);
  }
}
#Front section#TopNews .s--right {
  width: calc(98.6111111111vw);
}
@media (max-width: 767px) {
  #Front section#TopNews .s--right {
    width: calc(189.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopNews .s--right {
    width: calc(98.6111111111vw);
  }
}
#Front section#TopNews .top_news--sidebar {
  margin-left: calc(0vw);
  box-sizing: border-box;
  padding: calc(2.8472222222vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 767px) {
  #Front section#TopNews .top_news--sidebar {
    margin-left: calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopNews .top_news--sidebar {
    margin-left: calc(0vw);
  }
}
@media (max-width: 767px) {
  #Front section#TopNews .top_news--sidebar {
    padding: calc(5.4666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopNews .top_news--sidebar {
    padding: calc(2.8472222222vw);
  }
}
#Front section#TopNews .top_news--sidebar .s--title {
  margin-bottom: calc(4.1666666667vw);
}
@media (max-width: 767px) {
  #Front section#TopNews .top_news--sidebar .s--title {
    margin-bottom: calc(8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopNews .top_news--sidebar .s--title {
    margin-bottom: calc(4.1666666667vw);
  }
}
#Front section#TopNews .top_news--sidebar_list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  padding-right: calc(2.9166666667vw);
  margin-bottom: calc(11.6666666667vw);
}
@media (max-width: 767px) {
  #Front section#TopNews .top_news--sidebar_list {
    padding-right: calc(5.6vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopNews .top_news--sidebar_list {
    padding-right: calc(2.9166666667vw);
  }
}
@media (max-width: 767px) {
  #Front section#TopNews .top_news--sidebar_list {
    margin-bottom: calc(22.4vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopNews .top_news--sidebar_list {
    margin-bottom: calc(11.6666666667vw);
  }
}
#Front section#TopNews .top_news--sidebar_list li {
  margin-bottom: calc(1.1111111111vw);
}
@media (max-width: 767px) {
  #Front section#TopNews .top_news--sidebar_list li {
    margin-bottom: calc(2.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopNews .top_news--sidebar_list li {
    margin-bottom: calc(1.1111111111vw);
  }
}
#Front section#TopNews .top_news--sidebar_list li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: min(0.9722222222vw, 14px);
  box-sizing: border-box;
  padding: calc(0.8333333333vw);
  border-radius: 2.78vw;
  border: 1px solid #262523;
  transition: all 0.3s 0s ease;
}
@media (max-width: 767px) {
  #Front section#TopNews .top_news--sidebar_list li a {
    font-size: min(1.8666666667vw, 14px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopNews .top_news--sidebar_list li a {
    font-size: min(0.9722222222vw, 14px);
  }
}
@media (max-width: 767px) {
  #Front section#TopNews .top_news--sidebar_list li a {
    padding: calc(1.6vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopNews .top_news--sidebar_list li a {
    padding: calc(0.8333333333vw);
  }
}
.has-hover #Front section#TopNews .top_news--sidebar_list li:hover a {
  background: #262523;
  color: #fff;
}
#Front section#TopNews .top_news--sidebar_more {
  align-self: flex-end;
  width: calc(8.8888888889vw);
  height: calc(2.9166666667vw);
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #262523;
  border-radius: 3.47vw;
  position: relative;
  box-sizing: border-box;
  padding-left: calc(1.6666666667vw);
  transition: all 0.3s 0s ease;
  border: 1px solid #262523;
  overflow: hidden;
}
@media (max-width: 767px) {
  #Front section#TopNews .top_news--sidebar_more {
    width: calc(17.0666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopNews .top_news--sidebar_more {
    width: calc(8.8888888889vw);
  }
}
@media (max-width: 767px) {
  #Front section#TopNews .top_news--sidebar_more {
    height: calc(5.6vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopNews .top_news--sidebar_more {
    height: calc(2.9166666667vw);
  }
}
@media (max-width: 767px) {
  #Front section#TopNews .top_news--sidebar_more {
    padding-left: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopNews .top_news--sidebar_more {
    padding-left: calc(1.6666666667vw);
  }
}
#Front section#TopNews .top_news--sidebar_more span {
  font-size: min(1.0416666667vw, 15px);
  font-family: "Questrial", sans-serif;
  font-weight: 400;
  color: #fff;
  transition: all 0.3s 0s ease;
}
@media (max-width: 767px) {
  #Front section#TopNews .top_news--sidebar_more span {
    font-size: min(2vw, 15px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopNews .top_news--sidebar_more span {
    font-size: min(1.0416666667vw, 15px);
  }
}
#Front section#TopNews .top_news--sidebar_more::before {
  content: "";
  display: block;
  width: calc(0.6944444444vw);
  height: calc(0.6944444444vw);
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  right: 10%;
  transition: all 0.3s 0s ease;
}
@media (max-width: 767px) {
  #Front section#TopNews .top_news--sidebar_more::before {
    width: calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopNews .top_news--sidebar_more::before {
    width: calc(0.6944444444vw);
  }
}
@media (max-width: 767px) {
  #Front section#TopNews .top_news--sidebar_more::before {
    height: calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopNews .top_news--sidebar_more::before {
    height: calc(0.6944444444vw);
  }
}
.has-hover #Front section#TopNews .top_news--sidebar_more:hover span {
  color: #262523;
  z-index: 1;
}
.has-hover #Front section#TopNews .top_news--sidebar_more:hover::before {
  transform: translateY(-50%) scale(100);
}
#Front section#TopNews .top_news--content {
  border-left: 1px solid #262523;
  width: calc(61.8055555556vw);
}
@media (max-width: 767px) {
  #Front section#TopNews .top_news--content {
    width: calc(118.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopNews .top_news--content {
    width: calc(61.8055555556vw);
  }
}
#Front section#TopNews .top_news--content_list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
#Front section#TopNews .top_news--content_list .top_news--content_item {
  width: 100%;
  transition: all 0.3s 0s ease;
}
#Front section#TopNews .top_news--content_list .top_news--content_item a {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  padding: calc(2.7777777778vw) calc(0vw) calc(2.7777777778vw) calc(2.2222222222vw);
}
@media (max-width: 767px) {
  #Front section#TopNews .top_news--content_list .top_news--content_item a {
    padding: calc(5.3333333333vw) calc(0vw) calc(5.3333333333vw) calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopNews .top_news--content_list .top_news--content_item a {
    padding: calc(2.7777777778vw) calc(0vw) calc(2.7777777778vw) calc(2.2222222222vw);
  }
}
#Front section#TopNews .top_news--content_list .top_news--content_item_sub {
  margin-bottom: calc(1.1111111111vw);
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 767px) {
  #Front section#TopNews .top_news--content_list .top_news--content_item_sub {
    margin-bottom: calc(2.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopNews .top_news--content_list .top_news--content_item_sub {
    margin-bottom: calc(1.1111111111vw);
  }
}
#Front section#TopNews .top_news--content_list .top_news--content_item_sub .date {
  font-size: min(0.9027777778vw, 13px);
  font-weight: 600;
  margin-right: calc(2.2222222222vw);
}
@media (max-width: 767px) {
  #Front section#TopNews .top_news--content_list .top_news--content_item_sub .date {
    font-size: min(1.7333333333vw, 13px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopNews .top_news--content_list .top_news--content_item_sub .date {
    font-size: min(0.9027777778vw, 13px);
  }
}
@media (max-width: 767px) {
  #Front section#TopNews .top_news--content_list .top_news--content_item_sub .date {
    margin-right: calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopNews .top_news--content_list .top_news--content_item_sub .date {
    margin-right: calc(2.2222222222vw);
  }
}
#Front section#TopNews .top_news--content_list .top_news--content_item_sub .cat {
  font-size: min(0.9722222222vw, 14px);
  font-weight: 500;
  background: linear-gradient(to bottom right, #760813, #0F3D74);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 767px) {
  #Front section#TopNews .top_news--content_list .top_news--content_item_sub .cat {
    font-size: min(1.8666666667vw, 14px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopNews .top_news--content_list .top_news--content_item_sub .cat {
    font-size: min(0.9722222222vw, 14px);
  }
}
#Front section#TopNews .top_news--content_list .top_news--content_item_sub .cat::before {
  content: "";
  display: block;
  width: calc(0.7638888889vw);
  height: calc(0.7638888889vw);
  border-radius: 50%;
  background: linear-gradient(to bottom right, #760813, #0F3D74);
  margin-right: calc(0.5555555556vw);
}
@media (max-width: 767px) {
  #Front section#TopNews .top_news--content_list .top_news--content_item_sub .cat::before {
    width: calc(1.4666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopNews .top_news--content_list .top_news--content_item_sub .cat::before {
    width: calc(0.7638888889vw);
  }
}
@media (max-width: 767px) {
  #Front section#TopNews .top_news--content_list .top_news--content_item_sub .cat::before {
    height: calc(1.4666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopNews .top_news--content_list .top_news--content_item_sub .cat::before {
    height: calc(0.7638888889vw);
  }
}
@media (max-width: 767px) {
  #Front section#TopNews .top_news--content_list .top_news--content_item_sub .cat::before {
    margin-right: calc(1.0666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopNews .top_news--content_list .top_news--content_item_sub .cat::before {
    margin-right: calc(0.5555555556vw);
  }
}
#Front section#TopNews .top_news--content_list .top_news--content_item_title {
  width: 100%;
  font-size: min(1.1111111111vw, 16px);
  line-height: calc(1.1111111111vw * 2);
}
@media (max-width: 767px) {
  #Front section#TopNews .top_news--content_list .top_news--content_item_title {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopNews .top_news--content_list .top_news--content_item_title {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
#Front section#TopNews .top_news--content_list .top_news--content_item:not(:last-child) {
  border-bottom: 1px solid #262523;
}
.has-hover #Front section#TopNews .top_news--content_list .top_news--content_item:hover {
  background: rgba(0, 0, 0, 0.12);
}
#Front section#TopNews.archive .s--right {
  width: 100%;
  margin-left: calc(0vw);
  box-sizing: border-box;
  padding: calc(6.9444444444vw) calc(3.4722222222vw);
}
@media (max-width: 767px) {
  #Front section#TopNews.archive .s--right {
    margin-left: calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopNews.archive .s--right {
    margin-left: calc(0vw);
  }
}
@media (max-width: 767px) {
  #Front section#TopNews.archive .s--right {
    padding: calc(13.3333333333vw) calc(6.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopNews.archive .s--right {
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
#Front section#TopNews.archive .s--right .top_news--sidebar {
  width: 20%;
}
#Front section#TopNews.archive .s--right .top_news--content {
  width: 80%;
}
#Front section#TopAbout {
  width: 100%;
  box-sizing: border-box;
}
#Front section#TopAbout .horizontal-wrap {
  width: 100%;
  position: relative;
  z-index: 10;
}
#Front section#TopAbout .section_inner {
  height: auto;
  overflow: visible;
  width: 100%;
  transform: none;
  display: flex;
  flex-direction: column !important;
}
#Front section#TopAbout .section_inner .panel {
  flex-shrink: 0;
  box-sizing: border-box;
  position: relative;
}
#Front section#TopAbout .section_inner .panel.first_content {
  background-image: url("../images/about_bg_img.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  box-sizing: border-box;
  padding: calc(9.0277777778vw) calc(0vw) calc(3.4722222222vw) calc(6.9444444444vw);
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.first_content {
    padding: calc(17.3333333333vw) calc(0vw) calc(6.6666666667vw) calc(13.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.first_content {
    padding: calc(9.0277777778vw) calc(0vw) calc(3.4722222222vw) calc(6.9444444444vw);
  }
}
#Front section#TopAbout .section_inner .panel.first_content .content_left {
  width: calc(34.7222222222vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_left {
    width: calc(66.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_left {
    width: calc(34.7222222222vw);
  }
}
#Front section#TopAbout .section_inner .panel.first_content .content_left .content_title {
  font-size: min(3.3333333333vw, 48px);
  line-height: calc(3.3333333333vw * 1.5);
  font-weight: 700;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-top: calc(1.3888888889vw);
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_left .content_title {
    font-size: min(6.4vw, 48px);
    line-height: calc(6.4vw * 1.5);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_left .content_title {
    font-size: min(3.3333333333vw, 48px);
    line-height: calc(3.3333333333vw * 1.5);
  }
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_left .content_title {
    margin-top: calc(2.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_left .content_title {
    margin-top: calc(1.3888888889vw);
  }
}
#Front section#TopAbout .section_inner .panel.first_content .content_left .content_title span {
  font-size: min(2.2222222222vw, 32px);
  line-height: calc(2.2222222222vw * 1.5);
  margin: calc(0.6944444444vw) calc(0vw);
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_left .content_title span {
    font-size: min(4.2666666667vw, 32px);
    line-height: calc(4.2666666667vw * 1.5);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_left .content_title span {
    font-size: min(2.2222222222vw, 32px);
    line-height: calc(2.2222222222vw * 1.5);
  }
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_left .content_title span {
    margin: calc(1.3333333333vw) calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_left .content_title span {
    margin: calc(0.6944444444vw) calc(0vw);
  }
}
#Front section#TopAbout .section_inner .panel.first_content .content_left .content_desc {
  font-size: min(1.1111111111vw, 16px);
  line-height: calc(1.1111111111vw * 1.5);
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_left .content_desc {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 1.5);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_left .content_desc {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 1.5);
  }
}
#Front section#TopAbout .section_inner .panel.first_content .content_left .links_box {
  margin-top: calc(2.7777777778vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_left .links_box {
    margin-top: calc(5.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_left .links_box {
    margin-top: calc(2.7777777778vw);
  }
}
#Front section#TopAbout .section_inner .panel.first_content .content_left .links_box .about_btn {
  box-sizing: border-box;
  padding: calc(1.1111111111vw) calc(2.9166666667vw) calc(0.9027777778vw) calc(1.6666666667vw);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 3.47vw;
  position: relative;
  box-sizing: border-box;
  padding-left: calc(1.6666666667vw);
  transition: all 0.3s 0s ease;
  overflow: hidden;
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_left .links_box .about_btn {
    padding: calc(2.1333333333vw) calc(5.6vw) calc(1.7333333333vw) calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_left .links_box .about_btn {
    padding: calc(1.1111111111vw) calc(2.9166666667vw) calc(0.9027777778vw) calc(1.6666666667vw);
  }
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_left .links_box .about_btn {
    padding-left: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_left .links_box .about_btn {
    padding-left: calc(1.6666666667vw);
  }
}
#Front section#TopAbout .section_inner .panel.first_content .content_left .links_box .about_btn span {
  font-size: min(1.1111111111vw, 16px);
  line-height: calc(1.1111111111vw * 1);
  font-family: "Questrial", sans-serif;
  font-weight: 700;
  color: #fff;
  transition: all 0.3s 0s ease;
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_left .links_box .about_btn span {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 1);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_left .links_box .about_btn span {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 1);
  }
}
#Front section#TopAbout .section_inner .panel.first_content .content_left .links_box .about_btn::before {
  content: "";
  display: block;
  width: calc(0.6944444444vw);
  height: calc(0.6944444444vw);
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  right: 5%;
  transition: all 0.3s 0s ease;
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_left .links_box .about_btn::before {
    width: calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_left .links_box .about_btn::before {
    width: calc(0.6944444444vw);
  }
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_left .links_box .about_btn::before {
    height: calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_left .links_box .about_btn::before {
    height: calc(0.6944444444vw);
  }
}
.has-hover #Front section#TopAbout .section_inner .panel.first_content .content_left .links_box .about_btn:hover span {
  color: #262523;
  z-index: 1;
}
.has-hover #Front section#TopAbout .section_inner .panel.first_content .content_left .links_box .about_btn:hover::before {
  transform: translateY(-50%) scale(100);
}
#Front section#TopAbout .section_inner .panel.first_content .content_left .links_box .about_btn.ptj_btn {
  background: #023C82;
  border: 1px solid #023C82;
}
#Front section#TopAbout .section_inner .panel.first_content .content_left .links_box .about_btn.pcj_btn {
  background: #CE1B2E;
  border: 1px solid #CE1B2E;
  margin-top: calc(1.1111111111vw);
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_left .links_box .about_btn.pcj_btn {
    margin-top: calc(2.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_left .links_box .about_btn.pcj_btn {
    margin-top: calc(1.1111111111vw);
  }
}
#Front section#TopAbout .section_inner .panel.first_content .content_left .links_box .about_btn.history_btn {
  background: #262523;
  border: 1px solid #262523;
  margin-top: calc(1.1111111111vw);
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_left .links_box .about_btn.history_btn {
    margin-top: calc(2.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_left .links_box .about_btn.history_btn {
    margin-top: calc(1.1111111111vw);
  }
}
#Front section#TopAbout .section_inner .panel.first_content .content_left .links_box .about_btn.history_btn::before {
  right: 10%;
}
#Front section#TopAbout .section_inner .panel.first_content .content_right {
  width: calc(48.6111111111vw);
  margin-left: calc(5.5555555556vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_right {
    width: calc(93.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_right {
    width: calc(48.6111111111vw);
  }
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_right {
    margin-left: calc(10.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_right {
    margin-left: calc(5.5555555556vw);
  }
}
#Front section#TopAbout .section_inner .panel.first_content .content_right::before, #Front section#TopAbout .section_inner .panel.first_content .content_right::after {
  content: "";
  display: block;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
}
#Front section#TopAbout .section_inner .panel.first_content .content_right::before {
  right: 0;
  top: 0;
  width: calc(27.9861111111vw);
  height: calc(17.7083333333vw);
  background-image: url("../images/mask_img01.png");
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_right::before {
    width: calc(53.7333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_right::before {
    width: calc(27.9861111111vw);
  }
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_right::before {
    height: calc(34vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_right::before {
    height: calc(17.7083333333vw);
  }
}
#Front section#TopAbout .section_inner .panel.first_content .content_right::after {
  right: 0;
  bottom: 15%;
  width: calc(18.9583333333vw);
  height: calc(17.7083333333vw);
  background-image: url("../images/mask_img.png");
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_right::after {
    width: calc(36.4vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_right::after {
    width: calc(18.9583333333vw);
  }
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_right::after {
    height: calc(34vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_right::after {
    height: calc(17.7083333333vw);
  }
}
#Front section#TopAbout .section_inner .panel.first_content .content_right .upper_img_box {
  width: 100%;
  aspect-ratio: 7/5;
  max-height: 60vh;
  overflow: hidden;
}
#Front section#TopAbout .section_inner .panel.first_content .content_right .main_img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
#Front section#TopAbout .section_inner .panel.first_content .content_right .bottom_img_box {
  width: 100%;
  display: flex;
  gap: 16px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-top: calc(1.1111111111vw);
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_right .bottom_img_box {
    margin-top: calc(2.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.first_content .content_right .bottom_img_box {
    margin-top: calc(1.1111111111vw);
  }
}
#Front section#TopAbout .section_inner .panel.first_content .content_right .bottom_img_box img {
  -o-object-fit: cover;
     object-fit: cover;
  height: clamp(120px, 18vh, 220px);
}
#Front section#TopAbout .section_inner .panel.first_content .content_right .bottom_img_box img:nth-child(1) {
  width: 45%;
}
#Front section#TopAbout .section_inner .panel.first_content .content_right .bottom_img_box img:nth-child(2) {
  width: 20%;
}
#Front section#TopAbout .section_inner .panel.first_content .content_right .bottom_img_box img:nth-child(3) {
  width: 30%;
}
#Front section#TopAbout .section_inner .panel.second_content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  background-image: url("../images/second_content_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
  padding: calc(14.5833333333vw) calc(4.1666666667vw) calc(4.1666666667vw) calc(4.1666666667vw);
  position: relative;
  overflow: hidden;
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.second_content {
    padding: calc(28vw) calc(8vw) calc(8vw) calc(8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.second_content {
    padding: calc(14.5833333333vw) calc(4.1666666667vw) calc(4.1666666667vw) calc(4.1666666667vw);
  }
}
#Front section#TopAbout .section_inner .panel.second_content .background_title {
  position: absolute;
  top: 15%;
  left: 0;
  font-family: "Questrial", sans-serif;
  font-size: min(8.6111111111vw, 124px);
  font-weight: 400;
  color: transparent;
  -webkit-text-stroke: 1px #5A5A5A;
  text-stroke: 1px rgba(255, 255, 255, 0.2);
  text-wrap: nowrap;
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.second_content .background_title {
    font-size: min(16.5333333333vw, 124px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.second_content .background_title {
    font-size: min(8.6111111111vw, 124px);
  }
}
#Front section#TopAbout .section_inner .panel.second_content img {
  width: calc(34.7222222222vw);
  margin-right: calc(4.375vw);
  z-index: 1;
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.second_content img {
    width: calc(66.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.second_content img {
    width: calc(34.7222222222vw);
  }
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.second_content img {
    margin-right: calc(8.4vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.second_content img {
    margin-right: calc(4.375vw);
  }
}
#Front section#TopAbout .section_inner .panel.second_content .text_wrapper {
  width: calc(41.6666666667vw);
  position: relative;
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.second_content .text_wrapper {
    width: calc(80vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.second_content .text_wrapper {
    width: calc(41.6666666667vw);
  }
}
#Front section#TopAbout .section_inner .panel.second_content .text_wrapper--title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: min(2.2222222222vw, 32px);
  font-weight: 700;
  color: #fff;
  margin-bottom: calc(1.3888888889vw);
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.second_content .text_wrapper--title {
    font-size: min(4.2666666667vw, 32px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.second_content .text_wrapper--title {
    font-size: min(2.2222222222vw, 32px);
  }
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.second_content .text_wrapper--title {
    margin-bottom: calc(2.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.second_content .text_wrapper--title {
    margin-bottom: calc(1.3888888889vw);
  }
}
#Front section#TopAbout .section_inner .panel.second_content .text_wrapper--title span {
  font-size: min(0.9722222222vw, 14px);
  line-height: calc(0.9722222222vw * 1);
  font-weight: 400;
  font-family: "Questrial", sans-serif;
  margin-bottom: calc(0.6944444444vw);
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.second_content .text_wrapper--title span {
    font-size: min(1.8666666667vw, 14px);
    line-height: calc(1.8666666667vw * 1);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.second_content .text_wrapper--title span {
    font-size: min(0.9722222222vw, 14px);
    line-height: calc(0.9722222222vw * 1);
  }
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.second_content .text_wrapper--title span {
    margin-bottom: calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.second_content .text_wrapper--title span {
    margin-bottom: calc(0.6944444444vw);
  }
}
#Front section#TopAbout .section_inner .panel.second_content .text_wrapper--text {
  font-size: min(1.1111111111vw, 16px);
  line-height: calc(1.1111111111vw * 2);
  color: #fff;
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.second_content .text_wrapper--text {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.second_content .text_wrapper--text {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
#Front section#TopAbout .section_inner .panel.second_content .text_wrapper .more_btn {
  position: absolute;
  right: 0;
  bottom: -30%;
  margin: 0;
}
#Front section#TopAbout .section_inner .panel.third_content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  background-image: url("../images/third_content_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
  padding: calc(14.5833333333vw) calc(4.1666666667vw) calc(4.1666666667vw) calc(4.1666666667vw);
  position: relative;
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.third_content {
    padding: calc(28vw) calc(8vw) calc(8vw) calc(8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.third_content {
    padding: calc(14.5833333333vw) calc(4.1666666667vw) calc(4.1666666667vw) calc(4.1666666667vw);
  }
}
#Front section#TopAbout .section_inner .panel.third_content .background_title {
  position: absolute;
  top: 15%;
  left: 0;
  font-family: "Questrial", sans-serif;
  font-size: min(7.6388888889vw, 110px);
  font-weight: 400;
  color: transparent;
  -webkit-text-stroke: 1px #5A5A5A;
  text-stroke: 1px rgba(255, 255, 255, 0.2);
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.third_content .background_title {
    font-size: min(14.6666666667vw, 110px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.third_content .background_title {
    font-size: min(7.6388888889vw, 110px);
  }
}
#Front section#TopAbout .section_inner .panel.third_content img {
  width: calc(34.7222222222vw);
  margin-right: calc(4.375vw);
  z-index: 1;
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.third_content img {
    width: calc(66.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.third_content img {
    width: calc(34.7222222222vw);
  }
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.third_content img {
    margin-right: calc(8.4vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.third_content img {
    margin-right: calc(4.375vw);
  }
}
#Front section#TopAbout .section_inner .panel.third_content .text_wrapper {
  width: calc(41.6666666667vw);
  position: relative;
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.third_content .text_wrapper {
    width: calc(80vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.third_content .text_wrapper {
    width: calc(41.6666666667vw);
  }
}
#Front section#TopAbout .section_inner .panel.third_content .text_wrapper--title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: min(2.2222222222vw, 32px);
  font-weight: 700;
  color: #fff;
  margin-bottom: calc(1.3888888889vw);
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.third_content .text_wrapper--title {
    font-size: min(4.2666666667vw, 32px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.third_content .text_wrapper--title {
    font-size: min(2.2222222222vw, 32px);
  }
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.third_content .text_wrapper--title {
    margin-bottom: calc(2.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.third_content .text_wrapper--title {
    margin-bottom: calc(1.3888888889vw);
  }
}
#Front section#TopAbout .section_inner .panel.third_content .text_wrapper--title span {
  font-size: min(0.9722222222vw, 14px);
  line-height: calc(0.9722222222vw * 1);
  font-weight: 400;
  font-family: "Questrial", sans-serif;
  margin-bottom: calc(0.6944444444vw);
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.third_content .text_wrapper--title span {
    font-size: min(1.8666666667vw, 14px);
    line-height: calc(1.8666666667vw * 1);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.third_content .text_wrapper--title span {
    font-size: min(0.9722222222vw, 14px);
    line-height: calc(0.9722222222vw * 1);
  }
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.third_content .text_wrapper--title span {
    margin-bottom: calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.third_content .text_wrapper--title span {
    margin-bottom: calc(0.6944444444vw);
  }
}
#Front section#TopAbout .section_inner .panel.third_content .text_wrapper--text {
  font-size: min(1.1111111111vw, 16px);
  line-height: calc(1.1111111111vw * 2);
  color: #fff;
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.third_content .text_wrapper--text {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.third_content .text_wrapper--text {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
#Front section#TopAbout .section_inner .panel.third_content .text_wrapper .more_btn {
  position: absolute;
  right: 0;
  bottom: -25%;
  margin: 0;
}
#Front section#TopAbout .section_inner .panel.last_content {
  width: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background: #262523;
  box-sizing: border-box;
  padding: calc(11.1111111111vw) calc(22.9166666667vw) calc(4.1666666667vw) calc(0vw);
  background-image: url("../images/last_content_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.last_content {
    padding: calc(21.3333333333vw) calc(44vw) calc(8vw) calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.last_content {
    padding: calc(11.1111111111vw) calc(22.9166666667vw) calc(4.1666666667vw) calc(0vw);
  }
}
#Front section#TopAbout .section_inner .panel.last_content::before {
  content: "";
  display: block;
  width: 101%;
  height: calc(5.5555555556vw);
  background: linear-gradient(to right, #0F3D74, #760813);
  position: absolute;
  top: 26vw;
  left: -1%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.last_content::before {
    height: calc(10.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.last_content::before {
    height: calc(5.5555555556vw);
  }
}
#Front section#TopAbout .section_inner .panel.last_content .last_content--title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: min(2.2222222222vw, 32px);
  font-weight: 700;
  color: #fff;
  margin-bottom: calc(2.0833333333vw);
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.last_content .last_content--title {
    font-size: min(4.2666666667vw, 32px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.last_content .last_content--title {
    font-size: min(2.2222222222vw, 32px);
  }
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.last_content .last_content--title {
    margin-bottom: calc(4vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.last_content .last_content--title {
    margin-bottom: calc(2.0833333333vw);
  }
}
#Front section#TopAbout .section_inner .panel.last_content .last_content--title span {
  font-size: min(0.9722222222vw, 14px);
  line-height: calc(0.9722222222vw * 1);
  font-weight: 400;
  font-family: "Questrial", sans-serif;
  margin-bottom: calc(0.6944444444vw);
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.last_content .last_content--title span {
    font-size: min(1.8666666667vw, 14px);
    line-height: calc(1.8666666667vw * 1);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.last_content .last_content--title span {
    font-size: min(0.9722222222vw, 14px);
    line-height: calc(0.9722222222vw * 1);
  }
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.last_content .last_content--title span {
    margin-bottom: calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.last_content .last_content--title span {
    margin-bottom: calc(0.6944444444vw);
  }
}
#Front section#TopAbout .section_inner .panel.last_content .last_content--list {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: calc(7.6388888889vw);
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.last_content .last_content--list {
    margin-top: calc(14.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.last_content .last_content--list {
    margin-top: calc(7.6388888889vw);
  }
}
#Front section#TopAbout .section_inner .panel.last_content .last_content--list_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  color: #fff;
}
#Front section#TopAbout .section_inner .panel.last_content .last_content--list_item .year {
  font-family: "DM Serif Display", serif;
  font-size: min(2.2222222222vw, 32px);
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.last_content .last_content--list_item .year {
    font-size: min(4.2666666667vw, 32px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.last_content .last_content--list_item .year {
    font-size: min(2.2222222222vw, 32px);
  }
}
#Front section#TopAbout .section_inner .panel.last_content .last_content--list_item .text {
  position: absolute;
  top: -240%;
  left: 0;
  text-wrap: nowrap;
  font-size: min(1.1111111111vw, 16px);
  line-height: calc(1.1111111111vw * 2);
  font-weight: 700;
  line-height: 1.7;
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.last_content .last_content--list_item .text {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.last_content .last_content--list_item .text {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
#Front section#TopAbout .section_inner .panel.last_content .last_content--list_item:not(:last-child) {
  margin-right: calc(5.9027777778vw);
}
@media (max-width: 767px) {
  #Front section#TopAbout .section_inner .panel.last_content .last_content--list_item:not(:last-child) {
    margin-right: calc(11.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .section_inner .panel.last_content .last_content--list_item:not(:last-child) {
    margin-right: calc(5.9027777778vw);
  }
}
#Front section#TopAbout .section_inner .panel.last_content .last_content--list_item:nth-child(2) .text {
  top: 180%;
}
#Front section#TopAbout .section_inner .panel.last_content .last_content--list_item:nth-child(3) .text {
  top: 370%;
}
#Front section#TopAbout .section_inner .panel.last_content .last_content--list_item:nth-child(4) .text {
  top: 570%;
}
#Front section#TopAbout .section_inner .panel.last_content .last_content--list_item:nth-child(5) .text {
  top: 750%;
}
#Front section#TopAbout .section_inner .panel.last_content .last_content--list_item:nth-child(6) .text {
  top: -240%;
}
#Front section#TopAbout .section_inner .panel.last_content .last_content--list_item:nth-child(7) .text {
  top: 180%;
}
#Front section#TopAbout .section_inner .panel.last_content .last_content--list_item:nth-child(8) .text {
  top: 280%;
}
#Front section#TopAbout .section_inner .panel.last_content .last_content--list_item:nth-child(9) .text {
  top: 500%;
}
#Front section#TopAbout .section_inner .panel.last_content .last_content--list_item:nth-child(10) .text {
  top: 700%;
}
#Front section#TopAbout .section_inner .panel.last_content .last_content--list_item:nth-child(11) .text {
  top: -420%;
}
#Front section#TopAbout .section_inner .panel.last_content .last_content--list_item:nth-child(12) .text {
  top: 180%;
}
#Front section#TopAbout .section_inner .panel.last_content .last_content--list_item:nth-child(13) .text {
  top: 350%;
}
#Front section#TopInterview {
  width: 100%;
  position: relative;
}
#Front section#TopInterview .s--title {
  margin-left: calc(7.5vw);
}
@media (max-width: 767px) {
  #Front section#TopInterview .s--title {
    margin-left: calc(14.4vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopInterview .s--title {
    margin-left: calc(7.5vw);
  }
}
#Front section#TopInterview .section_inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  padding: calc(8.3333333333vw) calc(0vw);
  background-image: url("../images/front-interview_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  #Front section#TopInterview .section_inner {
    padding: calc(16vw) calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopInterview .section_inner {
    padding: calc(8.3333333333vw) calc(0vw);
  }
}
#Front section#TopInterview .section_inner .interview_box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#Front section#TopInterview .section_inner .interview_box .box_title {
  width: 100%;
  height: calc(9.0277777778vw);
  font-size: min(2.2222222222vw, 32px);
  line-height: calc(2.2222222222vw * 2);
  font-weight: 700;
  box-sizing: border-box;
  padding: calc(0.6944444444vw) calc(0vw) calc(0vw) calc(7.0833333333vw);
  background-image: url("../images/gtj_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  overflow-X: hidden;
}
@media (max-width: 767px) {
  #Front section#TopInterview .section_inner .interview_box .box_title {
    height: calc(17.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopInterview .section_inner .interview_box .box_title {
    height: calc(9.0277777778vw);
  }
}
@media (max-width: 767px) {
  #Front section#TopInterview .section_inner .interview_box .box_title {
    font-size: min(4.2666666667vw, 32px);
    line-height: calc(4.2666666667vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopInterview .section_inner .interview_box .box_title {
    font-size: min(2.2222222222vw, 32px);
    line-height: calc(2.2222222222vw * 2);
  }
}
@media (max-width: 767px) {
  #Front section#TopInterview .section_inner .interview_box .box_title {
    padding: calc(1.3333333333vw) calc(0vw) calc(0vw) calc(13.6vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopInterview .section_inner .interview_box .box_title {
    padding: calc(0.6944444444vw) calc(0vw) calc(0vw) calc(7.0833333333vw);
  }
}
#Front section#TopInterview .section_inner .interview_box .box_list {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  box-sizing: border-box;
  padding: calc(0vw) calc(4.5833333333vw) calc(0vw) calc(4.5833333333vw);
}
@media (max-width: 767px) {
  #Front section#TopInterview .section_inner .interview_box .box_list {
    padding: calc(0vw) calc(8.8vw) calc(0vw) calc(8.8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopInterview .section_inner .interview_box .box_list {
    padding: calc(0vw) calc(4.5833333333vw) calc(0vw) calc(4.5833333333vw);
  }
}
#Front section#TopInterview .section_inner .interview_box .box_list .box_item {
  width: calc(20.8333333333vw);
  position: relative;
}
@media (max-width: 767px) {
  #Front section#TopInterview .section_inner .interview_box .box_list .box_item {
    width: calc(40vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopInterview .section_inner .interview_box .box_list .box_item {
    width: calc(20.8333333333vw);
  }
}
#Front section#TopInterview .section_inner .interview_box .box_list .box_item img {
  width: 100%;
  height: 500px;
  -o-object-fit: cover;
     object-fit: cover;
}
#Front section#TopInterview .section_inner .interview_box .box_list .box_item--content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(217, 217, 217, 0), rgba(165, 165, 164, 0), rgba(119, 118, 117, 0.6705882353), rgba(38, 37, 35, 0.8980392157));
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  box-sizing: border-box;
  padding: calc(0vw) calc(1.3888888889vw) calc(2.2222222222vw);
}
@media (max-width: 767px) {
  #Front section#TopInterview .section_inner .interview_box .box_list .box_item--content {
    padding: calc(0vw) calc(2.6666666667vw) calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopInterview .section_inner .interview_box .box_list .box_item--content {
    padding: calc(0vw) calc(1.3888888889vw) calc(2.2222222222vw);
  }
}
#Front section#TopInterview .section_inner .interview_box .box_list .box_item--content_title {
  font-size: min(1.6666666667vw, 24px);
  line-height: calc(1.6666666667vw * 1.5);
  color: #fff;
  font-weight: 700;
}
@media (max-width: 767px) {
  #Front section#TopInterview .section_inner .interview_box .box_list .box_item--content_title {
    font-size: min(3.2vw, 24px);
    line-height: calc(3.2vw * 1.5);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopInterview .section_inner .interview_box .box_list .box_item--content_title {
    font-size: min(1.6666666667vw, 24px);
    line-height: calc(1.6666666667vw * 1.5);
  }
}
#Front section#TopInterview .section_inner .interview_box .box_list .box_item--content .tags {
  box-sizing: border-box;
  padding: calc(0.2777777778vw) calc(1.1111111111vw);
  background: linear-gradient(to right, #0F3D74, #262523);
  border-radius: 2vw;
  font-size: min(1.1111111111vw, 16px);
  line-height: calc(1.1111111111vw * 2);
  font-weight: 500;
  color: #fff;
  margin: calc(1.6666666667vw) calc(0vw) calc(1.1111111111vw);
}
@media (max-width: 767px) {
  #Front section#TopInterview .section_inner .interview_box .box_list .box_item--content .tags {
    padding: calc(0.5333333333vw) calc(2.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopInterview .section_inner .interview_box .box_list .box_item--content .tags {
    padding: calc(0.2777777778vw) calc(1.1111111111vw);
  }
}
@media (max-width: 767px) {
  #Front section#TopInterview .section_inner .interview_box .box_list .box_item--content .tags {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopInterview .section_inner .interview_box .box_list .box_item--content .tags {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (max-width: 767px) {
  #Front section#TopInterview .section_inner .interview_box .box_list .box_item--content .tags {
    margin: calc(3.2vw) calc(0vw) calc(2.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopInterview .section_inner .interview_box .box_list .box_item--content .tags {
    margin: calc(1.6666666667vw) calc(0vw) calc(1.1111111111vw);
  }
}
#Front section#TopInterview .section_inner .interview_box .box_list .box_item--content .name {
  color: #fff;
  font-size: min(1.25vw, 18px);
  line-height: calc(1.25vw * 2);
  font-weight: 700;
}
@media (max-width: 767px) {
  #Front section#TopInterview .section_inner .interview_box .box_list .box_item--content .name {
    font-size: min(2.4vw, 18px);
    line-height: calc(2.4vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopInterview .section_inner .interview_box .box_list .box_item--content .name {
    font-size: min(1.25vw, 18px);
    line-height: calc(1.25vw * 2);
  }
}
#Front section#TopInterview .section_inner .interview_box.pcj_box {
  margin-top: calc(2.0833333333vw);
}
@media (max-width: 767px) {
  #Front section#TopInterview .section_inner .interview_box.pcj_box {
    margin-top: calc(4vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopInterview .section_inner .interview_box.pcj_box {
    margin-top: calc(2.0833333333vw);
  }
}
#Front section#TopInterview .section_inner .interview_box.pcj_box .box_title {
  background-image: url("../images/gcj_bg.png");
}
#Front section#TopInterview .section_inner .interview_box.pcj_box .box_list .box_item--content .tags {
  background: linear-gradient(to right, #760813, #262523);
}
#Front section#TopEnviroment {
  width: 100%;
}
#Front section#TopEnviroment .s--title {
  margin-left: calc(3.0555555556vw);
}
@media (max-width: 767px) {
  #Front section#TopEnviroment .s--title {
    margin-left: calc(5.8666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .s--title {
    margin-left: calc(3.0555555556vw);
  }
}
#Front section#TopEnviroment .section_inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  padding: calc(8.3333333333vw) calc(4.1666666667vw) calc(8.3333333333vw) calc(4.1666666667vw);
}
@media (max-width: 767px) {
  #Front section#TopEnviroment .section_inner {
    padding: calc(16vw) calc(8vw) calc(16vw) calc(8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner {
    padding: calc(8.3333333333vw) calc(4.1666666667vw) calc(8.3333333333vw) calc(4.1666666667vw);
  }
}
#Front section#TopEnviroment .section_inner .square_box {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-top: calc(4.1666666667vw);
  position: relative;
}
@media (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box {
    margin-top: calc(8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box {
    margin-top: calc(4.1666666667vw);
  }
}
#Front section#TopEnviroment .section_inner .square_box_inner {
  width: 50%;
  height: calc(38.8888888889vw);
  box-sizing: border-box;
  border: 0.5px solid #5A5A5A;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
@media (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner {
    height: calc(74.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner {
    height: calc(38.8888888889vw);
  }
}
#Front section#TopEnviroment .section_inner .square_box_inner img {
  opacity: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
#Front section#TopEnviroment .section_inner .square_box_inner .wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: calc(6.9444444444vw) calc(5.4166666667vw) calc(0vw);
}
@media (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .wrapper {
    padding: calc(13.3333333333vw) calc(10.4vw) calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .wrapper {
    padding: calc(6.9444444444vw) calc(5.4166666667vw) calc(0vw);
  }
}
#Front section#TopEnviroment .section_inner .square_box_inner .wrapper:before {
  display: block;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  font-size: min(3.9583333333vw, 57px);
  font-weight: 400;
  font-family: "Questrial", sans-serif;
}
@media (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .wrapper:before {
    font-size: min(7.6vw, 57px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .wrapper:before {
    font-size: min(3.9583333333vw, 57px);
  }
}
#Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap {
  width: auto;
  position: relative;
}
#Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main {
  width: calc(12.5vw);
  height: calc(12.5vw);
  background: #fff;
  border-radius: 50%;
  border: 1px solid #023C82;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 4px 4px 13px rgba(0, 0, 0, 0.12);
  margin-bottom: calc(2.9861111111vw);
}
@media (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main {
    width: calc(24vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main {
    width: calc(12.5vw);
  }
}
@media (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main {
    height: calc(24vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main {
    height: calc(12.5vw);
  }
}
@media (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main {
    margin-bottom: calc(5.7333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main {
    margin-bottom: calc(2.9861111111vw);
  }
}
#Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main p {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: min(1.0416666667vw, 15px);
  font-weight: 700;
  margin-top: calc(-2.0833333333vw);
  line-height: 1.4;
}
@media (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main p {
    font-size: min(2vw, 15px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main p {
    font-size: min(1.0416666667vw, 15px);
  }
}
@media (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main p {
    margin-top: calc(-4vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main p {
    margin-top: calc(-2.0833333333vw);
  }
}
#Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main p span {
  font-size: min(1.0416666667vw, 15px);
  font-weight: 700;
}
@media (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main p span {
    font-size: min(2vw, 15px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main p span {
    font-size: min(1.0416666667vw, 15px);
  }
}
#Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p {
  position: absolute;
  width: calc(9.0277777778vw);
  height: calc(9.0277777778vw);
  border-radius: 50%;
  background: #fff;
  box-shadow: 4px 4px 13px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: min(1.25vw, 18px);
  font-weight: 700;
}
@media (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p {
    width: calc(17.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p {
    width: calc(9.0277777778vw);
  }
}
@media (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p {
    height: calc(17.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p {
    height: calc(9.0277777778vw);
  }
}
@media (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p {
    font-size: min(2.4vw, 18px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p {
    font-size: min(1.25vw, 18px);
  }
}
#Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p.top {
  top: -35%;
  left: 50%;
  transform: translateX(-50%);
}
#Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p.left_top {
  top: -20%;
  left: -40%;
}
#Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p.right_top {
  top: -20%;
  right: -40%;
}
#Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p.left_bottom {
  bottom: 5%;
  left: -40%;
}
#Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p.right_bottom {
  bottom: 5%;
  right: -40%;
}
#Front section#TopEnviroment .section_inner .square_box_inner .inner_text {
  font-size: min(1.1111111111vw, 16px);
  line-height: calc(1.1111111111vw * 2);
  font-weight: 500;
}
@media (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .inner_text {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .inner_text {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
#Front section#TopEnviroment .section_inner .square_box_inner .more_btn {
  align-self: flex-end;
  margin-top: calc(2.2222222222vw);
  margin-right: calc(0vw);
}
@media (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .more_btn {
    margin-top: calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .more_btn {
    margin-top: calc(2.2222222222vw);
  }
}
@media (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .more_btn {
    margin-right: calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .more_btn {
    margin-right: calc(0vw);
  }
}
#Front section#TopEnviroment .section_inner .square_box_inner.ptj_box .wrapper {
  background: #F7FAFC;
}
#Front section#TopEnviroment .section_inner .square_box_inner.ptj_box .wrapper:before {
  content: "Technology";
  color: rgba(15, 61, 116, 0.1098039216);
}
#Front section#TopEnviroment .section_inner .square_box_inner.ptj_box .main p {
  margin-top: calc(0vw);
}
@media (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner.ptj_box .main p {
    margin-top: calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner.ptj_box .main p {
    margin-top: calc(0vw);
  }
}
#Front section#TopEnviroment .section_inner .square_box_inner.pcj_box {
  border-left: none;
}
#Front section#TopEnviroment .section_inner .square_box_inner.pcj_box .wrapper {
  background: rgba(190, 153, 157, 0.15);
}
#Front section#TopEnviroment .section_inner .square_box_inner.pcj_box .wrapper:before {
  content: "Consulting";
  color: rgba(151, 25, 39, 0.1490196078);
  left: 50%;
  transform: translateX(-50%);
}
#Front section#TopEnviroment .section_inner .square_box_inner.pcj_box .circle_wrap .main {
  border: 1px solid #CE1B2E;
}
#Front section#TopEnviroment .section_inner .square_box_inner.pcj_box .circle_wrap .main p {
  margin-top: calc(0vw);
}
@media (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner.pcj_box .circle_wrap .main p {
    margin-top: calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner.pcj_box .circle_wrap .main p {
    margin-top: calc(0vw);
  }
}
#Front section#TopEnviroment .section_inner .square_box_inner.pcj_box .circle_wrap > p.left_bottom {
  bottom: 0%;
  left: -40%;
}
#Front section#TopEnviroment .section_inner .square_box_inner.pcj_box .circle_wrap > p.right_bottom {
  bottom: 0%;
  right: -40%;
}

.after-scroll {
  height: 200vw;
  position: relative;
  z-index: 0;
}

/* =======================
      tablet
======================= */
@media (min-width: 767px) and (max-width: 1000px) {
  .sp-title-size {
    font-size: 12px !important;
  }
  .sp-desk-size {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }
  .sp-title2-size {
    font-size: 16px !important;
  }
  .sp-title-under-size {
    font-size: 25px !important;
  }
  .sp-suTitle-under-size {
    font-size: 15px !important;
  }
  .date {
    font-size: 10px !important;
  }
  .cat {
    font-size: 10px !important;
  }
  .top_news--content_item_title {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }
  .more_btn {
    width: 150px !important;
    height: 30px !important;
  }
  .more_btn span {
    font-size: 12px !important;
  }
  .under_kv--inner_title {
    font-size: 25px !important;
  }
  .under_kv--inner_title span {
    font-size: 15px !important;
  }
  .business_box--upper_category--box {
    font-size: 13px !important;
    padding: 10px !important;
  }
  #Front section#TopInterview .section_inner .interview_box .box_title {
    font-size: 25px !important;
  }
  #Front {
    padding-top: 60px !important;
    /* KV */
    /* TopMessage */
    /* 左縦タイトル/右コンテンツ */
    /* News */
    /* About（横スク解除→縦積み） */
    /* Interview：カード1列 */
    /* Enviroment：縦並び */
  }
  #Front body {
    overflow-x: hidden !important;
  }
  #Front header .logo {
    max-width: 48vw;
    margin-left: 16px;
  }
  #Front .kv {
    height: auto !important;
    min-height: auto;
  }
  #Front .kv video {
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  #Front .kv .kv_box {
    left: 6%;
    bottom: 14%;
  }
  #Front .kv .kv_box .kv_box--content p {
    font-size: min(1.9444444444vw, 28px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Front .kv .kv_box .kv_box--content p {
    font-size: min(3.7333333333vw, 28px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Front .kv .kv_box .kv_box--content p {
    font-size: min(1.9444444444vw, 28px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front .kv .kv_box img.first_img {
    width: calc(11.1111111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Front .kv .kv_box img.first_img {
    width: calc(21.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Front .kv .kv_box img.first_img {
    width: calc(11.1111111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front .kv .kv_box img.second_img {
    width: calc(9.7222222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Front .kv .kv_box img.second_img {
    width: calc(18.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Front .kv .kv_box img.second_img {
    width: calc(9.7222222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front #TopMessage {
    padding-left: 0;
    height: auto;
    padding: 48px 20px;
    background-position: center;
    flex-direction: column;
  }
  #Front #TopMessage .top_message--box_title span {
    font-size: 10px !important;
  }
  #Front #TopMessage .top_message--box_desc {
    font-size: 15px !important;
    line-height: 1.5 !important;
  }
  #Front #TopMessage .top_message--img {
    position: static;
    transform: none;
    width: 100%;
    max-width: 520px;
    margin: 20px auto 0;
  }
  #Front section .s--left_title {
    display: none;
  }
  #Front section .s--right {
    width: 100%;
    margin-left: 0;
    padding-top: 24px;
  }
  #Front section#TopNews .s--right {
    flex-direction: column;
  }
  #Front section#TopNews .top_news--sidebar {
    width: 100%;
    margin-left: 0;
    padding: 16px;
  }
  #Front section#TopNews .top_news--sidebar_list {
    flex-direction: row;
    margin-bottom: calc(1.3888888889vw);
    flex-wrap: wrap;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Front section#TopNews .top_news--sidebar_list {
    margin-bottom: calc(2.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopNews .top_news--sidebar_list {
    margin-bottom: calc(1.3888888889vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopNews .top_news--sidebar_list li {
    margin-right: 10px;
  }
  #Front section#TopNews .top_news--sidebar_list li a {
    font-size: 12px !important;
    padding: 10px;
  }
  #Front section#TopNews .top_news--sidebar .more_btn {
    margin-top: 0px;
    font-size: 15px;
    width: 150px;
    height: 50px;
  }
  #Front section#TopNews .top_news--sidebar .more_btn span {
    font-size: 15px !important;
  }
  #Front section#TopNews .top_news--content {
    width: 100%;
    border-left: none;
  }
  #Front section#TopAbout .horizontal-wrap,
  #Front section#TopAbout .section_inner {
    height: auto;
    overflow: visible;
    width: 100%;
    transform: none;
    display: flex;
    flex-direction: column !important;
  }
  #Front section#TopAbout .panel {
    width: 100%;
    height: auto;
    padding: 40px 20px;
    margin-left: 0;
  }
  #Front section#TopAbout .panel.first_content {
    flex-direction: column !important;
    margin-left: 0px !important;
    padding: 0px !important;
    justify-content: center !important;
    align-items: center !important;
  }
  #Front section#TopAbout .panel.first_content .content_right {
    margin-left: 0 !important;
    width: 90% !important;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #Front section#TopAbout .panel.first_content .content_left {
    width: 90% !important;
  }
  #Front section#TopAbout .panel.second_content, #Front section#TopAbout .panel.third_content {
    flex-direction: column !important;
    align-items: center;
    justify-content: flex-start;
    padding: 40px 20px !important;
    padding-bottom: 90px !important;
    height: auto !important;
  }
  #Front section#TopAbout .panel.second_content .background_title, #Front section#TopAbout .panel.third_content .background_title {
    display: none;
  }
  #Front section#TopAbout .panel.second_content img, #Front section#TopAbout .panel.third_content img {
    width: 100% !important;
    max-width: 320px;
    margin: 0 auto 20px !important;
  }
  #Front section#TopAbout .panel.second_content .text_wrapper, #Front section#TopAbout .panel.third_content .text_wrapper {
    width: 100% !important;
    max-width: 520px;
    margin: 0 auto;
    position: relative;
  }
  #Front section#TopAbout .panel.second_content .text_wrapper--title, #Front section#TopAbout .panel.third_content .text_wrapper--title {
    font-size: min(1.3888888889vw, 20px);
    margin-bottom: 20px;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Front section#TopAbout .panel.second_content .text_wrapper--title, #Front section#TopAbout .panel.third_content .text_wrapper--title {
    font-size: min(2.6666666667vw, 20px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .panel.second_content .text_wrapper--title, #Front section#TopAbout .panel.third_content .text_wrapper--title {
    font-size: min(1.3888888889vw, 20px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .panel.second_content .text_wrapper--title span, #Front section#TopAbout .panel.third_content .text_wrapper--title span {
    font-size: min(0.8333333333vw, 12px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Front section#TopAbout .panel.second_content .text_wrapper--title span, #Front section#TopAbout .panel.third_content .text_wrapper--title span {
    font-size: min(1.6vw, 12px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .panel.second_content .text_wrapper--title span, #Front section#TopAbout .panel.third_content .text_wrapper--title span {
    font-size: min(0.8333333333vw, 12px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .panel.second_content .text_wrapper--text, #Front section#TopAbout .panel.third_content .text_wrapper--text {
    font-size: min(0.9722222222vw, 14px);
    line-height: calc(0.9722222222vw * 1.8);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Front section#TopAbout .panel.second_content .text_wrapper--text, #Front section#TopAbout .panel.third_content .text_wrapper--text {
    font-size: min(1.8666666667vw, 14px);
    line-height: calc(1.8666666667vw * 1.8);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .panel.second_content .text_wrapper--text, #Front section#TopAbout .panel.third_content .text_wrapper--text {
    font-size: min(0.9722222222vw, 14px);
    line-height: calc(0.9722222222vw * 1.8);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .panel.second_content .text_wrapper .more_btn, #Front section#TopAbout .panel.third_content .text_wrapper .more_btn {
    bottom: -70px !important;
    left: 50%;
    transform: translate(-50%, -50%);
    align-self: center !important;
  }
  #Front section#TopAbout .panel.last_content {
    padding: 0 !important;
    height: auto !important;
    padding: 40px 20px !important;
    /* 横帯を抑止（必要なら残す） */
  }
  #Front section#TopAbout .panel.last_content::before {
    display: none !important;
  }
  #Front section#TopAbout .panel.last_content .last_content--list {
    width: 90% !important;
    margin: auto;
    display: flex;
    flex-direction: column !important;
    /* ← 縦積み */
    align-items: stretch;
    margin-top: 10px !important;
    gap: 20px;
  }
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    margin: auto;
    /* PCの nth-child トップ微調整を無効化（まとめ潰し） */
  }
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item .year {
    font-family: "DM Serif Display", serif;
    font-size: min(1.6666666667vw, 24px);
    margin-bottom: calc(0.4166666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item .year {
    font-size: min(3.2vw, 24px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item .year {
    font-size: min(1.6666666667vw, 24px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item .year {
    margin-bottom: calc(0.8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item .year {
    margin-bottom: calc(0.4166666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item .text {
    position: static;
    /* 絶対配置を解除 */
    top: auto;
    left: auto;
    transform: none;
    white-space: normal;
    /* 折返し許可 */
    font-size: min(0.9722222222vw, 14px);
    line-height: calc(0.9722222222vw * 1.8);
    font-weight: 700;
    margin-top: calc(0.1388888889vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item .text {
    font-size: min(1.8666666667vw, 14px);
    line-height: calc(1.8666666667vw * 1.8);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item .text {
    font-size: min(0.9722222222vw, 14px);
    line-height: calc(0.9722222222vw * 1.8);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item .text {
    margin-top: calc(0.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item .text {
    margin-top: calc(0.1388888889vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item:nth-child(2) .text {
    top: auto;
  }
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item:nth-child(3) .text {
    top: auto;
  }
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item:nth-child(4) .text {
    top: auto;
  }
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item:nth-child(5) .text {
    top: auto;
  }
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item:nth-child(6) .text {
    top: auto;
  }
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item:nth-child(7) .text {
    top: auto;
  }
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item:nth-child(8) .text {
    top: auto;
  }
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item:nth-child(9) .text {
    top: auto;
  }
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item:nth-child(10) .text {
    top: auto;
  }
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item:nth-child(11) .text {
    top: auto;
  }
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item:nth-child(12) .text {
    top: auto;
  }
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item:nth-child(13) .text {
    top: auto;
  }
  #Front section#TopInterview .section_inner {
    margin-left: 0px !important;
  }
  #Front section#TopInterview .section_inner .interview_box .box_list {
    padding: 0 20px;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: left;
  }
  #Front section#TopInterview .section_inner .interview_box .box_list .box_item {
    width: 45%;
  }
  #Front section#TopInterview .section_inner .interview_box .box_list .box_item img {
    height: 350px;
  }
  #Front section#TopInterview .more_btn {
    margin: auto;
    margin-top: 30px;
  }
  #Front section#TopEnviroment .section_inner {
    margin-top: 0px;
    margin-left: 0 !important;
    padding: 40px 20px !important;
  }
  #Front section#TopEnviroment .square_box {
    flex-direction: column !important;
    gap: 16px;
  }
  #Front section#TopEnviroment .square_box_inner {
    width: 100% !important;
    height: auto;
    min-height: 420px;
    border: none !important;
  }
  #Front section#TopEnviroment .inner_text {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #Front section#TopEnviroment .more_btn {
    align-self: center !important;
  }
  #Front section#TopEnviroment .section_inner .square_box_inner {
    height: calc(34.7222222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner {
    height: calc(66.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner {
    height: calc(34.7222222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .wrapper:before {
    font-size: min(6.0416666667vw, 87px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .wrapper:before {
    font-size: min(11.6vw, 87px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .wrapper:before {
    font-size: min(6.0416666667vw, 87px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap {
    width: auto;
    position: relative;
  }
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main {
    width: calc(13.8888888889vw);
    height: calc(13.8888888889vw);
    background: #fff;
    border-radius: 50%;
    border: 1px solid #023C82;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 4px 4px 13px rgba(0, 0, 0, 0.12);
    margin-bottom: calc(2.9861111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main {
    width: calc(26.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main {
    width: calc(13.8888888889vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main {
    height: calc(26.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main {
    height: calc(13.8888888889vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main {
    margin-bottom: calc(5.7333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main {
    margin-bottom: calc(2.9861111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main p {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 10px !important;
    font-weight: 700;
    margin-top: calc(0vw);
    line-height: 1.4;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main p {
    margin-top: calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main p {
    margin-top: calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main p span {
    font-size: 10px !important;
    font-weight: 700;
  }
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p {
    position: absolute;
    width: calc(9.0277777778vw);
    height: calc(9.0277777778vw);
    border-radius: 50%;
    background: #fff;
    box-shadow: 4px 4px 13px rgba(0, 0, 0, 0.12);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: min(1.25vw, 18px);
    font-weight: 700;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p {
    width: calc(17.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p {
    width: calc(9.0277777778vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p {
    height: calc(17.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p {
    height: calc(9.0277777778vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p {
    font-size: min(2.4vw, 18px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p {
    font-size: min(1.25vw, 18px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p.top {
    top: -35%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 10px !important;
  }
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p.left_top {
    top: -20%;
    left: -40%;
    font-size: 10px !important;
  }
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p.right_top {
    top: -20%;
    right: -40%;
    font-size: 10px !important;
  }
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p.left_bottom {
    bottom: 5%;
    left: -40%;
    font-size: 10px !important;
  }
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p.right_bottom {
    bottom: 5%;
    right: -40%;
    font-size: 10px !important;
  }
  #Front .after-scroll {
    display: none;
  }
}
/* =======================
      SP対応
======================= */
@media (max-width: 767px) {
  .sp-title-size {
    font-size: 9px !important;
  }
  .sp-desk-size {
    font-size: 10px !important;
  }
  .sp-title2-size {
    font-size: 12px !important;
  }
  .sp-title-under-size {
    font-size: 20px !important;
  }
  .sp-suTitle-under-size {
    font-size: 11px !important;
  }
  .date {
    font-size: 8px !important;
  }
  .cat {
    font-size: 8px !important;
  }
  .top_news--content_item_title {
    font-size: 10px !important;
  }
  .under_kv--inner_title {
    font-size: 20px !important;
  }
  .under_kv--inner_title span {
    font-size: 12px !important;
  }
  .business_box--upper_category--box {
    font-size: 13px !important;
    padding: 10px !important;
  }
  #Front {
    padding-top: 60px !important;
    /* KV */
    /* TopMessage */
    /* 左縦タイトル/右コンテンツ */
    /* News */
    /* About（横スク解除→縦積み） */
    /* Interview：カード1列 */
    /* Enviroment：縦並び */
  }
  #Front body {
    overflow-x: hidden !important;
  }
  #Front header .logo {
    max-width: 48vw;
    margin-left: 16px;
  }
  #Front .kv {
    height: auto !important;
    min-height: auto;
  }
  #Front .kv video {
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
  }
  #Front .kv .kv_box {
    left: 6%;
    bottom: 14%;
  }
  #Front .kv .kv_box .kv_box--content p {
    font-size: min(1.9444444444vw, 28px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Front .kv .kv_box .kv_box--content p {
    font-size: min(3.7333333333vw, 28px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Front .kv .kv_box .kv_box--content p {
    font-size: min(1.9444444444vw, 28px);
  }
}
@media (max-width: 767px) {
  #Front .kv .kv_box img.first_img {
    width: calc(11.1111111111vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Front .kv .kv_box img.first_img {
    width: calc(21.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Front .kv .kv_box img.first_img {
    width: calc(11.1111111111vw);
  }
}
@media (max-width: 767px) {
  #Front .kv .kv_box img.second_img {
    width: calc(9.7222222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Front .kv .kv_box img.second_img {
    width: calc(18.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Front .kv .kv_box img.second_img {
    width: calc(9.7222222222vw);
  }
}
@media (max-width: 767px) {
  #Front #TopMessage {
    padding-left: 0;
    height: auto;
    padding: 48px 20px;
    background-position: center;
    flex-direction: column;
  }
  #Front #TopMessage .top_message--box_title span {
    font-size: 9px !important;
  }
  #Front #TopMessage .top_message--box_desc {
    font-size: 10px !important;
  }
  #Front #TopMessage .top_message--img {
    position: static;
    transform: none;
    width: 100%;
    max-width: 520px;
    margin: 20px auto 0;
  }
  #Front section .s--left_title {
    display: none;
  }
  #Front section .s--right {
    width: 100%;
    margin-left: 0;
    padding-top: 24px;
  }
  #Front section#TopNews .s--right {
    flex-direction: column;
  }
  #Front section#TopNews .top_news--sidebar {
    width: 100%;
    margin-left: 0;
    padding: 16px;
  }
  #Front section#TopNews .top_news--sidebar_list {
    flex-direction: row;
    margin-bottom: calc(1.3888888889vw);
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Front section#TopNews .top_news--sidebar_list {
    margin-bottom: calc(2.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopNews .top_news--sidebar_list {
    margin-bottom: calc(1.3888888889vw);
  }
}
@media (max-width: 767px) {
  #Front section#TopNews .top_news--sidebar_list li {
    margin-right: 10px;
  }
  #Front section#TopNews .top_news--sidebar_list li a {
    font-size: 8px !important;
  }
  #Front section#TopNews .top_news--sidebar .more_btn {
    margin-top: 0px;
    width: 100px !important;
    padding: 10px 20px !important;
  }
  #Front section#TopNews .top_news--content {
    width: 100%;
    border-left: none;
  }
  #Front section#TopAbout .horizontal-wrap,
  #Front section#TopAbout .section_inner {
    height: auto;
    overflow: visible;
    width: 100%;
    transform: none;
    display: flex;
    flex-direction: column !important;
  }
  #Front section#TopAbout .panel {
    width: 100%;
    height: auto;
    padding: 40px 20px;
    margin-left: 0;
  }
  #Front section#TopAbout .panel.first_content {
    flex-direction: column !important;
    margin-left: 0px !important;
    padding: 0px !important;
    justify-content: center !important;
    align-items: center !important;
  }
  #Front section#TopAbout .panel.first_content .content_right {
    margin-left: 0 !important;
    width: 90% !important;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #Front section#TopAbout .panel.first_content .content_left {
    width: 90% !important;
  }
  #Front section#TopAbout .panel.second_content, #Front section#TopAbout .panel.third_content {
    flex-direction: column !important;
    align-items: center;
    justify-content: flex-start;
    padding: 40px 20px !important;
    padding-bottom: 90px !important;
    height: auto !important;
  }
  #Front section#TopAbout .panel.second_content .background_title, #Front section#TopAbout .panel.third_content .background_title {
    display: none;
  }
  #Front section#TopAbout .panel.second_content img, #Front section#TopAbout .panel.third_content img {
    width: 100% !important;
    max-width: 320px;
    margin: 0 auto 20px !important;
  }
  #Front section#TopAbout .panel.second_content .text_wrapper, #Front section#TopAbout .panel.third_content .text_wrapper {
    width: 100% !important;
    max-width: 520px;
    margin: 0 auto;
    position: relative;
  }
  #Front section#TopAbout .panel.second_content .text_wrapper--title, #Front section#TopAbout .panel.third_content .text_wrapper--title {
    font-size: min(1.3888888889vw, 20px);
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Front section#TopAbout .panel.second_content .text_wrapper--title, #Front section#TopAbout .panel.third_content .text_wrapper--title {
    font-size: min(2.6666666667vw, 20px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .panel.second_content .text_wrapper--title, #Front section#TopAbout .panel.third_content .text_wrapper--title {
    font-size: min(1.3888888889vw, 20px);
  }
}
@media (max-width: 767px) {
  #Front section#TopAbout .panel.second_content .text_wrapper--title span, #Front section#TopAbout .panel.third_content .text_wrapper--title span {
    font-size: min(0.8333333333vw, 12px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Front section#TopAbout .panel.second_content .text_wrapper--title span, #Front section#TopAbout .panel.third_content .text_wrapper--title span {
    font-size: min(1.6vw, 12px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .panel.second_content .text_wrapper--title span, #Front section#TopAbout .panel.third_content .text_wrapper--title span {
    font-size: min(0.8333333333vw, 12px);
  }
}
@media (max-width: 767px) {
  #Front section#TopAbout .panel.second_content .text_wrapper--text, #Front section#TopAbout .panel.third_content .text_wrapper--text {
    font-size: min(0.9722222222vw, 14px);
    line-height: calc(0.9722222222vw * 1.8);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Front section#TopAbout .panel.second_content .text_wrapper--text, #Front section#TopAbout .panel.third_content .text_wrapper--text {
    font-size: min(1.8666666667vw, 14px);
    line-height: calc(1.8666666667vw * 1.8);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .panel.second_content .text_wrapper--text, #Front section#TopAbout .panel.third_content .text_wrapper--text {
    font-size: min(0.9722222222vw, 14px);
    line-height: calc(0.9722222222vw * 1.8);
  }
}
@media (max-width: 767px) {
  #Front section#TopAbout .panel.second_content .text_wrapper .more_btn, #Front section#TopAbout .panel.third_content .text_wrapper .more_btn {
    bottom: -70px !important;
    left: 50%;
    transform: translate(-50%, -50%);
    align-self: center !important;
  }
  #Front section#TopAbout .panel.last_content {
    padding: 0 !important;
    height: auto !important;
    padding: 40px 20px !important;
    /* 横帯を抑止（必要なら残す） */
  }
  #Front section#TopAbout .panel.last_content::before {
    display: none !important;
  }
  #Front section#TopAbout .panel.last_content .last_content--list {
    width: 90% !important;
    margin: auto;
    display: flex;
    flex-direction: column !important;
    /* ← 縦積み */
    align-items: stretch;
    margin-top: 10px !important;
    gap: 20px;
  }
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    margin: auto;
    /* PCの nth-child トップ微調整を無効化（まとめ潰し） */
  }
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item .year {
    font-family: "DM Serif Display", serif;
    font-size: min(1.6666666667vw, 24px);
    margin-bottom: calc(0.4166666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item .year {
    font-size: min(3.2vw, 24px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item .year {
    font-size: min(1.6666666667vw, 24px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item .year {
    margin-bottom: calc(0.8vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item .year {
    margin-bottom: calc(0.4166666667vw);
  }
}
@media (max-width: 767px) {
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item .text {
    position: static;
    /* 絶対配置を解除 */
    top: auto;
    left: auto;
    transform: none;
    white-space: normal;
    /* 折返し許可 */
    font-size: min(0.9722222222vw, 14px);
    line-height: calc(0.9722222222vw * 1.8);
    font-weight: 700;
    margin-top: calc(0.1388888889vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item .text {
    font-size: min(1.8666666667vw, 14px);
    line-height: calc(1.8666666667vw * 1.8);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item .text {
    font-size: min(0.9722222222vw, 14px);
    line-height: calc(0.9722222222vw * 1.8);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item .text {
    margin-top: calc(0.2666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item .text {
    margin-top: calc(0.1388888889vw);
  }
}
@media (max-width: 767px) {
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item:nth-child(2) .text {
    top: auto;
  }
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item:nth-child(3) .text {
    top: auto;
  }
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item:nth-child(4) .text {
    top: auto;
  }
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item:nth-child(5) .text {
    top: auto;
  }
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item:nth-child(6) .text {
    top: auto;
  }
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item:nth-child(7) .text {
    top: auto;
  }
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item:nth-child(8) .text {
    top: auto;
  }
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item:nth-child(9) .text {
    top: auto;
  }
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item:nth-child(10) .text {
    top: auto;
  }
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item:nth-child(11) .text {
    top: auto;
  }
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item:nth-child(12) .text {
    top: auto;
  }
  #Front section#TopAbout .panel.last_content .last_content--list .last_content--list_item:nth-child(13) .text {
    top: auto;
  }
  #Front section#TopInterview .section_inner {
    margin-left: 0px !important;
  }
  #Front section#TopInterview .section_inner .interview_box .box_list {
    padding: 0 20px;
    flex-direction: row;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: left;
  }
  #Front section#TopInterview .section_inner .interview_box .box_list .box_item {
    width: 45%;
  }
  #Front section#TopInterview .section_inner .interview_box .box_list .box_item img {
    height: 250px;
  }
  #Front section#TopInterview .more_btn {
    margin: auto;
    margin-top: 30px;
  }
  #Front section#TopEnviroment .section_inner {
    margin-top: 0px;
    margin-left: 0 !important;
    padding: 40px 20px !important;
  }
  #Front section#TopEnviroment .square_box {
    flex-direction: column !important;
    gap: 16px;
  }
  #Front section#TopEnviroment .square_box_inner {
    width: 100% !important;
    height: auto;
    min-height: 420px;
    border: none !important;
  }
  #Front section#TopEnviroment .inner_text {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  #Front section#TopEnviroment .more_btn {
    align-self: center !important;
  }
  #Front section#TopEnviroment .section_inner .square_box_inner {
    height: calc(34.7222222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner {
    height: calc(66.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner {
    height: calc(34.7222222222vw);
  }
}
@media (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .wrapper:before {
    font-size: min(6.0416666667vw, 87px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .wrapper:before {
    font-size: min(11.6vw, 87px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .wrapper:before {
    font-size: min(6.0416666667vw, 87px);
  }
}
@media (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap {
    width: auto;
    position: relative;
  }
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main {
    width: calc(13.8888888889vw);
    height: calc(13.8888888889vw);
    background: #fff;
    border-radius: 50%;
    border: 1px solid #023C82;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    box-shadow: 4px 4px 13px rgba(0, 0, 0, 0.12);
    margin-bottom: calc(2.9861111111vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main {
    width: calc(26.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main {
    width: calc(13.8888888889vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main {
    height: calc(26.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main {
    height: calc(13.8888888889vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main {
    margin-bottom: calc(5.7333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main {
    margin-bottom: calc(2.9861111111vw);
  }
}
@media (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main p {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 10px !important;
    font-weight: 700;
    margin-top: calc(0vw);
    line-height: 1.4;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main p {
    margin-top: calc(0vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main p {
    margin-top: calc(0vw);
  }
}
@media (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap .main p span {
    font-size: 10px !important;
    font-weight: 700;
    text-align: center;
  }
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p {
    position: absolute;
    width: calc(9.0277777778vw);
    height: calc(9.0277777778vw);
    border-radius: 50%;
    background: #fff;
    box-shadow: 4px 4px 13px rgba(0, 0, 0, 0.12);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: min(1.25vw, 18px);
    font-weight: 700;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p {
    width: calc(17.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p {
    width: calc(9.0277777778vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p {
    height: calc(17.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p {
    height: calc(9.0277777778vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p {
    font-size: min(2.4vw, 18px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p {
    font-size: min(1.25vw, 18px);
  }
}
@media (max-width: 767px) {
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p.top {
    top: -35%;
    left: 50%;
    transform: translateX(-50%);
    font-size: 10px !important;
  }
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p.left_top {
    top: -20%;
    left: -40%;
    font-size: 10px !important;
  }
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p.right_top {
    top: -20%;
    right: -40%;
    font-size: 10px !important;
  }
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p.left_bottom {
    bottom: 5%;
    left: -40%;
    font-size: 10px !important;
  }
  #Front section#TopEnviroment .section_inner .square_box_inner .circle_wrap > p.right_bottom {
    bottom: 5%;
    right: -40%;
    font-size: 10px !important;
  }
  #Front .after-scroll {
    display: none;
  }
}
#Interview .interview_inner {
  width: 100%;
  margin-left: calc(4.1666666667vw);
  box-sizing: border-box;
  padding: calc(0vw) calc(7.9861111111vw) calc(8.3333333333vw) calc(4.5138888889vw);
}
@media (max-width: 767px) {
  #Interview .interview_inner {
    margin-left: calc(8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner {
    margin-left: calc(4.1666666667vw);
  }
}
@media (max-width: 767px) {
  #Interview .interview_inner {
    padding: calc(0vw) calc(15.3333333333vw) calc(16vw) calc(8.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner {
    padding: calc(0vw) calc(7.9861111111vw) calc(8.3333333333vw) calc(4.5138888889vw);
  }
}
#Interview .interview_inner .interview_box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#Interview .interview_inner .interview_box .box_list {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-around;
  flex-wrap: wrap;
  box-sizing: border-box;
  margin-top: calc(-0.6944444444vw);
}
@media (max-width: 767px) {
  #Interview .interview_inner .interview_box .box_list {
    margin-top: calc(-1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner .interview_box .box_list {
    margin-top: calc(-0.6944444444vw);
  }
}
#Interview .interview_inner .interview_box .box_list .box_item {
  width: calc(25.1736111111vw);
  position: relative;
  margin-bottom: calc(2.2222222222vw);
}
@media (max-width: 767px) {
  #Interview .interview_inner .interview_box .box_list .box_item {
    width: calc(48.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner .interview_box .box_list .box_item {
    width: calc(25.1736111111vw);
  }
}
@media (max-width: 767px) {
  #Interview .interview_inner .interview_box .box_list .box_item {
    margin-bottom: calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner .interview_box .box_list .box_item {
    margin-bottom: calc(2.2222222222vw);
  }
}
#Interview .interview_inner .interview_box .box_list .box_item img {
  width: 100%;
  height: 650px;
  -o-object-fit: cover;
     object-fit: cover;
}
#Interview .interview_inner .interview_box .box_list .box_item--content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(217, 217, 217, 0), rgba(165, 165, 164, 0), rgba(119, 118, 117, 0.6705882353), rgba(38, 37, 35, 0.8980392157));
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  box-sizing: border-box;
  padding: calc(0vw) calc(1.3888888889vw) calc(2.2222222222vw);
}
@media (max-width: 767px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content {
    padding: calc(0vw) calc(2.6666666667vw) calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content {
    padding: calc(0vw) calc(1.3888888889vw) calc(2.2222222222vw);
  }
}
#Interview .interview_inner .interview_box .box_list .box_item--content_title {
  font-size: min(1.6666666667vw, 24px);
  line-height: calc(1.6666666667vw * 1.5);
  color: #fff;
  font-weight: 700;
}
@media (max-width: 767px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content_title {
    font-size: min(3.2vw, 24px);
    line-height: calc(3.2vw * 1.5);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content_title {
    font-size: min(1.6666666667vw, 24px);
    line-height: calc(1.6666666667vw * 1.5);
  }
}
#Interview .interview_inner .interview_box .box_list .box_item--content .tags {
  box-sizing: border-box;
  padding: calc(0.2777777778vw) calc(1.1111111111vw);
  background: linear-gradient(to right, #760813, #262523);
  border-radius: 2vw;
  font-size: min(1.1111111111vw, 16px);
  line-height: calc(1.1111111111vw * 2);
  font-weight: 500;
  color: #fff;
  margin: calc(1.6666666667vw) calc(0vw) calc(1.1111111111vw);
}
@media (max-width: 767px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content .tags {
    padding: calc(0.5333333333vw) calc(2.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content .tags {
    padding: calc(0.2777777778vw) calc(1.1111111111vw);
  }
}
@media (max-width: 767px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content .tags {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content .tags {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (max-width: 767px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content .tags {
    margin: calc(3.2vw) calc(0vw) calc(2.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content .tags {
    margin: calc(1.6666666667vw) calc(0vw) calc(1.1111111111vw);
  }
}
#Interview .interview_inner .interview_box .box_list .box_item--content .name {
  color: #fff;
  font-size: min(1.25vw, 18px);
  line-height: calc(1.25vw * 2);
  font-weight: 700;
}
@media (max-width: 767px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content .name {
    font-size: min(2.4vw, 18px);
    line-height: calc(2.4vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content .name {
    font-size: min(1.25vw, 18px);
    line-height: calc(1.25vw * 2);
  }
}
#Interview .interview_inner.jtc .interview_box .box_list .box_item--content {
  background: linear-gradient(rgba(217, 217, 217, 0), rgba(165, 165, 164, 0), rgba(119, 118, 117, 0.6705882353), rgba(38, 37, 35, 0.8980392157));
}
#Interview .interview_inner.jtc .interview_box .box_list .box_item--content .tags {
  background: linear-gradient(to right, #0F3D74, #262523);
}
#Interview #InterviewCulture {
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding-bottom: calc(8.3333333333vw);
}
@media (max-width: 767px) {
  #Interview #InterviewCulture {
    padding-bottom: calc(16vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview #InterviewCulture {
    padding-bottom: calc(8.3333333333vw);
  }
}
#Interview #InterviewCulture .culture_title {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: min(2.2222222222vw, 32px);
  font-weight: 700;
  margin-bottom: calc(4.1666666667vw);
}
@media (max-width: 767px) {
  #Interview #InterviewCulture .culture_title {
    font-size: min(4.2666666667vw, 32px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview #InterviewCulture .culture_title {
    font-size: min(2.2222222222vw, 32px);
  }
}
@media (max-width: 767px) {
  #Interview #InterviewCulture .culture_title {
    margin-bottom: calc(8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview #InterviewCulture .culture_title {
    margin-bottom: calc(4.1666666667vw);
  }
}
#Interview #InterviewCulture .culture_title span {
  font-size: min(1.25vw, 18px);
  color: #CE1B2E;
  font-weight: 700;
  margin-bottom: calc(1.0416666667vw);
}
@media (max-width: 767px) {
  #Interview #InterviewCulture .culture_title span {
    font-size: min(2.4vw, 18px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview #InterviewCulture .culture_title span {
    font-size: min(1.25vw, 18px);
  }
}
@media (max-width: 767px) {
  #Interview #InterviewCulture .culture_title span {
    margin-bottom: calc(2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview #InterviewCulture .culture_title span {
    margin-bottom: calc(1.0416666667vw);
  }
}
#Interview #InterviewCulture .culture_box {
  width: calc(77.5694444444vw);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  #Interview #InterviewCulture .culture_box {
    width: calc(148.9333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview #InterviewCulture .culture_box {
    width: calc(77.5694444444vw);
  }
}
#Interview #InterviewCulture .culture_box--desc {
  font-size: min(1.1111111111vw, 16px);
  line-height: calc(1.1111111111vw * 2);
  width: calc(43.0555555556vw);
}
@media (max-width: 767px) {
  #Interview #InterviewCulture .culture_box--desc {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview #InterviewCulture .culture_box--desc {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (max-width: 767px) {
  #Interview #InterviewCulture .culture_box--desc {
    width: calc(82.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview #InterviewCulture .culture_box--desc {
    width: calc(43.0555555556vw);
  }
}
#Interview #InterviewCulture .culture_box--img {
  width: calc(30.5555555556vw);
}
@media (max-width: 767px) {
  #Interview #InterviewCulture .culture_box--img {
    width: calc(58.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview #InterviewCulture .culture_box--img {
    width: calc(30.5555555556vw);
  }
}
#Interview #InterviewCulture .more_btn {
  align-self: flex-end;
  margin-right: calc(11.1111111111vw);
}
@media (max-width: 767px) {
  #Interview #InterviewCulture .more_btn {
    margin-right: calc(21.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview #InterviewCulture .more_btn {
    margin-right: calc(11.1111111111vw);
  }
}
#Interview #InterviewCulture.jtc .culture_title span {
  color: #0F3D74;
}

@media (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner {
    width: 100%;
    margin-left: calc(0vw);
    box-sizing: border-box;
    padding: calc(6.9444444444vw) calc(1.3888888889vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Interview .interview_inner {
    margin-left: calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner {
    margin-left: calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Interview .interview_inner {
    padding: calc(13.3333333333vw) calc(2.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner {
    padding: calc(6.9444444444vw) calc(1.3888888889vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner .interview_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #Interview .interview_inner .interview_box .box_list {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-around;
    flex-wrap: wrap;
    box-sizing: border-box;
    margin-top: calc(-0.6944444444vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Interview .interview_inner .interview_box .box_list {
    margin-top: calc(-1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner .interview_box .box_list {
    margin-top: calc(-0.6944444444vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner .interview_box .box_list .box_item {
    width: 47%;
    position: relative;
    margin-bottom: calc(2.2222222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Interview .interview_inner .interview_box .box_list .box_item {
    margin-bottom: calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner .interview_box .box_list .box_item {
    margin-bottom: calc(2.2222222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner .interview_box .box_list .box_item img {
    height: 350px;
  }
  #Interview .interview_inner .interview_box .box_list .box_item--content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(217, 217, 217, 0), rgba(165, 165, 164, 0), rgba(119, 118, 117, 0.6705882353), rgba(38, 37, 35, 0.8980392157));
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    box-sizing: border-box;
    padding: calc(0vw) calc(1.3888888889vw) calc(2.2222222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content {
    padding: calc(0vw) calc(2.6666666667vw) calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content {
    padding: calc(0vw) calc(1.3888888889vw) calc(2.2222222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content_title {
    font-size: min(1.6666666667vw, 24px);
    line-height: calc(1.6666666667vw * 1.5);
    color: #fff;
    font-weight: 700;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content_title {
    font-size: min(3.2vw, 24px);
    line-height: calc(3.2vw * 1.5);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content_title {
    font-size: min(1.6666666667vw, 24px);
    line-height: calc(1.6666666667vw * 1.5);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content .tags {
    box-sizing: border-box;
    padding: calc(0.2777777778vw) calc(1.1111111111vw);
    background: linear-gradient(to right, #760813, #262523);
    border-radius: 2vw;
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
    font-weight: 500;
    color: #fff;
    margin: calc(1.6666666667vw) calc(0vw) calc(1.1111111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content .tags {
    padding: calc(0.5333333333vw) calc(2.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content .tags {
    padding: calc(0.2777777778vw) calc(1.1111111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content .tags {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content .tags {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content .tags {
    margin: calc(3.2vw) calc(0vw) calc(2.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content .tags {
    margin: calc(1.6666666667vw) calc(0vw) calc(1.1111111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content .name {
    color: #fff;
    font-size: min(1.25vw, 18px);
    line-height: calc(1.25vw * 2);
    font-weight: 700;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content .name {
    font-size: min(2.4vw, 18px);
    line-height: calc(2.4vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content .name {
    font-size: min(1.25vw, 18px);
    line-height: calc(1.25vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner.jtc .interview_box .box_list .box_item--content {
    background: linear-gradient(rgba(217, 217, 217, 0), rgba(165, 165, 164, 0), rgba(119, 118, 117, 0.6705882353), rgba(38, 37, 35, 0.8980392157));
  }
  #Interview .interview_inner.jtc .interview_box .box_list .box_item--content .tags {
    background: linear-gradient(to right, #0F3D74, #262523);
  }
  #Interview #InterviewCulture {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: calc(0vw) calc(3.4722222222vw) calc(6.9444444444vw);
    padding-top: 0px;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Interview #InterviewCulture {
    padding: calc(0vw) calc(6.6666666667vw) calc(13.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview #InterviewCulture {
    padding: calc(0vw) calc(3.4722222222vw) calc(6.9444444444vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview #InterviewCulture .culture_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: min(2.2222222222vw, 32px);
    font-weight: 700;
    margin-bottom: calc(4.1666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Interview #InterviewCulture .culture_title {
    font-size: min(4.2666666667vw, 32px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview #InterviewCulture .culture_title {
    font-size: min(2.2222222222vw, 32px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Interview #InterviewCulture .culture_title {
    margin-bottom: calc(8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview #InterviewCulture .culture_title {
    margin-bottom: calc(4.1666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview #InterviewCulture .culture_title span {
    font-size: min(1.25vw, 18px);
    color: #CE1B2E;
    font-weight: 700;
    margin-bottom: calc(1.0416666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Interview #InterviewCulture .culture_title span {
    font-size: min(2.4vw, 18px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview #InterviewCulture .culture_title span {
    font-size: min(1.25vw, 18px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Interview #InterviewCulture .culture_title span {
    margin-bottom: calc(2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview #InterviewCulture .culture_title span {
    margin-bottom: calc(1.0416666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview #InterviewCulture .culture_box {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: space-between;
  }
  #Interview #InterviewCulture .culture_box--desc {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
    width: 100%;
    margin-top: 20px;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Interview #InterviewCulture .culture_box--desc {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview #InterviewCulture .culture_box--desc {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview #InterviewCulture .culture_box--img {
    width: calc(30.5555555556vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Interview #InterviewCulture .culture_box--img {
    width: calc(58.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview #InterviewCulture .culture_box--img {
    width: calc(30.5555555556vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview #InterviewCulture .more_btn {
    align-self: flex-end;
    margin-right: calc(11.1111111111vw);
    width: 150px !important;
    height: 30px !important;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Interview #InterviewCulture .more_btn {
    margin-right: calc(21.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview #InterviewCulture .more_btn {
    margin-right: calc(11.1111111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Interview #InterviewCulture .more_btn span {
    font-size: 12px !important;
  }
  #Interview.jtc .culture_title span {
    color: #0F3D74;
  }
}
@media (max-width: 767px) {
  #Interview .interview_inner {
    width: 100%;
    margin-left: calc(0vw);
    box-sizing: border-box;
    padding: calc(6.9444444444vw) calc(1.3888888889vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Interview .interview_inner {
    margin-left: calc(0vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner {
    margin-left: calc(0vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Interview .interview_inner {
    padding: calc(13.3333333333vw) calc(2.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner {
    padding: calc(6.9444444444vw) calc(1.3888888889vw);
  }
}
@media (max-width: 767px) {
  #Interview .interview_inner .interview_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #Interview .interview_inner .interview_box .box_list {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-around;
    flex-wrap: wrap;
    box-sizing: border-box;
    margin-top: calc(-0.6944444444vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Interview .interview_inner .interview_box .box_list {
    margin-top: calc(-1.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner .interview_box .box_list {
    margin-top: calc(-0.6944444444vw);
  }
}
@media (max-width: 767px) {
  #Interview .interview_inner .interview_box .box_list .box_item {
    width: 47%;
    position: relative;
    margin-bottom: calc(2.2222222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Interview .interview_inner .interview_box .box_list .box_item {
    margin-bottom: calc(4.2666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner .interview_box .box_list .box_item {
    margin-bottom: calc(2.2222222222vw);
  }
}
@media (max-width: 767px) {
  #Interview .interview_inner .interview_box .box_list .box_item img {
    height: 250px;
  }
  #Interview .interview_inner .interview_box .box_list .box_item--content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(217, 217, 217, 0), rgba(165, 165, 164, 0), rgba(119, 118, 117, 0.6705882353), rgba(38, 37, 35, 0.8980392157));
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    box-sizing: border-box;
    padding: calc(0vw) calc(1.3888888889vw) calc(2.2222222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content {
    padding: calc(0vw) calc(2.6666666667vw) calc(4.2666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content {
    padding: calc(0vw) calc(1.3888888889vw) calc(2.2222222222vw);
  }
}
@media (max-width: 767px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content_title {
    font-size: min(1.6666666667vw, 24px);
    line-height: calc(1.6666666667vw * 1.5);
    color: #fff;
    font-weight: 700;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content_title {
    font-size: min(3.2vw, 24px);
    line-height: calc(3.2vw * 1.5);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content_title {
    font-size: min(1.6666666667vw, 24px);
    line-height: calc(1.6666666667vw * 1.5);
  }
}
@media (max-width: 767px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content .tags {
    box-sizing: border-box;
    padding: calc(0.2777777778vw) calc(1.1111111111vw);
    background: linear-gradient(to right, #760813, #262523);
    border-radius: 2vw;
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
    font-weight: 500;
    color: #fff;
    margin: calc(1.6666666667vw) calc(0vw) calc(1.1111111111vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content .tags {
    padding: calc(0.5333333333vw) calc(2.1333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content .tags {
    padding: calc(0.2777777778vw) calc(1.1111111111vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content .tags {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content .tags {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content .tags {
    margin: calc(3.2vw) calc(0vw) calc(2.1333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content .tags {
    margin: calc(1.6666666667vw) calc(0vw) calc(1.1111111111vw);
  }
}
@media (max-width: 767px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content .name {
    color: #fff;
    font-size: min(1.25vw, 18px);
    line-height: calc(1.25vw * 2);
    font-weight: 700;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content .name {
    font-size: min(2.4vw, 18px);
    line-height: calc(2.4vw * 2);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview .interview_inner .interview_box .box_list .box_item--content .name {
    font-size: min(1.25vw, 18px);
    line-height: calc(1.25vw * 2);
  }
}
@media (max-width: 767px) {
  #Interview .interview_inner.jtc .interview_box .box_list .box_item--content {
    background: linear-gradient(rgba(217, 217, 217, 0), rgba(165, 165, 164, 0), rgba(119, 118, 117, 0.6705882353), rgba(38, 37, 35, 0.8980392157));
  }
  #Interview .interview_inner.jtc .interview_box .box_list .box_item--content .tags {
    background: linear-gradient(to right, #0F3D74, #262523);
  }
  #Interview #InterviewCulture {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: calc(0vw) calc(3.4722222222vw) calc(6.9444444444vw);
    padding-top: 0px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Interview #InterviewCulture {
    padding: calc(0vw) calc(6.6666666667vw) calc(13.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview #InterviewCulture {
    padding: calc(0vw) calc(3.4722222222vw) calc(6.9444444444vw);
  }
}
@media (max-width: 767px) {
  #Interview #InterviewCulture .culture_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: min(2.2222222222vw, 32px);
    font-weight: 700;
    margin-bottom: calc(4.1666666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Interview #InterviewCulture .culture_title {
    font-size: min(4.2666666667vw, 32px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview #InterviewCulture .culture_title {
    font-size: min(2.2222222222vw, 32px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Interview #InterviewCulture .culture_title {
    margin-bottom: calc(8vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview #InterviewCulture .culture_title {
    margin-bottom: calc(4.1666666667vw);
  }
}
@media (max-width: 767px) {
  #Interview #InterviewCulture .culture_title span {
    font-size: min(1.25vw, 18px);
    color: #CE1B2E;
    font-weight: 700;
    margin-bottom: calc(1.0416666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Interview #InterviewCulture .culture_title span {
    font-size: min(2.4vw, 18px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview #InterviewCulture .culture_title span {
    font-size: min(1.25vw, 18px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Interview #InterviewCulture .culture_title span {
    margin-bottom: calc(2vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview #InterviewCulture .culture_title span {
    margin-bottom: calc(1.0416666667vw);
  }
}
@media (max-width: 767px) {
  #Interview #InterviewCulture .culture_box {
    width: 100%;
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    justify-content: space-between;
  }
  #Interview #InterviewCulture .culture_box--desc {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
    width: 100%;
    margin-top: 20px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Interview #InterviewCulture .culture_box--desc {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview #InterviewCulture .culture_box--desc {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (max-width: 767px) {
  #Interview #InterviewCulture .culture_box--img {
    width: calc(30.5555555556vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Interview #InterviewCulture .culture_box--img {
    width: calc(58.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview #InterviewCulture .culture_box--img {
    width: calc(30.5555555556vw);
  }
}
@media (max-width: 767px) {
  #Interview #InterviewCulture .more_btn {
    align-self: flex-end;
    margin-right: calc(11.1111111111vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Interview #InterviewCulture .more_btn {
    margin-right: calc(21.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Interview #InterviewCulture .more_btn {
    margin-right: calc(11.1111111111vw);
  }
}
@media (max-width: 767px) {
  #Interview #InterviewCulture.jtc .culture_title span {
    color: #0F3D74;
  }
}
#Recruit #RecruitContent {
  width: 100%;
  padding: 0;
}
#Recruit #RecruitContent .recruit_main {
  width: 100%;
}
#Recruit #RecruitContent .recruit_main .image-container {
  width: 100%;
  height: calc(6.25vw);
  padding: calc(1.875vw) calc(0vw) calc(1.875vw);
}
@media (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .image-container {
    height: calc(12vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .image-container {
    height: calc(6.25vw);
  }
}
@media (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .image-container {
    padding: calc(3.6vw) calc(0vw) calc(3.6vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .image-container {
    padding: calc(1.875vw) calc(0vw) calc(1.875vw);
  }
}
#Recruit #RecruitContent .recruit_main .image-container .top {
  margin-bottom: 0;
}
#Recruit #RecruitContent .recruit_main .recruit_message {
  width: 100%;
  height: calc(48.6111111111vw);
  background-image: url("../images/message_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  box-sizing: border-box;
  padding: calc(0vw) calc(8.4722222222vw);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message {
    height: calc(93.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message {
    height: calc(48.6111111111vw);
  }
}
@media (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message {
    padding: calc(0vw) calc(16.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message {
    padding: calc(0vw) calc(8.4722222222vw);
  }
}
#Recruit #RecruitContent .recruit_main .recruit_message .recruit_content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #fff;
  text-wrap: nowrap;
}
#Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left {
  z-index: 1;
}
#Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--title {
  font-size: min(3.1944444444vw, 46px);
  font-weight: 700;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: calc(2.2222222222vw);
}
@media (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--title {
    font-size: min(6.1333333333vw, 46px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--title {
    font-size: min(3.1944444444vw, 46px);
  }
}
@media (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--title {
    margin-bottom: calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--title {
    margin-bottom: calc(2.2222222222vw);
  }
}
#Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--title span {
  font-size: min(0.9722222222vw, 14px);
  margin-bottom: calc(2.7777777778vw);
}
@media (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--title span {
    font-size: min(1.8666666667vw, 14px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--title span {
    font-size: min(0.9722222222vw, 14px);
  }
}
@media (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--title span {
    margin-bottom: calc(5.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--title span {
    margin-bottom: calc(2.7777777778vw);
  }
}
#Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc {
  font-size: min(1.1111111111vw, 16px);
  line-height: calc(1.1111111111vw * 2);
}
@media (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
#Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_top {
  margin-bottom: calc(1.6666666667vw);
}
@media (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_top {
    margin-bottom: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_top {
    margin-bottom: calc(1.6666666667vw);
  }
}
#Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_list li {
  font-size: min(1.25vw, 18px);
  line-height: calc(1.25vw * 2);
}
@media (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_list li {
    font-size: min(2.4vw, 18px);
    line-height: calc(2.4vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_list li {
    font-size: min(1.25vw, 18px);
    line-height: calc(1.25vw * 2);
  }
}
#Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_list li span {
  color: #CE1B2E;
  margin-right: calc(1.3888888889vw);
}
@media (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_list li span {
    margin-right: calc(2.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_list li span {
    margin-right: calc(1.3888888889vw);
  }
}
#Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_bottom {
  margin-top: calc(1.6666666667vw);
}
@media (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_bottom {
    margin-top: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_bottom {
    margin-top: calc(1.6666666667vw);
  }
}
#Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.right {
  align-items: flex-end;
}
#Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.right img {
  width: calc(44.4444444444vw);
}
@media (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.right img {
    width: calc(85.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.right img {
    width: calc(44.4444444444vw);
  }
}
#Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.right .more_btn {
  margin-right: 0;
  color: #262523;
}
#Recruit #RecruitContent.jtc .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_list li span {
  color: #023C82;
}
#Recruit #RecruitContent.jtc .recruit_main .recruit_message .recruit_content.right {
  align-items: flex-end;
}
#Recruit #RecruitContent.jtc .recruit_main .recruit_message .recruit_content.right img {
  width: calc(44.4444444444vw);
}
@media (max-width: 767px) {
  #Recruit #RecruitContent.jtc .recruit_main .recruit_message .recruit_content.right img {
    width: calc(85.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent.jtc .recruit_main .recruit_message .recruit_content.right img {
    width: calc(44.4444444444vw);
  }
}
#Recruit #RecruitContent.jtc .recruit_main .recruit_message .recruit_content.right .more_btn {
  margin-right: 0;
  color: #262523;
}
#Recruit section {
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding: calc(8.3333333333vw) calc(0vw);
}
@media (max-width: 767px) {
  #Recruit section {
    padding: calc(16vw) calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section {
    padding: calc(8.3333333333vw) calc(0vw);
  }
}
#Recruit section .recruitment_inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#Recruit section .recruitment_inner .recruitment_title {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: min(2.2222222222vw, 32px);
  font-weight: 700;
  margin-bottom: calc(4.1666666667vw);
}
@media (max-width: 767px) {
  #Recruit section .recruitment_inner .recruitment_title {
    font-size: min(4.2666666667vw, 32px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section .recruitment_inner .recruitment_title {
    font-size: min(2.2222222222vw, 32px);
  }
}
@media (max-width: 767px) {
  #Recruit section .recruitment_inner .recruitment_title {
    margin-bottom: calc(8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section .recruitment_inner .recruitment_title {
    margin-bottom: calc(4.1666666667vw);
  }
}
#Recruit section .recruitment_inner .recruitment_title span {
  font-size: min(1.25vw, 18px);
  color: #CE1B2E;
  font-weight: 700;
  margin-bottom: calc(1.0416666667vw);
}
@media (max-width: 767px) {
  #Recruit section .recruitment_inner .recruitment_title span {
    font-size: min(2.4vw, 18px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section .recruitment_inner .recruitment_title span {
    font-size: min(1.25vw, 18px);
  }
}
@media (max-width: 767px) {
  #Recruit section .recruitment_inner .recruitment_title span {
    margin-bottom: calc(2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section .recruitment_inner .recruitment_title span {
    margin-bottom: calc(1.0416666667vw);
  }
}
#Recruit section.jtc .recruitment_inner .recruitment_title span {
  color: #023C82;
}
#Recruit section#RecruitmentInfo .recruitment_list {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-left: auto;
}
#Recruit section#RecruitmentInfo .recruitment_list .recruitment_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
#Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--title {
  position: absolute;
  top: 50%;
  left: -10.5%;
  transform: translateY(-50%);
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: min(1.1111111111vw, 16px);
  line-height: calc(1.1111111111vw * 2);
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--title {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--title {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
#Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--title span {
  font-size: min(2.2222222222vw, 32px);
  margin-bottom: calc(0.6944444444vw);
  font-weight: 700;
  color: #CE1B2E;
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--title span {
    font-size: min(4.2666666667vw, 32px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--title span {
    font-size: min(2.2222222222vw, 32px);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--title span {
    margin-bottom: calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--title span {
    margin-bottom: calc(0.6944444444vw);
  }
}
#Recruit section#RecruitmentInfo .recruitment_list .recruitment_item:nth-child(4) .recruitment_item--title {
  top: 35%;
}
#Recruit section#RecruitmentInfo .recruitment_list .recruitment_item:nth-child(4) .recruitment_item--desc {
  top: 45%;
}
#Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--img {
  width: calc(75vw);
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--img {
    width: calc(144vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--img {
    width: calc(75vw);
  }
}
#Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--desc {
  position: absolute;
  top: 50%;
  left: 30%;
  transform: translateY(-50%);
  font-size: min(1.1111111111vw, 16px);
  line-height: calc(1.1111111111vw * 2);
  width: calc(41.1111111111vw);
  color: #fff;
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--desc {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--desc {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--desc {
    width: calc(78.9333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--desc {
    width: calc(41.1111111111vw);
  }
}
#Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--desc_sub {
  width: calc(63.8888888889vw);
  font-size: min(0.9722222222vw, 14px);
  line-height: calc(0.9722222222vw * 2);
  margin-top: calc(1.25vw);
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--desc_sub {
    width: calc(122.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--desc_sub {
    width: calc(63.8888888889vw);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--desc_sub {
    font-size: min(1.8666666667vw, 14px);
    line-height: calc(1.8666666667vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--desc_sub {
    font-size: min(0.9722222222vw, 14px);
    line-height: calc(0.9722222222vw * 2);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--desc_sub {
    margin-top: calc(2.4vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--desc_sub {
    margin-top: calc(1.25vw);
  }
}
#Recruit section#RecruitmentInfo .recruitment_list .recruitment_item:nth-child(4) .recruitment_item--desc {
  top: 45%;
}
#Recruit section#RecruitmentInfo .recruitment_list .recruitment_item:not(:last-child) {
  margin-bottom: calc(2.2222222222vw);
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item:not(:last-child) {
    margin-bottom: calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item:not(:last-child) {
    margin-bottom: calc(2.2222222222vw);
  }
}
#Recruit section#RecruitmentInfo .recruitment_list .disability_desc {
  margin-top: 0px;
  margin-bottom: calc(2.2222222222vw);
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentInfo .recruitment_list .disability_desc {
    margin-bottom: calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentInfo .recruitment_list .disability_desc {
    margin-bottom: calc(2.2222222222vw);
  }
}
#Recruit section#RecruitmentInfo .recruitment_list .open-position_desc {
  margin-top: 0px;
}
#Recruit section#RecruitmentInfo.jtc .recruitment_list .recruitment_item--title span {
  color: #023C82;
}
#Recruit section#RecruitmentInfo.jtc .recruitment_list .recruitment_item--desc {
  color: #000000;
}
#Recruit section#RecruitmentFlow {
  background-image: url("../images/flow_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: calc(5.5555555556vw) calc(0vw);
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFlow {
    padding: calc(10.6666666667vw) calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow {
    padding: calc(5.5555555556vw) calc(0vw);
  }
}
#Recruit section#RecruitmentFlow .tab_wrapper {
  width: calc(71.1805555556vw);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFlow .tab_wrapper {
    width: calc(136.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow .tab_wrapper {
    width: calc(71.1805555556vw);
  }
}
#Recruit section#RecruitmentFlow .tab_wrapper .tab_menu {
  width: calc(50vw);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_menu {
    width: calc(96vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_menu {
    width: calc(50vw);
  }
}
#Recruit section#RecruitmentFlow .tab_wrapper .tab_menu .tab_item {
  width: calc(20.2777777778vw);
  text-align: center;
  padding: 16px 0;
  cursor: pointer;
  font-weight: bold;
  background: #D9D9D9;
  color: rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_menu .tab_item {
    width: calc(38.9333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_menu .tab_item {
    width: calc(20.2777777778vw);
  }
}
#Recruit section#RecruitmentFlow .tab_wrapper .tab_menu .tab_item.active {
  background: #fff;
  border-top: 7px solid #CE1B2E;
  opacity: 1;
  color: #000000;
}
#Recruit section#RecruitmentFlow .tab_wrapper .tab_content {
  width: 100%;
  display: none;
  box-sizing: border-box;
  padding: calc(2.2222222222vw) calc(2.2222222222vw) calc(2.7777777778vw) calc(2.2222222222vw);
  background: #fff;
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content {
    padding: calc(4.2666666667vw) calc(4.2666666667vw) calc(5.3333333333vw) calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content {
    padding: calc(2.2222222222vw) calc(2.2222222222vw) calc(2.7777777778vw) calc(2.2222222222vw);
  }
}
#Recruit section#RecruitmentFlow .tab_wrapper .tab_content.active {
  display: block;
}
#Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps {
  list-style: none;
  padding: 0;
  counter-reset: step;
}
#Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
#Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li p {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border: 1px solid #262523;
}
#Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li p .step_num {
  font-size: min(2.2222222222vw, 32px);
  line-height: calc(2.2222222222vw * 2);
  font-family: "Questrial", sans-serif;
  font-weight: 400;
  font-weight: bold;
  color: #000000;
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li p .step_num {
    font-size: min(4.2666666667vw, 32px);
    line-height: calc(4.2666666667vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li p .step_num {
    font-size: min(2.2222222222vw, 32px);
    line-height: calc(2.2222222222vw * 2);
  }
}
#Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li p .step_main {
  width: calc(29.1666666667vw);
  font-size: min(1.6666666667vw, 24px);
  line-height: calc(1.6666666667vw * 2);
  color: #CE1B2E;
  text-align: center;
  box-sizing: border-box;
  padding: calc(1.3888888889vw) calc(0vw);
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li p .step_main {
    width: calc(56vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li p .step_main {
    width: calc(29.1666666667vw);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li p .step_main {
    font-size: min(3.2vw, 24px);
    line-height: calc(3.2vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li p .step_main {
    font-size: min(1.6666666667vw, 24px);
    line-height: calc(1.6666666667vw * 2);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li p .step_main {
    padding: calc(2.6666666667vw) calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li p .step_main {
    padding: calc(1.3888888889vw) calc(0vw);
  }
}
#Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li.step_text {
  font-size: min(1.1111111111vw, 16px);
  line-height: calc(1.1111111111vw * 2);
  border: none;
  margin-bottom: calc(1.6666666667vw);
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li.step_text {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li.step_text {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li.step_text {
    margin-bottom: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li.step_text {
    margin-bottom: calc(1.6666666667vw);
  }
}
#Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li.step_text::after {
  display: none;
}
#Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 4.86vw solid transparent;
  border-right: 4.86vw solid transparent;
  border-top: 1.94vw solid #5A5A5A;
  margin: calc(1.1111111111vw) calc(0vw) calc(1.1111111111vw) calc(2.7777777778vw);
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li::after {
    margin: calc(2.1333333333vw) calc(0vw) calc(2.1333333333vw) calc(5.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li::after {
    margin: calc(1.1111111111vw) calc(0vw) calc(1.1111111111vw) calc(2.7777777778vw);
  }
}
#Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li.final::after {
  display: none;
}
#Recruit section#RecruitmentFlow.jtc {
  background-image: url("../images/flow_bg-jtc.png");
}
#Recruit section#RecruitmentFlow.jtc .tab_wrapper .tab_menu .tab_item.active {
  border-top: 7px solid #023C82;
}
#Recruit section#RecruitmentFlow.jtc .tab_wrapper .tab_content .flow_steps li p .step_main {
  color: #023C82;
}
#Recruit section#RecruitmentFlow.jtc .tab_wrapper .tab_content .flow_steps li.final::after {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 4.86vw solid transparent;
  border-right: 4.86vw solid transparent;
  border-top: 1.94vw solid #5A5A5A;
  margin: calc(1.1111111111vw) calc(0vw) calc(1.1111111111vw) calc(2.7777777778vw);
  position: relative;
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFlow.jtc .tab_wrapper .tab_content .flow_steps li.final::after {
    margin: calc(2.1333333333vw) calc(0vw) calc(2.1333333333vw) calc(5.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow.jtc .tab_wrapper .tab_content .flow_steps li.final::after {
    margin: calc(1.1111111111vw) calc(0vw) calc(1.1111111111vw) calc(2.7777777778vw);
  }
}
#Recruit section#RecruitmentFlow.jtc .tab_wrapper .tab_content .flow_steps li.last::after {
  display: none;
}
#Recruit section#RecruitmentFaq .faq_box {
  width: calc(58.6111111111vw);
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_box {
    width: calc(112.5333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_box {
    width: calc(58.6111111111vw);
  }
}
#Recruit section#RecruitmentFaq .faq_box .faq_text {
  font-size: min(1.6666666667vw, 24px);
  font-weight: 700;
  margin-bottom: calc(2.2222222222vw);
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_box .faq_text {
    font-size: min(3.2vw, 24px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_box .faq_text {
    font-size: min(1.6666666667vw, 24px);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_box .faq_text {
    margin-bottom: calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_box .faq_text {
    margin-bottom: calc(2.2222222222vw);
  }
}
#Recruit section#RecruitmentFaq .faq_box:not(:last-child) {
  margin-bottom: calc(2.7777777778vw);
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_box:not(:last-child) {
    margin-bottom: calc(5.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_box:not(:last-child) {
    margin-bottom: calc(2.7777777778vw);
  }
}
#Recruit section#RecruitmentFaq .faq_list {
  width: 100%;
}
#Recruit section#RecruitmentFaq .faq_list .faq_item {
  width: 100%;
  box-sizing: border-box;
  padding: calc(2.7777777778vw) calc(4.5138888889vw) calc(2.7777777778vw) calc(1.7361111111vw);
  border: 1px solid #262523;
  cursor: pointer;
  position: relative;
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item {
    padding: calc(5.3333333333vw) calc(8.6666666667vw) calc(5.3333333333vw) calc(3.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item {
    padding: calc(2.7777777778vw) calc(4.5138888889vw) calc(2.7777777778vw) calc(1.7361111111vw);
  }
}
#Recruit section#RecruitmentFaq .faq_list .faq_item p {
  font-size: min(1.1111111111vw, 16px);
  line-height: calc(1.1111111111vw * 2);
  font-weight: 700;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
#Recruit section#RecruitmentFaq .faq_list .faq_item p::before {
  content: "Q";
  display: block;
  font-family: "Open Sans", sans-serif;
  font-size: min(1.25vw, 18px);
  font-weight: 700;
  margin-right: calc(1.6666666667vw);
  color: #CE1B2E;
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p::before {
    font-size: min(2.4vw, 18px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p::before {
    font-size: min(1.25vw, 18px);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p::before {
    margin-right: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p::before {
    margin-right: calc(1.6666666667vw);
  }
}
#Recruit section#RecruitmentFaq .faq_list .faq_item p.answer {
  font-size: min(1.1111111111vw, 16px);
  line-height: calc(1.1111111111vw * 2);
  font-weight: 500;
  border-top: 1px solid #BDBDBD;
  margin-top: calc(2.3611111111vw);
  padding-top: calc(1.3888888889vw);
  display: none;
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p.answer {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p.answer {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p.answer {
    margin-top: calc(4.5333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p.answer {
    margin-top: calc(2.3611111111vw);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p.answer {
    padding-top: calc(2.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p.answer {
    padding-top: calc(1.3888888889vw);
  }
}
#Recruit section#RecruitmentFaq .faq_list .faq_item p.answer::before {
  content: "A";
  color: #5A5A5A;
}
#Recruit section#RecruitmentFaq .faq_list .faq_item::before, #Recruit section#RecruitmentFaq .faq_list .faq_item::after {
  content: "";
  display: block;
  width: calc(1.1111111111vw);
  height: calc(0.1388888889vw);
  background: #5A5A5A;
  position: absolute;
  top: 3.8vw;
  right: 0;
  margin-right: calc(4.5138888889vw);
  transition: all 0.3s 0s ease;
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item::before, #Recruit section#RecruitmentFaq .faq_list .faq_item::after {
    width: calc(2.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item::before, #Recruit section#RecruitmentFaq .faq_list .faq_item::after {
    width: calc(1.1111111111vw);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item::before, #Recruit section#RecruitmentFaq .faq_list .faq_item::after {
    height: calc(0.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item::before, #Recruit section#RecruitmentFaq .faq_list .faq_item::after {
    height: calc(0.1388888889vw);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item::before, #Recruit section#RecruitmentFaq .faq_list .faq_item::after {
    margin-right: calc(8.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item::before, #Recruit section#RecruitmentFaq .faq_list .faq_item::after {
    margin-right: calc(4.5138888889vw);
  }
}
#Recruit section#RecruitmentFaq .faq_list .faq_item::after {
  transform: rotate(-90deg);
}
#Recruit section#RecruitmentFaq .faq_list .faq_item.open::after {
  transform: rotate(-360deg);
  opacity: 0;
}
#Recruit section#RecruitmentFaq .faq_list .faq_item:not(:last-child) {
  margin-bottom: calc(1.6666666667vw);
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item:not(:last-child) {
    margin-bottom: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item:not(:last-child) {
    margin-bottom: calc(1.6666666667vw);
  }
}
#Recruit section#RecruitmentFaq.jtc .faq_list .faq_item p::before {
  color: #023C82;
}
#Recruit .comp_movie {
  width: 100%;
  margin-bottom: calc(4.1666666667vw);
}
@media (max-width: 767px) {
  #Recruit .comp_movie {
    margin-bottom: calc(8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit .comp_movie {
    margin-bottom: calc(4.1666666667vw);
  }
}
#Recruit .comp_movie img,
#Recruit .comp_movie video {
  width: 100%;
}
#Recruit .comp_movie .image-container {
  width: 100%;
  height: calc(6.25vw);
  margin-top: calc(-0.3472222222vw);
}
@media (max-width: 767px) {
  #Recruit .comp_movie .image-container {
    height: calc(12vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit .comp_movie .image-container {
    height: calc(6.25vw);
  }
}
@media (max-width: 767px) {
  #Recruit .comp_movie .image-container {
    margin-top: calc(-0.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit .comp_movie .image-container {
    margin-top: calc(-0.3472222222vw);
  }
}

@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent {
    width: 100%;
    padding: 0;
  }
  #Recruit #RecruitContent .recruit_main {
    width: 100%;
  }
  #Recruit #RecruitContent .recruit_main .image-container {
    width: 100%;
    height: calc(6.25vw);
    padding: calc(1.875vw) calc(0vw) calc(1.875vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .image-container {
    height: calc(12vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .image-container {
    height: calc(6.25vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .image-container {
    padding: calc(3.6vw) calc(0vw) calc(3.6vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .image-container {
    padding: calc(1.875vw) calc(0vw) calc(1.875vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .image-container .top {
    margin-bottom: 0;
  }
  #Recruit #RecruitContent .recruit_main .recruit_message {
    width: 100%;
    height: auto;
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message {
    padding: calc(13.3333333333vw) calc(6.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message {
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--title {
    font-size: min(3.1944444444vw, 46px);
    font-weight: 700;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: calc(2.2222222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--title {
    font-size: min(6.1333333333vw, 46px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--title {
    font-size: min(3.1944444444vw, 46px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--title {
    margin-bottom: calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--title {
    margin-bottom: calc(2.2222222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--title span {
    font-size: min(0.9722222222vw, 14px);
    margin-bottom: calc(2.7777777778vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--title span {
    font-size: min(1.8666666667vw, 14px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--title span {
    font-size: min(0.9722222222vw, 14px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--title span {
    margin-bottom: calc(5.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--title span {
    margin-bottom: calc(2.7777777778vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc {
    font-size: 12px !important;
  }
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_top {
    margin-bottom: calc(1.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_top {
    margin-bottom: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_top {
    margin-bottom: calc(1.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_list li {
    font-size: 12px !important;
  }
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_list li span {
    color: #CE1B2E;
    margin-right: calc(1.3888888889vw);
    font-size: 12px !important;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_list li span {
    margin-right: calc(2.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_list li span {
    margin-right: calc(1.3888888889vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_bottom {
    margin-top: calc(1.6666666667vw);
    margin-bottom: 20px;
    font-size: 12px !important;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_bottom {
    margin-top: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_bottom {
    margin-top: calc(1.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.right {
    align-items: flex-end;
  }
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.right img {
    width: calc(44.4444444444vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.right img {
    width: calc(85.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.right img {
    width: calc(44.4444444444vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.right .more_btn {
    margin-right: 0;
    color: #262523;
  }
  #Recruit #RecruitContent.jtc .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_list li span {
    color: #023C82;
  }
  #Recruit #RecruitContent.jtc .recruit_main .recruit_message .recruit_content.right {
    align-items: flex-end;
  }
  #Recruit #RecruitContent.jtc .recruit_main .recruit_message .recruit_content.right img {
    width: calc(44.4444444444vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit #RecruitContent.jtc .recruit_main .recruit_message .recruit_content.right img {
    width: calc(85.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent.jtc .recruit_main .recruit_message .recruit_content.right img {
    width: calc(44.4444444444vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent.jtc .recruit_main .recruit_message .recruit_content.right .more_btn {
    margin-right: 0;
    color: #262523;
  }
  #Recruit section {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: calc(8.3333333333vw) calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit section {
    padding: calc(16vw) calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section {
    padding: calc(8.3333333333vw) calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section .recruitment_inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #Recruit section .recruitment_inner .recruitment_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-weight: 700;
    margin-bottom: calc(4.1666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit section .recruitment_inner .recruitment_title {
    margin-bottom: calc(8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section .recruitment_inner .recruitment_title {
    margin-bottom: calc(4.1666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section .recruitment_inner .recruitment_title span {
    font-size: 20px !important;
    color: #CE1B2E;
    font-weight: 700;
    margin-bottom: calc(1.0416666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit section .recruitment_inner .recruitment_title span {
    margin-bottom: calc(2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section .recruitment_inner .recruitment_title span {
    margin-bottom: calc(1.0416666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section.jtc .recruitment_inner .recruitment_title span {
    color: #023C82;
  }
  #Recruit section#RecruitmentInfo .recruitment_list {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-left: auto;
    width: 80%;
  }
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
  }
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--title {
    position: absolute;
    top: 50%;
    left: -50px;
    transform: translateY(-50%);
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 12px;
  }
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--title span {
    font-size: 20px;
    margin-bottom: calc(0.6944444444vw);
    font-weight: 700;
    color: #CE1B2E;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--title span {
    margin-bottom: calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--title span {
    margin-bottom: calc(0.6944444444vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--img {
    width: 100%;
  }
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--desc {
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translateY(-50%);
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
    width: 100%;
    color: #fff;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--desc {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--desc {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--desc_sub {
    width: 90%;
    font-size: min(0.9722222222vw, 14px);
    line-height: calc(0.9722222222vw * 2);
    margin-top: calc(1.25vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--desc_sub {
    font-size: min(1.8666666667vw, 14px);
    line-height: calc(1.8666666667vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--desc_sub {
    font-size: min(0.9722222222vw, 14px);
    line-height: calc(0.9722222222vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--desc_sub {
    margin-top: calc(2.4vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--desc_sub {
    margin-top: calc(1.25vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item:nth-child(4) .recruitment_item--title {
    position: absolute;
    top: 25%;
    left: 10px;
    transform: translateY(-50%);
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item:nth-child(4) .recruitment_item--title {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item:nth-child(4) .recruitment_item--title {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item:nth-child(4) .recruitment_item--desc {
    top: 55%;
    left: 10px;
    width: 300px;
  }
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item.pcj-third-block .recruitment_item--title {
    top: 50%;
    left: -50px;
  }
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item.pcj-third-block .recruitment_item--desc {
    top: 65%;
    left: 10px;
    width: 300px;
  }
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item:not(:last-child) {
    margin-bottom: calc(2.2222222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item:not(:last-child) {
    margin-bottom: calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item:not(:last-child) {
    margin-bottom: calc(2.2222222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentInfo.jtc .recruitment_list .recruitment_item--title span {
    color: #023C82;
  }
  #Recruit section#RecruitmentInfo.jtc .recruitment_list .recruitment_item--desc {
    color: #000000;
  }
  #Recruit section#RecruitmentFlow {
    padding: calc(5.5555555556vw) calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit section#RecruitmentFlow {
    padding: calc(10.6666666667vw) calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow {
    padding: calc(5.5555555556vw) calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow .tab_wrapper {
    width: 70%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_menu {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_menu .tab_item {
    width: calc(20.2777777778vw);
    text-align: center;
    padding: 16px 0;
    cursor: pointer;
    font-weight: bold;
    background: #D9D9D9;
    color: rgba(0, 0, 0, 0.2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_menu .tab_item {
    width: calc(38.9333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_menu .tab_item {
    width: calc(20.2777777778vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_menu .tab_item.active {
    background: #fff;
    border-top: 7px solid #CE1B2E;
    opacity: 1;
    color: #000000;
  }
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content {
    width: 100%;
    display: none;
    box-sizing: border-box;
    padding: calc(2.2222222222vw) calc(2.2222222222vw) calc(2.7777777778vw) calc(2.2222222222vw);
    background: #fff;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content {
    padding: calc(4.2666666667vw) calc(4.2666666667vw) calc(5.3333333333vw) calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content {
    padding: calc(2.2222222222vw) calc(2.2222222222vw) calc(2.7777777778vw) calc(2.2222222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content.active {
    display: block;
  }
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps {
    list-style: none;
    padding: 0;
    counter-reset: step;
  }
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
  }
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li p {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid #262523;
    padding: 0px 10px;
  }
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li p .step_num {
    font-size: min(2.2222222222vw, 32px);
    line-height: calc(2.2222222222vw * 2);
    font-family: "Questrial", sans-serif;
    font-weight: 400;
    font-weight: bold;
    color: #000000;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li p .step_num {
    font-size: min(4.2666666667vw, 32px);
    line-height: calc(4.2666666667vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li p .step_num {
    font-size: min(2.2222222222vw, 32px);
    line-height: calc(2.2222222222vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li p .step_main {
    width: 100%;
    font-size: 14px;
    color: #CE1B2E;
    text-align: center;
    box-sizing: border-box;
    padding: calc(1.3888888889vw) calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li p .step_main {
    padding: calc(2.6666666667vw) calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li p .step_main {
    padding: calc(1.3888888889vw) calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li.step_text {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
    border: none;
    margin-bottom: calc(1.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li.step_text {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li.step_text {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li.step_text {
    margin-bottom: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li.step_text {
    margin-bottom: calc(1.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li.step_text::after {
    display: none;
  }
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 4.86vw solid transparent;
    border-right: 4.86vw solid transparent;
    border-top: 1.94vw solid #5A5A5A;
    margin: calc(1.1111111111vw) calc(0vw) calc(1.1111111111vw) calc(2.7777777778vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li::after {
    margin: calc(2.1333333333vw) calc(0vw) calc(2.1333333333vw) calc(5.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li::after {
    margin: calc(1.1111111111vw) calc(0vw) calc(1.1111111111vw) calc(2.7777777778vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li.final::after {
    display: none;
  }
  #Recruit section#RecruitmentFlow.jtc {
    background-image: url("../images/flow_bg-jtc.png");
  }
  #Recruit section#RecruitmentFlow.jtc .tab_wrapper .tab_menu .tab_item.active {
    border-top: 7px solid #023C82;
  }
  #Recruit section#RecruitmentFlow.jtc .tab_wrapper .tab_content .flow_steps li p .step_main {
    color: #023C82;
  }
  #Recruit section#RecruitmentFlow.jtc .tab_wrapper .tab_content .flow_steps li.final::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 4.86vw solid transparent;
    border-right: 4.86vw solid transparent;
    border-top: 1.94vw solid #5A5A5A;
    margin: calc(1.1111111111vw) calc(0vw) calc(1.1111111111vw) calc(2.7777777778vw);
    position: relative;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit section#RecruitmentFlow.jtc .tab_wrapper .tab_content .flow_steps li.final::after {
    margin: calc(2.1333333333vw) calc(0vw) calc(2.1333333333vw) calc(5.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow.jtc .tab_wrapper .tab_content .flow_steps li.final::after {
    margin: calc(1.1111111111vw) calc(0vw) calc(1.1111111111vw) calc(2.7777777778vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow.jtc .tab_wrapper .tab_content .flow_steps li.last::after {
    display: none;
  }
  #Recruit section#RecruitmentFlow.jtc .tab_wrapper .tab_content .flow_steps li:nth-child(2) .step_main {
    margin-left: calc(0.6944444444vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit section#RecruitmentFlow.jtc .tab_wrapper .tab_content .flow_steps li:nth-child(2) .step_main {
    margin-left: calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow.jtc .tab_wrapper .tab_content .flow_steps li:nth-child(2) .step_main {
    margin-left: calc(0.6944444444vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_box {
    width: 80%;
    padding: calc(0vw) calc(3.4722222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_box {
    padding: calc(0vw) calc(6.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_box {
    padding: calc(0vw) calc(3.4722222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_box .faq_text {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: calc(2.2222222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_box .faq_text {
    margin-bottom: calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_box .faq_text {
    margin-bottom: calc(2.2222222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_box:not(:last-child) {
    margin-bottom: calc(2.7777777778vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_box:not(:last-child) {
    margin-bottom: calc(5.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_box:not(:last-child) {
    margin-bottom: calc(2.7777777778vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list {
    width: 100%;
  }
  #Recruit section#RecruitmentFaq .faq_list .faq_item {
    width: 100%;
    box-sizing: border-box;
    padding: calc(2.7777777778vw) calc(4.5138888889vw) calc(2.7777777778vw) calc(1.7361111111vw);
    border: 1px solid #262523;
    cursor: pointer;
    position: relative;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item {
    padding: calc(5.3333333333vw) calc(8.6666666667vw) calc(5.3333333333vw) calc(3.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item {
    padding: calc(2.7777777778vw) calc(4.5138888889vw) calc(2.7777777778vw) calc(1.7361111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p {
    font-size: 12px;
    font-weight: 700;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
  }
  #Recruit section#RecruitmentFaq .faq_list .faq_item p::before {
    content: "Q";
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    font-weight: 700;
    margin-right: calc(1.6666666667vw);
    color: #CE1B2E;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p::before {
    margin-right: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p::before {
    margin-right: calc(1.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p.answer {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
    font-weight: 500;
    border-top: 1px solid #BDBDBD;
    margin-top: calc(2.3611111111vw);
    padding-top: calc(1.3888888889vw);
    display: none;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p.answer {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p.answer {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p.answer {
    margin-top: calc(4.5333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p.answer {
    margin-top: calc(2.3611111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p.answer {
    padding-top: calc(2.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p.answer {
    padding-top: calc(1.3888888889vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p.answer::before {
    content: "A";
    color: #5A5A5A;
  }
  #Recruit section#RecruitmentFaq .faq_list .faq_item::before, #Recruit section#RecruitmentFaq .faq_list .faq_item::after {
    content: "";
    display: block;
    width: calc(1.1111111111vw);
    height: calc(0.1388888889vw);
    background: #5A5A5A;
    position: absolute;
    top: 4vw;
    right: 0;
    margin-right: calc(4.5138888889vw);
    transition: all 0.3s 0s ease;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item::before, #Recruit section#RecruitmentFaq .faq_list .faq_item::after {
    width: calc(2.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item::before, #Recruit section#RecruitmentFaq .faq_list .faq_item::after {
    width: calc(1.1111111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item::before, #Recruit section#RecruitmentFaq .faq_list .faq_item::after {
    height: calc(0.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item::before, #Recruit section#RecruitmentFaq .faq_list .faq_item::after {
    height: calc(0.1388888889vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item::before, #Recruit section#RecruitmentFaq .faq_list .faq_item::after {
    margin-right: calc(8.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item::before, #Recruit section#RecruitmentFaq .faq_list .faq_item::after {
    margin-right: calc(4.5138888889vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item::after {
    transform: rotate(-90deg);
  }
  #Recruit section#RecruitmentFaq .faq_list .faq_item.open::after {
    transform: rotate(-360deg);
    opacity: 0;
  }
  #Recruit section#RecruitmentFaq .faq_list .faq_item:not(:last-child) {
    margin-bottom: calc(1.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item:not(:last-child) {
    margin-bottom: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item:not(:last-child) {
    margin-bottom: calc(1.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq.jtc .faq_list .faq_item p::before {
    color: #023C82;
  }
  #Recruit .comp_movie {
    width: 100%;
    margin-bottom: calc(4.1666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit .comp_movie {
    margin-bottom: calc(8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit .comp_movie {
    margin-bottom: calc(4.1666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Recruit .comp_movie img,
  #Recruit .comp_movie video {
    width: 100%;
  }
  #Recruit .comp_movie .image-container {
    width: 100%;
    height: calc(6.25vw);
    margin-top: calc(-0.3472222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit .comp_movie .image-container {
    height: calc(12vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit .comp_movie .image-container {
    height: calc(6.25vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Recruit .comp_movie .image-container {
    margin-top: calc(-0.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit .comp_movie .image-container {
    margin-top: calc(-0.3472222222vw);
  }
}
@media (max-width: 767px) {
  #Recruit #RecruitContent {
    width: 100%;
    padding: 0;
  }
  #Recruit #RecruitContent .recruit_main {
    width: 100%;
  }
  #Recruit #RecruitContent .recruit_main .image-container {
    width: 100%;
    height: calc(6.25vw);
    padding: calc(1.875vw) calc(0vw) calc(1.875vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .image-container {
    height: calc(12vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .image-container {
    height: calc(6.25vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .image-container {
    padding: calc(3.6vw) calc(0vw) calc(3.6vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .image-container {
    padding: calc(1.875vw) calc(0vw) calc(1.875vw);
  }
}
@media (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .image-container .top {
    margin-bottom: 0;
  }
  #Recruit #RecruitContent .recruit_main .recruit_message {
    width: 100%;
    height: auto;
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message {
    padding: calc(13.3333333333vw) calc(6.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message {
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--title {
    font-size: min(3.1944444444vw, 46px);
    font-weight: 700;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: calc(2.2222222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--title {
    font-size: min(6.1333333333vw, 46px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--title {
    font-size: min(3.1944444444vw, 46px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--title {
    margin-bottom: calc(4.2666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--title {
    margin-bottom: calc(2.2222222222vw);
  }
}
@media (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--title span {
    font-size: min(0.9722222222vw, 14px);
    margin-bottom: calc(2.7777777778vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--title span {
    font-size: min(1.8666666667vw, 14px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--title span {
    font-size: min(0.9722222222vw, 14px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--title span {
    margin-bottom: calc(5.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--title span {
    margin-bottom: calc(2.7777777778vw);
  }
}
@media (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc {
    font-size: 10px !important;
  }
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_top {
    margin-bottom: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_top {
    margin-bottom: calc(3.2vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_top {
    margin-bottom: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_list li {
    font-size: 10px !important;
  }
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_list li span {
    color: #CE1B2E;
    margin-right: calc(1.3888888889vw);
    font-size: 12px !important;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_list li span {
    margin-right: calc(2.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_list li span {
    margin-right: calc(1.3888888889vw);
  }
}
@media (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_bottom {
    margin-top: calc(1.6666666667vw);
    margin-bottom: 20px;
    font-size: 10px !important;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_bottom {
    margin-top: calc(3.2vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_bottom {
    margin-top: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.right {
    align-items: flex-end;
  }
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.right img {
    width: calc(44.4444444444vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.right img {
    width: calc(85.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.right img {
    width: calc(44.4444444444vw);
  }
}
@media (max-width: 767px) {
  #Recruit #RecruitContent .recruit_main .recruit_message .recruit_content.right .more_btn {
    margin-right: 0;
    color: #262523;
  }
  #Recruit #RecruitContent.jtc .recruit_main .recruit_message .recruit_content.left .recruit_message--desc_list li span {
    color: #023C82;
  }
  #Recruit #RecruitContent.jtc .recruit_main .recruit_message .recruit_content.right {
    align-items: flex-end;
  }
  #Recruit #RecruitContent.jtc .recruit_main .recruit_message .recruit_content.right img {
    width: calc(44.4444444444vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit #RecruitContent.jtc .recruit_main .recruit_message .recruit_content.right img {
    width: calc(85.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit #RecruitContent.jtc .recruit_main .recruit_message .recruit_content.right img {
    width: calc(44.4444444444vw);
  }
}
@media (max-width: 767px) {
  #Recruit #RecruitContent.jtc .recruit_main .recruit_message .recruit_content.right .more_btn {
    margin-right: 0;
    color: #262523;
  }
  #Recruit section {
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: calc(8.3333333333vw) calc(0vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section {
    padding: calc(16vw) calc(0vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section {
    padding: calc(8.3333333333vw) calc(0vw);
  }
}
@media (max-width: 767px) {
  #Recruit section .recruitment_inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #Recruit section .recruitment_inner .recruitment_title {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: min(2.2222222222vw, 32px);
    font-weight: 700;
    margin-bottom: calc(4.1666666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section .recruitment_inner .recruitment_title {
    font-size: min(4.2666666667vw, 32px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section .recruitment_inner .recruitment_title {
    font-size: min(2.2222222222vw, 32px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section .recruitment_inner .recruitment_title {
    margin-bottom: calc(8vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section .recruitment_inner .recruitment_title {
    margin-bottom: calc(4.1666666667vw);
  }
}
@media (max-width: 767px) {
  #Recruit section .recruitment_inner .recruitment_title span {
    font-size: min(1.25vw, 18px);
    color: #CE1B2E;
    font-weight: 700;
    margin-bottom: calc(1.0416666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section .recruitment_inner .recruitment_title span {
    font-size: min(2.4vw, 18px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section .recruitment_inner .recruitment_title span {
    font-size: min(1.25vw, 18px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section .recruitment_inner .recruitment_title span {
    margin-bottom: calc(2vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section .recruitment_inner .recruitment_title span {
    margin-bottom: calc(1.0416666667vw);
  }
}
@media (max-width: 767px) {
  #Recruit section.jtc .recruitment_inner .recruitment_title span {
    color: #023C82;
  }
  #Recruit section#RecruitmentInfo .recruitment_list {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-left: auto;
    width: 80%;
  }
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
  }
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--title {
    position: absolute;
    top: 50%;
    left: -50px;
    transform: translateY(-50%);
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: 10px;
  }
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--title span {
    font-size: 19px;
    margin-bottom: calc(0.6944444444vw);
    font-weight: 700;
    color: #CE1B2E;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--title span {
    margin-bottom: calc(1.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--title span {
    margin-bottom: calc(0.6944444444vw);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--img {
    width: 100%;
  }
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--desc {
    position: absolute;
    top: 50%;
    left: 30%;
    transform: translateY(-50%);
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
    width: 100%;
    color: #fff;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--desc {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--desc {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--desc_sub {
    width: 90%;
    font-size: min(0.9722222222vw, 14px);
    line-height: calc(0.9722222222vw * 2);
    margin-top: calc(1.25vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--desc_sub {
    font-size: min(1.8666666667vw, 14px);
    line-height: calc(1.8666666667vw * 2);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--desc_sub {
    font-size: min(0.9722222222vw, 14px);
    line-height: calc(0.9722222222vw * 2);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--desc_sub {
    margin-top: calc(2.4vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item--desc_sub {
    margin-top: calc(1.25vw);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item:nth-child(4) .recruitment_item--title {
    position: absolute;
    top: 25%;
    left: 10px;
    transform: translateY(-50%);
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item:nth-child(4) .recruitment_item--title {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item:nth-child(4) .recruitment_item--title {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item:nth-child(4) .recruitment_item--desc {
    top: 55%;
    left: 10px;
    width: 300px;
  }
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item.pcj-third-block .recruitment_item--title {
    top: 50%;
    left: -50px;
  }
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item.pcj-third-block .recruitment_item--desc {
    top: 65%;
    left: 10px;
    width: 300px;
  }
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item:not(:last-child) {
    margin-bottom: calc(2.2222222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item:not(:last-child) {
    margin-bottom: calc(4.2666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentInfo .recruitment_list .recruitment_item:not(:last-child) {
    margin-bottom: calc(2.2222222222vw);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentInfo.jtc .recruitment_list .recruitment_item--title span {
    color: #023C82;
  }
  #Recruit section#RecruitmentInfo.jtc .recruitment_list .recruitment_item--desc {
    color: #000000;
  }
  #Recruit section#RecruitmentFlow {
    padding: calc(5.5555555556vw) calc(0vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section#RecruitmentFlow {
    padding: calc(10.6666666667vw) calc(0vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow {
    padding: calc(5.5555555556vw) calc(0vw);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFlow .tab_wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_menu {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_menu .tab_item {
    width: calc(20.2777777778vw);
    text-align: center;
    padding: 16px 0;
    cursor: pointer;
    font-weight: bold;
    background: #D9D9D9;
    color: rgba(0, 0, 0, 0.2);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_menu .tab_item {
    width: calc(38.9333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_menu .tab_item {
    width: calc(20.2777777778vw);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_menu .tab_item.active {
    background: #fff;
    border-top: 7px solid #CE1B2E;
    opacity: 1;
    color: #000000;
  }
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content {
    width: 100%;
    display: none;
    box-sizing: border-box;
    padding: calc(2.2222222222vw) calc(2.2222222222vw) calc(2.7777777778vw) calc(2.2222222222vw);
    background: #fff;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content {
    padding: calc(4.2666666667vw) calc(4.2666666667vw) calc(5.3333333333vw) calc(4.2666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content {
    padding: calc(2.2222222222vw) calc(2.2222222222vw) calc(2.7777777778vw) calc(2.2222222222vw);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content.active {
    display: block;
  }
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps {
    list-style: none;
    padding: 0;
    counter-reset: step;
  }
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
  }
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li p {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 1px solid #262523;
    padding: 0px 10px;
  }
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li p .step_num {
    font-size: min(2.2222222222vw, 32px);
    line-height: calc(2.2222222222vw * 2);
    font-family: "Questrial", sans-serif;
    font-weight: 400;
    font-weight: bold;
    color: #000000;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li p .step_num {
    font-size: min(4.2666666667vw, 32px);
    line-height: calc(4.2666666667vw * 2);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li p .step_num {
    font-size: min(2.2222222222vw, 32px);
    line-height: calc(2.2222222222vw * 2);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li p .step_main {
    width: 100%;
    font-size: 14px;
    color: #CE1B2E;
    text-align: center;
    box-sizing: border-box;
    padding: calc(1.3888888889vw) calc(0vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li p .step_main {
    padding: calc(2.6666666667vw) calc(0vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li p .step_main {
    padding: calc(1.3888888889vw) calc(0vw);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li.step_text {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
    border: none;
    margin-bottom: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li.step_text {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li.step_text {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li.step_text {
    margin-bottom: calc(3.2vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li.step_text {
    margin-bottom: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li.step_text::after {
    display: none;
  }
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 4.86vw solid transparent;
    border-right: 4.86vw solid transparent;
    border-top: 1.94vw solid #5A5A5A;
    margin: calc(1.1111111111vw) calc(0vw) calc(1.1111111111vw) calc(2.7777777778vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li::after {
    margin: calc(2.1333333333vw) calc(0vw) calc(2.1333333333vw) calc(5.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li::after {
    margin: calc(1.1111111111vw) calc(0vw) calc(1.1111111111vw) calc(2.7777777778vw);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFlow .tab_wrapper .tab_content .flow_steps li.final::after {
    display: none;
  }
  #Recruit section#RecruitmentFlow.jtc {
    background-image: url("../images/flow_bg-jtc.png");
  }
  #Recruit section#RecruitmentFlow.jtc .tab_wrapper .tab_menu .tab_item.active {
    border-top: 7px solid #023C82;
  }
  #Recruit section#RecruitmentFlow.jtc .tab_wrapper .tab_content .flow_steps li p .step_main {
    color: #023C82;
  }
  #Recruit section#RecruitmentFlow.jtc .tab_wrapper .tab_content .flow_steps li.final::after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 4.86vw solid transparent;
    border-right: 4.86vw solid transparent;
    border-top: 1.94vw solid #5A5A5A;
    margin: calc(1.1111111111vw) calc(0vw) calc(1.1111111111vw) calc(2.7777777778vw);
    position: relative;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section#RecruitmentFlow.jtc .tab_wrapper .tab_content .flow_steps li.final::after {
    margin: calc(2.1333333333vw) calc(0vw) calc(2.1333333333vw) calc(5.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow.jtc .tab_wrapper .tab_content .flow_steps li.final::after {
    margin: calc(1.1111111111vw) calc(0vw) calc(1.1111111111vw) calc(2.7777777778vw);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFlow.jtc .tab_wrapper .tab_content .flow_steps li.last::after {
    display: none;
  }
  #Recruit section#RecruitmentFlow.jtc .tab_wrapper .tab_content .flow_steps li:nth-child(2) .step_main {
    margin-left: calc(0.6944444444vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section#RecruitmentFlow.jtc .tab_wrapper .tab_content .flow_steps li:nth-child(2) .step_main {
    margin-left: calc(1.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFlow.jtc .tab_wrapper .tab_content .flow_steps li:nth-child(2) .step_main {
    margin-left: calc(0.6944444444vw);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_box {
    width: 100%;
    padding: calc(0vw) calc(3.4722222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_box {
    padding: calc(0vw) calc(6.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_box {
    padding: calc(0vw) calc(3.4722222222vw);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_box .faq_text {
    font-size: 14px;
    font-weight: 700;
    margin-bottom: calc(2.2222222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_box .faq_text {
    margin-bottom: calc(4.2666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_box .faq_text {
    margin-bottom: calc(2.2222222222vw);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_box:not(:last-child) {
    margin-bottom: calc(2.7777777778vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_box:not(:last-child) {
    margin-bottom: calc(5.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_box:not(:last-child) {
    margin-bottom: calc(2.7777777778vw);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list {
    width: 100%;
  }
  #Recruit section#RecruitmentFaq .faq_list .faq_item {
    width: 100%;
    box-sizing: border-box;
    padding: calc(2.7777777778vw) calc(4.5138888889vw) calc(2.7777777778vw) calc(1.7361111111vw);
    border: 1px solid #262523;
    cursor: pointer;
    position: relative;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item {
    padding: calc(5.3333333333vw) calc(8.6666666667vw) calc(5.3333333333vw) calc(3.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item {
    padding: calc(2.7777777778vw) calc(4.5138888889vw) calc(2.7777777778vw) calc(1.7361111111vw);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p {
    font-size: 10px;
    font-weight: 700;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
  }
  #Recruit section#RecruitmentFaq .faq_list .faq_item p::before {
    content: "Q";
    display: block;
    font-family: "Open Sans", sans-serif;
    font-size: 10px;
    font-weight: 700;
    margin-right: calc(1.6666666667vw);
    color: #CE1B2E;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p::before {
    margin-right: calc(3.2vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p::before {
    margin-right: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p.answer {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
    font-weight: 500;
    border-top: 1px solid #BDBDBD;
    margin-top: calc(2.3611111111vw);
    padding-top: calc(1.3888888889vw);
    display: none;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p.answer {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p.answer {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p.answer {
    margin-top: calc(4.5333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p.answer {
    margin-top: calc(2.3611111111vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p.answer {
    padding-top: calc(2.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p.answer {
    padding-top: calc(1.3888888889vw);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item p.answer::before {
    content: "A";
    color: #5A5A5A;
  }
  #Recruit section#RecruitmentFaq .faq_list .faq_item::before, #Recruit section#RecruitmentFaq .faq_list .faq_item::after {
    content: "";
    display: block;
    width: calc(1.1111111111vw);
    height: calc(0.1388888889vw);
    background: #5A5A5A;
    position: absolute;
    top: 7vw;
    right: 0;
    margin-right: calc(4.5138888889vw);
    transition: all 0.3s 0s ease;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item::before, #Recruit section#RecruitmentFaq .faq_list .faq_item::after {
    width: calc(2.1333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item::before, #Recruit section#RecruitmentFaq .faq_list .faq_item::after {
    width: calc(1.1111111111vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item::before, #Recruit section#RecruitmentFaq .faq_list .faq_item::after {
    height: calc(0.2666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item::before, #Recruit section#RecruitmentFaq .faq_list .faq_item::after {
    height: calc(0.1388888889vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item::before, #Recruit section#RecruitmentFaq .faq_list .faq_item::after {
    margin-right: calc(8.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item::before, #Recruit section#RecruitmentFaq .faq_list .faq_item::after {
    margin-right: calc(4.5138888889vw);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item::after {
    transform: rotate(-90deg);
  }
  #Recruit section#RecruitmentFaq .faq_list .faq_item.open::after {
    transform: rotate(-360deg);
    opacity: 0;
  }
  #Recruit section#RecruitmentFaq .faq_list .faq_item:not(:last-child) {
    margin-bottom: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item:not(:last-child) {
    margin-bottom: calc(3.2vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit section#RecruitmentFaq .faq_list .faq_item:not(:last-child) {
    margin-bottom: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) {
  #Recruit section#RecruitmentFaq.jtc .faq_list .faq_item p::before {
    color: #023C82;
  }
  #Recruit .comp_movie {
    width: 100%;
    margin-bottom: calc(4.1666666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit .comp_movie {
    margin-bottom: calc(8vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit .comp_movie {
    margin-bottom: calc(4.1666666667vw);
  }
}
@media (max-width: 767px) {
  #Recruit .comp_movie img,
  #Recruit .comp_movie video {
    width: 100%;
  }
  #Recruit .comp_movie .image-container {
    width: 100%;
    height: calc(6.25vw);
    margin-top: calc(-0.3472222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit .comp_movie .image-container {
    height: calc(12vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit .comp_movie .image-container {
    height: calc(6.25vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Recruit .comp_movie .image-container {
    margin-top: calc(-0.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Recruit .comp_movie .image-container {
    margin-top: calc(-0.3472222222vw);
  }
}
#Philosophy .philosophy_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
  padding: calc(8.3333333333vw) calc(0vw) calc(13.8888888889vw) calc(0vw);
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box {
    padding: calc(16vw) calc(0vw) calc(26.6666666667vw) calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box {
    padding: calc(8.3333333333vw) calc(0vw) calc(13.8888888889vw) calc(0vw);
  }
}
#Philosophy .philosophy_box--main {
  width: calc(69.4444444444vw);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  box-sizing: border-box;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main {
    width: calc(133.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main {
    width: calc(69.4444444444vw);
  }
}
#Philosophy .philosophy_box--main_img {
  width: 100%;
}
#Philosophy .philosophy_box--main_content {
  box-sizing: border-box;
  padding-top: calc(0vw);
  position: absolute;
  top: 0;
  left: 0;
  margin-left: calc(10.9722222222vw);
  z-index: 1;
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main_content {
    padding-top: calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content {
    padding-top: calc(0vw);
  }
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main_content {
    margin-left: calc(21.0666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content {
    margin-left: calc(10.9722222222vw);
  }
}
#Philosophy .philosophy_box--main_content--item {
  width: calc(48.6111111111vw);
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item {
    width: calc(93.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content--item {
    width: calc(48.6111111111vw);
  }
}
#Philosophy .philosophy_box--main_content--item_title {
  width: 100%;
  text-align: center;
  font-size: min(1.3888888889vw, 20px);
  font-family: "DM Serif Display", serif;
  box-sizing: border-box;
  padding-bottom: calc(0.6944444444vw);
  margin-bottom: calc(0.6944444444vw);
  border-bottom: 1px solid #000000;
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item_title {
    font-size: min(2.6666666667vw, 20px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content--item_title {
    font-size: min(1.3888888889vw, 20px);
  }
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item_title {
    padding-bottom: calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content--item_title {
    padding-bottom: calc(0.6944444444vw);
  }
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item_title {
    margin-bottom: calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content--item_title {
    margin-bottom: calc(0.6944444444vw);
  }
}
#Philosophy .philosophy_box--main_content--item_text {
  font-size: min(0.9027777778vw, 13px);
  font-weight: 700;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  line-height: 1.7;
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item_text {
    font-size: min(1.7333333333vw, 13px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content--item_text {
    font-size: min(0.9027777778vw, 13px);
  }
}
#Philosophy .philosophy_box--main_content--item_text span {
  font-size: min(0.9027777778vw, 13px);
  font-weight: 500;
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item_text span {
    font-size: min(1.7333333333vw, 13px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content--item_text span {
    font-size: min(0.9027777778vw, 13px);
  }
}
#Philosophy .philosophy_box--main_content--item.mission .philosophy_box--main_content--item_text, #Philosophy .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text {
  font-size: min(0.9027777778vw, 13px);
  font-weight: 700;
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item.mission .philosophy_box--main_content--item_text, #Philosophy .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text {
    font-size: min(1.7333333333vw, 13px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content--item.mission .philosophy_box--main_content--item_text, #Philosophy .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text {
    font-size: min(0.9027777778vw, 13px);
  }
}
#Philosophy .philosophy_box--main_content--item.purpose {
  width: calc(48.6111111111vw);
  margin-bottom: calc(1.3888888889vw);
  margin-left: calc(0vw);
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item.purpose {
    width: calc(93.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content--item.purpose {
    width: calc(48.6111111111vw);
  }
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item.purpose {
    margin-bottom: calc(2.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content--item.purpose {
    margin-bottom: calc(1.3888888889vw);
  }
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item.purpose {
    margin-left: calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content--item.purpose {
    margin-left: calc(0vw);
  }
}
#Philosophy .philosophy_box--main_content--item.purpose .philosophy_box--main_content--item_text {
  padding-left: calc(6.25vw);
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item.purpose .philosophy_box--main_content--item_text {
    padding-left: calc(12vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content--item.purpose .philosophy_box--main_content--item_text {
    padding-left: calc(6.25vw);
  }
}
#Philosophy .philosophy_box--main_content--item.purpose span {
  display: inline-block;
  padding-left: calc(6.25vw);
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item.purpose span {
    padding-left: calc(12vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content--item.purpose span {
    padding-left: calc(6.25vw);
  }
}
#Philosophy .philosophy_box--main_content--item.mission {
  margin-bottom: calc(1.3888888889vw);
  box-sizing: border-box;
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item.mission {
    margin-bottom: calc(2.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content--item.mission {
    margin-bottom: calc(1.3888888889vw);
  }
}
#Philosophy .philosophy_box--main_content--item.mission .philosophy_box--main_content--item_text {
  padding-left: calc(6.25vw);
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item.mission .philosophy_box--main_content--item_text {
    padding-left: calc(12vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content--item.mission .philosophy_box--main_content--item_text {
    padding-left: calc(6.25vw);
  }
}
#Philosophy .philosophy_box--main_content--item.mission .philosophy_box--main_content--item_text span {
  margin-left: calc(4.8611111111vw);
  margin-top: calc(1.1111111111vw);
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item.mission .philosophy_box--main_content--item_text span {
    margin-left: calc(9.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content--item.mission .philosophy_box--main_content--item_text span {
    margin-left: calc(4.8611111111vw);
  }
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item.mission .philosophy_box--main_content--item_text span {
    margin-top: calc(2.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content--item.mission .philosophy_box--main_content--item_text span {
    margin-top: calc(1.1111111111vw);
  }
}
#Philosophy .philosophy_box--main_content--item.mission span {
  display: inline-block;
  padding-left: calc(6.25vw);
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item.mission span {
    padding-left: calc(12vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content--item.mission span {
    padding-left: calc(6.25vw);
  }
}
#Philosophy .philosophy_box--main_content--item.value {
  box-sizing: border-box;
  padding-left: calc(6.25vw);
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item.value {
    padding-left: calc(12vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content--item.value {
    padding-left: calc(6.25vw);
  }
}
#Philosophy .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text {
  margin-left: calc(0.3472222222vw);
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text {
    margin-left: calc(0.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text {
    margin-left: calc(0.3472222222vw);
  }
}
#Philosophy .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text span {
  margin-left: calc(6.5972222222vw);
  margin-top: calc(0.6944444444vw);
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text span {
    margin-left: calc(12.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text span {
    margin-left: calc(6.5972222222vw);
  }
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text span {
    margin-top: calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text span {
    margin-top: calc(0.6944444444vw);
  }
}
#Philosophy.jtc .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text {
  margin-left: calc(0.3472222222vw);
}
@media (max-width: 767px) {
  #Philosophy.jtc .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text {
    margin-left: calc(0.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy.jtc .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text {
    margin-left: calc(0.3472222222vw);
  }
}
#Philosophy.jtc .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text p {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#Philosophy.jtc .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text p span {
  margin-left: calc(0vw);
  margin-top: calc(1.1111111111vw);
  font-weight: bold;
}
@media (max-width: 767px) {
  #Philosophy.jtc .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text p span {
    margin-left: calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy.jtc .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text p span {
    margin-left: calc(0vw);
  }
}
@media (max-width: 767px) {
  #Philosophy.jtc .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text p span {
    margin-top: calc(2.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy.jtc .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text p span {
    margin-top: calc(1.1111111111vw);
  }
}
#Philosophy.pcj .philosophy_box--main {
  width: calc(55.5555555556vw);
}
@media (max-width: 767px) {
  #Philosophy.pcj .philosophy_box--main {
    width: calc(106.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy.pcj .philosophy_box--main {
    width: calc(55.5555555556vw);
  }
}
#Philosophy.pcj .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text {
  margin-left: calc(0.3472222222vw);
}
@media (max-width: 767px) {
  #Philosophy.pcj .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text {
    margin-left: calc(0.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy.pcj .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text {
    margin-left: calc(0.3472222222vw);
  }
}
#Philosophy.pcj .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text p {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#Philosophy.pcj .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text p span {
  margin-left: calc(0vw);
  margin-top: calc(1.1111111111vw);
  font-weight: bold;
}
@media (max-width: 767px) {
  #Philosophy.pcj .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text p span {
    margin-left: calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy.pcj .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text p span {
    margin-left: calc(0vw);
  }
}
@media (max-width: 767px) {
  #Philosophy.pcj .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text p span {
    margin-top: calc(2.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy.pcj .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text p span {
    margin-top: calc(1.1111111111vw);
  }
}
#Philosophy.pcj .philosophy_box--main_content {
  padding-top: calc(3.4722222222vw);
}
@media (max-width: 767px) {
  #Philosophy.pcj .philosophy_box--main_content {
    padding-top: calc(6.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy.pcj .philosophy_box--main_content {
    padding-top: calc(3.4722222222vw);
  }
}
#Philosophy.pcj .mission {
  width: calc(41.6666666667vw);
  margin-bottom: calc(3.4722222222vw);
}
@media (max-width: 767px) {
  #Philosophy.pcj .mission {
    width: calc(80vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy.pcj .mission {
    width: calc(41.6666666667vw);
  }
}
@media (max-width: 767px) {
  #Philosophy.pcj .mission {
    margin-bottom: calc(6.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy.pcj .mission {
    margin-bottom: calc(3.4722222222vw);
  }
}
#Philosophy.pcj .mission .philosophy_box--main_content--item_text {
  padding-left: calc(10.4166666667vw);
}
@media (max-width: 767px) {
  #Philosophy.pcj .mission .philosophy_box--main_content--item_text {
    padding-left: calc(20vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy.pcj .mission .philosophy_box--main_content--item_text {
    padding-left: calc(10.4166666667vw);
  }
}
#Philosophy.pcj .mission span {
  display: inline-block;
  padding-left: calc(3.4722222222vw);
}
@media (max-width: 767px) {
  #Philosophy.pcj .mission span {
    padding-left: calc(6.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy.pcj .mission span {
    padding-left: calc(3.4722222222vw);
  }
}
#Philosophy.pcj .value {
  width: calc(41.6666666667vw);
  padding-left: calc(3.4722222222vw);
}
@media (max-width: 767px) {
  #Philosophy.pcj .value {
    width: calc(80vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy.pcj .value {
    width: calc(41.6666666667vw);
  }
}
@media (max-width: 767px) {
  #Philosophy.pcj .value {
    padding-left: calc(6.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy.pcj .value {
    padding-left: calc(3.4722222222vw);
  }
}
#Philosophy.pcj .value .philosophy_box--main_content--item_text {
  padding-left: calc(6.9444444444vw);
}
@media (max-width: 767px) {
  #Philosophy.pcj .value .philosophy_box--main_content--item_text {
    padding-left: calc(13.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy.pcj .value .philosophy_box--main_content--item_text {
    padding-left: calc(6.9444444444vw);
  }
}

@media (min-width: 767px) and (max-width: 1000px) {
  #Philosophy.pcj .philosophy_box--main {
    width: 80%;
  }
}
@media (max-width: 767px) {
  body {
    background-color: transparent;
  }
  .s--left_title {
    display: none;
  }
  #Philosophy .philosophy_box {
    width: 100%;
    padding: calc(4.4444444444vw) calc(1.1111111111vw) calc(3.4722222222vw) calc(1.1111111111vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Philosophy .philosophy_box {
    padding: calc(8.5333333333vw) calc(2.1333333333vw) calc(6.6666666667vw) calc(2.1333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box {
    padding: calc(4.4444444444vw) calc(1.1111111111vw) calc(3.4722222222vw) calc(1.1111111111vw);
  }
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main {
    width: 90% !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: static;
    margin: 0 auto;
    gap: 24px;
  }
  #Philosophy .philosophy_box--main_img {
    width: 100%;
    margin: auto;
  }
  #Philosophy .philosophy_box--main_content {
    position: static;
    width: 100%;
    padding-top: calc(0vw);
    margin-left: calc(0vw);
    z-index: auto;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Philosophy .philosophy_box--main_content {
    padding-top: calc(0vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content {
    padding-top: calc(0vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Philosophy .philosophy_box--main_content {
    margin-left: calc(0vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content {
    margin-left: calc(0vw);
  }
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item {
    width: 100% !important;
    display: block;
    margin-bottom: calc(2.2222222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item {
    margin-bottom: calc(4.2666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content--item {
    margin-bottom: calc(2.2222222222vw);
  }
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item_title {
    text-align: center;
    font-size: 12px !important;
    padding-bottom: calc(0.5555555556vw);
    margin-bottom: calc(0.8333333333vw);
    border-bottom: 1px solid #000;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item_title {
    padding-bottom: calc(1.0666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content--item_title {
    padding-bottom: calc(0.5555555556vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item_title {
    margin-bottom: calc(1.6vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content--item_title {
    margin-bottom: calc(0.8333333333vw);
  }
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item_title span {
    padding-left: 0px !important;
  }
  #Philosophy .philosophy_box--main_content--item_text {
    font-size: 10px !important;
    font-weight: normal !important;
    padding-right: calc(0vw);
    padding-left: 0px !important;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item_text {
    padding-right: calc(0vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content--item_text {
    padding-right: calc(0vw);
  }
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item_text p {
    font-weight: normal !important;
  }
  #Philosophy .philosophy_box--main_content--item_text span {
    font-size: 10px !important;
    font-weight: bold !important;
  }
  #Philosophy .philosophy_box--main_content--item.purpose {
    width: 100% !important;
    margin-left: 0px;
    margin-bottom: calc(2.7777777778vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item.purpose {
    margin-bottom: calc(5.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content--item.purpose {
    margin-bottom: calc(2.7777777778vw);
  }
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item.mission {
    margin-bottom: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item.mission {
    margin-bottom: calc(3.2vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content--item.mission {
    margin-bottom: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item.value {
    padding-left: 0px;
    margin-bottom: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item.value {
    margin-bottom: calc(3.2vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content--item.value {
    margin-bottom: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item.mission .philosophy_box--main_content--item_text, #Philosophy .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text {
    margin-left: calc(0vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item.mission .philosophy_box--main_content--item_text, #Philosophy .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text {
    margin-left: calc(0vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content--item.mission .philosophy_box--main_content--item_text, #Philosophy .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text {
    margin-left: calc(0vw);
  }
}
@media (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item.mission .philosophy_box--main_content--item_text span, #Philosophy .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text span {
    margin-left: calc(0vw);
    margin-top: calc(0.6944444444vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item.mission .philosophy_box--main_content--item_text span, #Philosophy .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text span {
    margin-left: calc(0vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content--item.mission .philosophy_box--main_content--item_text span, #Philosophy .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text span {
    margin-left: calc(0vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Philosophy .philosophy_box--main_content--item.mission .philosophy_box--main_content--item_text span, #Philosophy .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text span {
    margin-top: calc(1.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Philosophy .philosophy_box--main_content--item.mission .philosophy_box--main_content--item_text span, #Philosophy .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text span {
    margin-top: calc(0.6944444444vw);
  }
}
@media (max-width: 767px) {
  #Philosophy.jtc .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text p, #Philosophy.pcj .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text p {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #Philosophy.jtc .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text p span, #Philosophy.pcj .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text p span {
    margin-left: calc(0vw);
    margin-top: calc(0.6944444444vw);
    font-weight: normal;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Philosophy.jtc .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text p span, #Philosophy.pcj .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text p span {
    margin-left: calc(0vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Philosophy.jtc .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text p span, #Philosophy.pcj .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text p span {
    margin-left: calc(0vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Philosophy.jtc .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text p span, #Philosophy.pcj .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text p span {
    margin-top: calc(1.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Philosophy.jtc .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text p span, #Philosophy.pcj .philosophy_box--main_content--item.value .philosophy_box--main_content--item_text p span {
    margin-top: calc(0.6944444444vw);
  }
}
@media (max-width: 767px) {
  #Philosophy.pcj .philosophy_box--main_content {
    padding-top: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Philosophy.pcj .philosophy_box--main_content {
    padding-top: calc(3.2vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Philosophy.pcj .philosophy_box--main_content {
    padding-top: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) {
  #Philosophy.pcj .mission {
    margin-bottom: calc(2.2222222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Philosophy.pcj .mission {
    margin-bottom: calc(4.2666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Philosophy.pcj .mission {
    margin-bottom: calc(2.2222222222vw);
  }
}
#Business .business_box {
  width: 100%;
  box-sizing: border-box;
  padding: calc(5.5555555556vw) calc(2.0833333333vw) calc(8.3333333333vw) calc(2.0833333333vw);
  background-image: url("../images/business_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 767px) {
  #Business .business_box {
    padding: calc(10.6666666667vw) calc(4vw) calc(16vw) calc(4vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box {
    padding: calc(5.5555555556vw) calc(2.0833333333vw) calc(8.3333333333vw) calc(2.0833333333vw);
  }
}
#Business .business_box--text {
  font-size: min(1.1111111111vw, 16px);
  line-height: calc(1.1111111111vw * 2);
}
@media (max-width: 767px) {
  #Business .business_box--text {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box--text {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
#Business .business_box--upper_category {
  width: 100%;
  max-width: 900px;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin-top: calc(2.2222222222vw);
}
@media (max-width: 767px) {
  #Business .business_box--upper_category {
    margin-top: calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box--upper_category {
    margin-top: calc(2.2222222222vw);
  }
}
#Business .business_box--upper_category--box {
  width: 150px;
  color: white;
  background: #023C82;
  box-shadow: 4px 4px 13px rgba(0, 0, 0, 0.12);
  padding: 20px;
  border-radius: 10px;
  text-align: center;
}
#Business .business_box--wrap {
  width: 100%;
  background-color: white;
  padding: 10px;
  margin-top: 50px;
  max-width: 1500px !important;
}
#Business .business_box--border {
  box-shadow: inset 0 0 13px 0 rgba(0, 0, 0, 0.1);
  padding: calc(1.3888888889vw);
}
@media (max-width: 767px) {
  #Business .business_box--border {
    padding: calc(2.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box--border {
    padding: calc(1.3888888889vw);
  }
}
#Business .business_box--border h4 {
  font-size: min(2.2222222222vw, 32px);
  text-align: center;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  #Business .business_box--border h4 {
    font-size: min(4.2666666667vw, 32px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box--border h4 {
    font-size: min(2.2222222222vw, 32px);
  }
}
#Business .business_box--border p {
  text-align: center;
  margin-bottom: 50px;
  margin-top: 10px;
}
#Business .business_box--main {
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
  line-height: 1.8;
}
#Business .business_box--main_item {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.25);
  padding: 15px;
  flex: 1 1 250px;
  max-width: 400px;
  box-sizing: border-box;
  text-align: left;
}
#Business .business_box--main_item--title {
  font-size: min(1.3888888889vw, 20px);
  font-weight: 700;
  margin-bottom: 16px;
  color: #023C82;
}
@media (max-width: 767px) {
  #Business .business_box--main_item--title {
    font-size: min(2.6666666667vw, 20px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box--main_item--title {
    font-size: min(1.3888888889vw, 20px);
  }
}
#Business .business_box--list {
  padding-left: 20px;
  margin: 0;
  line-height: 1.8;
  list-style: initial;
}
#Business .business_box--list li {
  font-size: 12px;
  line-height: 1.8;
  font-weight: 500;
}
#Business .business_box .middle_img {
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(27.5vw);
}
@media (max-width: 767px) {
  #Business .business_box .middle_img {
    width: calc(52.8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box .middle_img {
    width: calc(27.5vw);
  }
}
#Business.jtc .business_box {
  background-image: url("../images/business_bg-jtc.jpg");
}
#Business.pcj h5 {
  color: #CE1B2E;
}
#Business.pcj .business_box--subText {
  text-align: right;
  margin: 0px;
  padding: 0px;
}
#Business.pcj .business_box--upper_category--box {
  background-color: #CE1B2E;
}

@media screen and (min-width: 1440px) {
  #Business .business_box--list li {
    font-size: 16px;
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box {
    padding: calc(3.8888888889vw) calc(1.1111111111vw) calc(5.5555555556vw) calc(1.1111111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Business .business_box {
    padding: calc(7.4666666667vw) calc(2.1333333333vw) calc(10.6666666667vw) calc(2.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box {
    padding: calc(3.8888888889vw) calc(1.1111111111vw) calc(5.5555555556vw) calc(1.1111111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box--text {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Business .business_box--text {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box--text {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box--upper_category {
    flex-wrap: wrap;
    gap: 8px;
    margin-top: calc(1.3888888889vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Business .business_box--upper_category {
    margin-top: calc(2.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box--upper_category {
    margin-top: calc(1.3888888889vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box--upper_category--box {
    width: calc(30% - 8px);
    padding: 14px;
    border-radius: 8px;
    font-size: 10px;
  }
  #Business .business_box--wrap {
    width: 100%;
    background-color: white;
    padding: 10px;
    margin-top: 50px;
  }
  #Business .business_box--border {
    box-shadow: inset 0 0 13px 0 rgba(0, 0, 0, 0.1);
    padding: calc(2.2222222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Business .business_box--border {
    padding: calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box--border {
    padding: calc(2.2222222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box--border h4 {
    font-size: min(2.4305555556vw, 35px);
    text-align: center;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Business .business_box--border h4 {
    font-size: min(4.6666666667vw, 35px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box--border h4 {
    font-size: min(2.4305555556vw, 35px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box--border p {
    font-size: min(1.3888888889vw, 20px);
    text-align: center;
    margin-bottom: 20px;
    margin-top: 10px;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Business .business_box--border p {
    font-size: min(2.6666666667vw, 20px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box--border p {
    font-size: min(1.3888888889vw, 20px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box--main_item--title {
    font-size: min(2.2222222222vw, 32px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Business .business_box--main_item--title {
    font-size: min(4.2666666667vw, 32px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box--main_item--title {
    font-size: min(2.2222222222vw, 32px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box--list li {
    font-size: min(1.7361111111vw, 25px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Business .business_box--list li {
    font-size: min(3.3333333333vw, 25px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box--list li {
    font-size: min(1.7361111111vw, 25px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box .middle_img {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(27.5vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Business .business_box .middle_img {
    width: calc(52.8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box .middle_img {
    width: calc(27.5vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Business.jtc .business_box {
    background-image: url("../images/business_bg-jtc.jpg");
  }
  #Business.pcj h5 {
    color: #CE1B2E;
  }
  #Business.pcj .business_box--subText {
    text-align: right;
    margin: 0px;
    padding: 0px;
  }
  #Business.pcj .business_box--upper_category--box {
    background-color: #CE1B2E;
  }
  #Business.pcj .business_box--upper_category--box {
    width: calc(20% - 8px);
  }
}
@media (max-width: 767px) {
  #Business .business_box {
    padding: calc(3.8888888889vw) calc(1.1111111111vw) calc(5.5555555556vw) calc(1.1111111111vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Business .business_box {
    padding: calc(7.4666666667vw) calc(2.1333333333vw) calc(10.6666666667vw) calc(2.1333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box {
    padding: calc(3.8888888889vw) calc(1.1111111111vw) calc(5.5555555556vw) calc(1.1111111111vw);
  }
}
@media (max-width: 767px) {
  #Business .business_box--text {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Business .business_box--text {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box--text {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (max-width: 767px) {
  #Business .business_box--upper_category {
    flex-wrap: wrap;
    gap: 8px;
    margin-top: calc(1.3888888889vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Business .business_box--upper_category {
    margin-top: calc(2.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box--upper_category {
    margin-top: calc(1.3888888889vw);
  }
}
@media (max-width: 767px) {
  #Business .business_box--upper_category--box {
    width: calc(30% - 8px);
    padding: 14px;
    border-radius: 8px;
    font-size: 10px;
  }
  #Business .business_box--wrap {
    width: 100%;
    background-color: white;
    padding: 10px;
    margin-top: 50px;
  }
  #Business .business_box--border {
    box-shadow: inset 0 0 13px 0 rgba(0, 0, 0, 0.1);
    padding: calc(2.2222222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Business .business_box--border {
    padding: calc(4.2666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box--border {
    padding: calc(2.2222222222vw);
  }
}
@media (max-width: 767px) {
  #Business .business_box--border h4 {
    font-size: min(2.4305555556vw, 35px);
    text-align: center;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Business .business_box--border h4 {
    font-size: min(4.6666666667vw, 35px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box--border h4 {
    font-size: min(2.4305555556vw, 35px);
  }
}
@media (max-width: 767px) {
  #Business .business_box--border p {
    font-size: min(1.3888888889vw, 20px);
    text-align: center;
    margin-bottom: 20px;
    margin-top: 10px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Business .business_box--border p {
    font-size: min(2.6666666667vw, 20px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box--border p {
    font-size: min(1.3888888889vw, 20px);
  }
}
@media (max-width: 767px) {
  #Business .business_box--main_item--title {
    font-size: min(2.2222222222vw, 32px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Business .business_box--main_item--title {
    font-size: min(4.2666666667vw, 32px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box--main_item--title {
    font-size: min(2.2222222222vw, 32px);
  }
}
@media (max-width: 767px) {
  #Business .business_box--list li {
    font-size: min(1.7361111111vw, 25px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Business .business_box--list li {
    font-size: min(3.3333333333vw, 25px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box--list li {
    font-size: min(1.7361111111vw, 25px);
  }
}
@media (max-width: 767px) {
  #Business .business_box .middle_img {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(27.5vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Business .business_box .middle_img {
    width: calc(52.8vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Business .business_box .middle_img {
    width: calc(27.5vw);
  }
}
@media (max-width: 767px) {
  #Business.jtc .business_box {
    background-image: url("../images/business_bg-jtc.jpg");
  }
  #Business.pcj h5 {
    color: #CE1B2E;
  }
  #Business.pcj .business_box--subText {
    text-align: right;
    margin: 0px;
    padding: 0px;
  }
  #Business.pcj .business_box--upper_category--box {
    background-color: #CE1B2E;
  }
  #Business.pcj .business_box--upper_category--box {
    width: calc(20% - 8px);
  }
}
#Number .number_box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding: calc(9.2361111111vw) calc(3.4722222222vw);
  background-image: url("../images/number_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  #Number .number_box {
    padding: calc(17.7333333333vw) calc(6.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box {
    padding: calc(9.2361111111vw) calc(3.4722222222vw);
  }
}
#Number .number_box .number_list {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
#Number .number_box .number_list--item {
  width: calc(15.9722222222vw);
  height: calc(22.2222222222vw);
  box-shadow: 4px 4px 13px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding-top: calc(1.3888888889vw);
  position: relative;
  background: #fff;
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item {
    width: calc(30.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item {
    width: calc(15.9722222222vw);
  }
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item {
    height: calc(42.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item {
    height: calc(22.2222222222vw);
  }
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item {
    padding-top: calc(2.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item {
    padding-top: calc(1.3888888889vw);
  }
}
#Number .number_box .number_list--item_title {
  font-size: min(1.3888888889vw, 20px);
  line-height: calc(1.3888888889vw * 1);
  font-weight: 700;
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item_title {
    font-size: min(2.6666666667vw, 20px);
    line-height: calc(2.6666666667vw * 1);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item_title {
    font-size: min(1.3888888889vw, 20px);
    line-height: calc(1.3888888889vw * 1);
  }
}
#Number .number_box .number_list--item_main {
  font-size: min(1.0416666667vw, 15px);
  margin: calc(1.3888888889vw) calc(0vw);
  text-align: center;
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item_main {
    font-size: min(2vw, 15px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item_main {
    font-size: min(1.0416666667vw, 15px);
  }
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item_main {
    margin: calc(2.6666666667vw) calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item_main {
    margin: calc(1.3888888889vw) calc(0vw);
  }
}
#Number .number_box .number_list--item_main span {
  font-size: min(2.7777777778vw, 40px);
  font-weight: 700;
  background: linear-gradient(to right, #CE1B2E, #760813, #0F3D74);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item_main span {
    font-size: min(5.3333333333vw, 40px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item_main span {
    font-size: min(2.7777777778vw, 40px);
  }
}
#Number .number_box .number_list--item_icon {
  width: calc(6.25vw);
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item_icon {
    width: calc(12vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item_icon {
    width: calc(6.25vw);
  }
}
#Number .number_box .number_list--item .date {
  position: absolute;
  right: 0;
  bottom: 5%;
  font-size: min(0.8333333333vw, 12px);
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item .date {
    font-size: min(1.6vw, 12px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item .date {
    font-size: min(0.8333333333vw, 12px);
  }
}
#Number .number_box .number_list--item:not(:nth-child(2)) .number_list--item_main span {
  margin-right: calc(0.3472222222vw);
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item:not(:nth-child(2)) .number_list--item_main span {
    margin-right: calc(0.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:not(:nth-child(2)) .number_list--item_main span {
    margin-right: calc(0.3472222222vw);
  }
}
#Number .number_box .number_list--item:nth-child(-n+10) {
  margin-bottom: calc(3.8194444444vw);
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(-n+10) {
    margin-bottom: calc(7.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(-n+10) {
    margin-bottom: calc(3.8194444444vw);
  }
}
#Number .number_box .number_list--item:nth-child(10) .top {
  margin-top: calc(1.6666666667vw);
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(10) .top {
    margin-top: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(10) .top {
    margin-top: calc(1.6666666667vw);
  }
}
#Number .number_box .number_list--item:nth-child(10) .bottom {
  margin-left: calc(4.8611111111vw);
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(10) .bottom {
    margin-left: calc(9.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(10) .bottom {
    margin-left: calc(4.8611111111vw);
  }
}
#Number .number_box .number_list--item:nth-child(10) .number_list--item_main {
  margin: calc(1.0416666667vw) calc(0vw);
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(10) .number_list--item_main {
    margin: calc(2vw) calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(10) .number_list--item_main {
    margin: calc(1.0416666667vw) calc(0vw);
  }
}
#Number .number_box .number_list--item:nth-child(6) .number_list--item_inner {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-top: calc(1.6666666667vw);
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_inner {
    margin-top: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_inner {
    margin-top: calc(1.6666666667vw);
  }
}
#Number .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_icon {
  width: calc(7.3611111111vw);
  margin-right: calc(1.0416666667vw);
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_icon {
    width: calc(14.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_icon {
    width: calc(7.3611111111vw);
  }
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_icon {
    margin-right: calc(2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_icon {
    margin-right: calc(1.0416666667vw);
  }
}
#Number .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_main {
  margin: 0;
}
#Number .number_box .number_list--item:nth-child(6) .number_list--item_sub {
  font-size: min(0.6944444444vw, 10px);
  margin-top: calc(1.0416666667vw);
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_sub {
    font-size: min(1.3333333333vw, 10px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_sub {
    font-size: min(0.6944444444vw, 10px);
  }
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_sub {
    margin-top: calc(2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_sub {
    margin-top: calc(1.0416666667vw);
  }
}
#Number .number_box .number_list--item:nth-child(10) .number_list--item_title {
  text-align: center;
  line-height: 1.5;
}
#Number .number_box .number_list--item:nth-child(10) .number_list--item--inner {
  margin-top: 10px;
  margin-bottom: 20px;
}
#Number .number_box .number_list--item:nth-child(10) .number_list--item--inner--group--number {
  font-size: 30px !important;
}
#Number .number_box .number_list--item:nth-child(10) img {
  width: calc(3.4722222222vw);
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(10) img {
    width: calc(6.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(10) img {
    width: calc(3.4722222222vw);
  }
}
#Number .number_box .number_list--item_sub {
  font-size: min(0.6944444444vw, 10px);
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item_sub {
    font-size: min(1.3333333333vw, 10px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item_sub {
    font-size: min(0.6944444444vw, 10px);
  }
}
#Number.jtc .number_box {
  background-image: url("../images/number_bg.jpg");
}
#Number.jtc .number_box .number_list--item_main span {
  font-size: min(2.7777777778vw, 40px);
  font-weight: 700;
  background: #0F3D74;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}
@media (max-width: 767px) {
  #Number.jtc .number_box .number_list--item_main span {
    font-size: min(5.3333333333vw, 40px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item_main span {
    font-size: min(2.7777777778vw, 40px);
  }
}
#Number.jtc .number_box .number_list--item_icon {
  width: calc(6.25vw);
}
@media (max-width: 767px) {
  #Number.jtc .number_box .number_list--item_icon {
    width: calc(12vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item_icon {
    width: calc(6.25vw);
  }
}
#Number.jtc .number_box .number_list--item .date {
  position: absolute;
  right: 0;
  bottom: 5%;
  font-size: min(0.8333333333vw, 12px);
}
@media (max-width: 767px) {
  #Number.jtc .number_box .number_list--item .date {
    font-size: min(1.6vw, 12px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item .date {
    font-size: min(0.8333333333vw, 12px);
  }
}
#Number.jtc .number_box .number_list--item:not(:nth-child(2)) .number_list--item_main span {
  margin-right: calc(0.3472222222vw);
}
@media (max-width: 767px) {
  #Number.jtc .number_box .number_list--item:not(:nth-child(2)) .number_list--item_main span {
    margin-right: calc(0.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item:not(:nth-child(2)) .number_list--item_main span {
    margin-right: calc(0.3472222222vw);
  }
}
#Number.jtc .number_box .number_list--item:nth-child(-n+4) {
  margin-bottom: calc(3.8194444444vw);
}
@media (max-width: 767px) {
  #Number.jtc .number_box .number_list--item:nth-child(-n+4) {
    margin-bottom: calc(7.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item:nth-child(-n+4) {
    margin-bottom: calc(3.8194444444vw);
  }
}
#Number.jtc .number_box .number_list--item:nth-child(4) .top {
  margin-top: calc(1.6666666667vw);
}
@media (max-width: 767px) {
  #Number.jtc .number_box .number_list--item:nth-child(4) .top {
    margin-top: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item:nth-child(4) .top {
    margin-top: calc(1.6666666667vw);
  }
}
#Number.jtc .number_box .number_list--item:nth-child(4) .bottom {
  margin-left: calc(4.8611111111vw);
}
@media (max-width: 767px) {
  #Number.jtc .number_box .number_list--item:nth-child(4) .bottom {
    margin-left: calc(9.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item:nth-child(4) .bottom {
    margin-left: calc(4.8611111111vw);
  }
}
#Number.jtc .number_box .number_list--item:nth-child(4) .number_list--item_main {
  margin: calc(1.0416666667vw) calc(0vw);
}
@media (max-width: 767px) {
  #Number.jtc .number_box .number_list--item:nth-child(4) .number_list--item_main {
    margin: calc(2vw) calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item:nth-child(4) .number_list--item_main {
    margin: calc(1.0416666667vw) calc(0vw);
  }
}
#Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_inner {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  margin-top: calc(1.6666666667vw);
}
@media (max-width: 767px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_inner {
    margin-top: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_inner {
    margin-top: calc(1.6666666667vw);
  }
}
#Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_icon {
  width: calc(7.3611111111vw);
  margin-right: calc(1.0416666667vw);
}
@media (max-width: 767px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_icon {
    width: calc(14.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_icon {
    width: calc(7.3611111111vw);
  }
}
@media (max-width: 767px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_icon {
    margin-right: calc(2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_icon {
    margin-right: calc(1.0416666667vw);
  }
}
#Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_main {
  margin: 0;
}
#Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_sub {
  font-size: min(0.6944444444vw, 10px);
  margin-top: calc(1.0416666667vw);
}
@media (max-width: 767px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_sub {
    font-size: min(1.3333333333vw, 10px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_sub {
    font-size: min(0.6944444444vw, 10px);
  }
}
@media (max-width: 767px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_sub {
    margin-top: calc(2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_sub {
    margin-top: calc(1.0416666667vw);
  }
}

@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box {
    width: 100%;
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Number .number_box {
    padding: calc(13.3333333333vw) calc(6.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box {
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
  }
  #Number .number_box .number_list--item:not(:nth-child(2)) .number_list--item_main span {
    margin-right: calc(0.3472222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Number .number_box .number_list--item:not(:nth-child(2)) .number_list--item_main span {
    margin-right: calc(0.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:not(:nth-child(2)) .number_list--item_main span {
    margin-right: calc(0.3472222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(-n+10) {
    margin-bottom: calc(3.8194444444vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(-n+10) {
    margin-bottom: calc(7.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(-n+10) {
    margin-bottom: calc(3.8194444444vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(10) .top {
    margin-top: calc(1.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(10) .top {
    margin-top: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(10) .top {
    margin-top: calc(1.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(10) .bottom {
    margin-left: calc(4.8611111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(10) .bottom {
    margin-left: calc(9.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(10) .bottom {
    margin-left: calc(4.8611111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(10) .number_list--item_main {
    margin: calc(1.0416666667vw) calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(10) .number_list--item_main {
    margin: calc(2vw) calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(10) .number_list--item_main {
    margin: calc(1.0416666667vw) calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_inner {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-top: calc(1.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_inner {
    margin-top: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_inner {
    margin-top: calc(1.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_icon {
    width: calc(7.3611111111vw);
    margin-right: calc(1.0416666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_icon {
    width: calc(14.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_icon {
    width: calc(7.3611111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_icon {
    margin-right: calc(2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_icon {
    margin-right: calc(1.0416666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_main {
    margin: 0;
  }
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_sub {
    font-size: min(0.6944444444vw, 10px);
    margin-top: calc(1.0416666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_sub {
    font-size: min(1.3333333333vw, 10px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_sub {
    font-size: min(0.6944444444vw, 10px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_sub {
    margin-top: calc(2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_sub {
    margin-top: calc(1.0416666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(4) .number_list--item_inner {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-top: calc(1.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(4) .number_list--item_inner {
    margin-top: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(4) .number_list--item_inner {
    margin-top: calc(1.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(4) .number_list--item_inner .number_list--item_icon {
    width: calc(7.3611111111vw);
    margin-right: calc(1.0416666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(4) .number_list--item_inner .number_list--item_icon {
    width: calc(14.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(4) .number_list--item_inner .number_list--item_icon {
    width: calc(7.3611111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(4) .number_list--item_inner .number_list--item_icon {
    margin-right: calc(2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(4) .number_list--item_inner .number_list--item_icon {
    margin-right: calc(1.0416666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(4) .number_list--item_inner .number_list--item_main {
    margin: 0;
  }
  #Number .number_box .number_list--item:nth-child(4) .number_list--item_sub {
    font-size: min(1.25vw, 18px);
    margin-top: calc(1.0416666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(4) .number_list--item_sub {
    font-size: min(2.4vw, 18px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(4) .number_list--item_sub {
    font-size: min(1.25vw, 18px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(4) .number_list--item_sub {
    margin-top: calc(2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(4) .number_list--item_sub {
    margin-top: calc(1.0416666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(10) .number_list--item--inner {
    margin-top: 5px;
    margin-bottom: 10px;
  }
  #Number .number_box .number_list--item:nth-child(10) .number_list--item--inner--group {
    width: 100%;
  }
  #Number .number_box .number_list--item:nth-child(10) .number_list--item--inner span {
    font-size: 10px !important;
  }
  #Number .number_box .number_list--item:nth-child(10) .number_list--item--inner .number_list--item--inner--group--number {
    font-size: 15px !important;
  }
  #Number .number_box .number_list--item:nth-child(10) .number_list--item_main {
    font-size: min(1.3888888889vw, 20px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(10) .number_list--item_main {
    font-size: min(2.6666666667vw, 20px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(10) .number_list--item_main {
    font-size: min(1.3888888889vw, 20px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(10) .number_list--item_main > span {
    font-size: 20px;
  }
  #Number .number_box .number_list--item:nth-child(10) .number_list--item_main > span {
    font-size: 20px !important;
  }
  #Number .number_box .number_list--item:nth-child(10) img {
    width: calc(3.4722222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(10) img {
    width: calc(6.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(10) img {
    width: calc(3.4722222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(5) img {
    width: 35px;
  }
  #Number.jtc .number_box {
    background-image: url("../images/number_bg.jpg");
  }
  #Number.jtc .number_box .number_list--item_main span {
    font-size: min(3.3333333333vw, 48px);
    font-weight: 700;
    background: #0F3D74;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Number.jtc .number_box .number_list--item_main span {
    font-size: min(6.4vw, 48px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item_main span {
    font-size: min(3.3333333333vw, 48px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item_icon {
    width: calc(6.25vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Number.jtc .number_box .number_list--item_icon {
    width: calc(12vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item_icon {
    width: calc(6.25vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item .date {
    position: absolute;
    right: 0;
    bottom: 5%;
    font-size: min(0.9722222222vw, 14px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Number.jtc .number_box .number_list--item .date {
    font-size: min(1.8666666667vw, 14px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item .date {
    font-size: min(0.9722222222vw, 14px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item:nth-child(5) img {
    width: 35px;
  }
  #Number.jtc .number_box .number_list--item:nth-child(7) img {
    width: 40px;
  }
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_inner {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-top: calc(1.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_inner {
    margin-top: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_inner {
    margin-top: calc(1.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_icon {
    width: calc(7.3611111111vw);
    margin-right: calc(1.0416666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_icon {
    width: calc(14.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_icon {
    width: calc(7.3611111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_icon {
    margin-right: calc(2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_icon {
    margin-right: calc(1.0416666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_main {
    margin: 0;
  }
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_sub {
    font-size: min(1.0416666667vw, 15px);
    margin-top: calc(1.0416666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_sub {
    font-size: min(2vw, 15px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_sub {
    font-size: min(1.0416666667vw, 15px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_sub {
    margin-top: calc(2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_sub {
    margin-top: calc(1.0416666667vw);
  }
}
@media (max-width: 767px) {
  #Number .number_box {
    width: 100%;
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Number .number_box {
    padding: calc(13.3333333333vw) calc(6.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box {
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (max-width: 767px) {
  #Number .number_box .number_list {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
  }
  #Number .number_box .number_list--item {
    width: calc(20.8333333333vw);
    height: calc(19.4444444444vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Number .number_box .number_list--item {
    width: calc(40vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item {
    width: calc(20.8333333333vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Number .number_box .number_list--item {
    height: calc(37.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item {
    height: calc(19.4444444444vw);
  }
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item:not(:nth-child(2)) .number_list--item_main span {
    margin-right: calc(0.3472222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Number .number_box .number_list--item:not(:nth-child(2)) .number_list--item_main span {
    margin-right: calc(0.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:not(:nth-child(2)) .number_list--item_main span {
    margin-right: calc(0.3472222222vw);
  }
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(-n+10) {
    margin-bottom: calc(3.8194444444vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(-n+10) {
    margin-bottom: calc(7.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(-n+10) {
    margin-bottom: calc(3.8194444444vw);
  }
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(10) .top {
    margin-top: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(10) .top {
    margin-top: calc(3.2vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(10) .top {
    margin-top: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(10) .bottom {
    margin-left: calc(4.8611111111vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(10) .bottom {
    margin-left: calc(9.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(10) .bottom {
    margin-left: calc(4.8611111111vw);
  }
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(10) .number_list--item_main {
    margin: calc(1.0416666667vw) calc(0vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(10) .number_list--item_main {
    margin: calc(2vw) calc(0vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(10) .number_list--item_main {
    margin: calc(1.0416666667vw) calc(0vw);
  }
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_inner {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-top: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_inner {
    margin-top: calc(3.2vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_inner {
    margin-top: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_icon {
    width: calc(7.3611111111vw);
    margin-right: calc(1.0416666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_icon {
    width: calc(14.1333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_icon {
    width: calc(7.3611111111vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_icon {
    margin-right: calc(2vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_icon {
    margin-right: calc(1.0416666667vw);
  }
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_main {
    margin: 0;
  }
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_sub {
    font-size: min(0.6944444444vw, 10px);
    margin-top: calc(1.0416666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_sub {
    font-size: min(1.3333333333vw, 10px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_sub {
    font-size: min(0.6944444444vw, 10px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_sub {
    margin-top: calc(2vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(6) .number_list--item_sub {
    margin-top: calc(1.0416666667vw);
  }
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(4) .number_list--item_inner {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-top: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(4) .number_list--item_inner {
    margin-top: calc(3.2vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(4) .number_list--item_inner {
    margin-top: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(4) .number_list--item_inner .number_list--item_icon {
    width: calc(7.3611111111vw);
    margin-right: calc(1.0416666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(4) .number_list--item_inner .number_list--item_icon {
    width: calc(14.1333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(4) .number_list--item_inner .number_list--item_icon {
    width: calc(7.3611111111vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(4) .number_list--item_inner .number_list--item_icon {
    margin-right: calc(2vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(4) .number_list--item_inner .number_list--item_icon {
    margin-right: calc(1.0416666667vw);
  }
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(4) .number_list--item_inner .number_list--item_main {
    margin: 0;
  }
  #Number .number_box .number_list--item:nth-child(4) .number_list--item_sub {
    font-size: min(1.25vw, 18px);
    margin-top: calc(1.0416666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(4) .number_list--item_sub {
    font-size: min(2.4vw, 18px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(4) .number_list--item_sub {
    font-size: min(1.25vw, 18px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(4) .number_list--item_sub {
    margin-top: calc(2vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(4) .number_list--item_sub {
    margin-top: calc(1.0416666667vw);
  }
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(10) .number_list--item--inner {
    margin-top: 5px;
    margin-bottom: 10px;
  }
  #Number .number_box .number_list--item:nth-child(10) .number_list--item--inner--group {
    width: 100%;
  }
  #Number .number_box .number_list--item:nth-child(10) .number_list--item--inner span {
    font-size: 10px !important;
  }
  #Number .number_box .number_list--item:nth-child(10) .number_list--item--inner .number_list--item--inner--group--number {
    font-size: 15px !important;
  }
  #Number .number_box .number_list--item:nth-child(10) .number_list--item_main {
    font-size: min(1.3888888889vw, 20px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(10) .number_list--item_main {
    font-size: min(2.6666666667vw, 20px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(10) .number_list--item_main {
    font-size: min(1.3888888889vw, 20px);
  }
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(10) .number_list--item_main > span {
    font-size: 20px;
  }
  #Number .number_box .number_list--item:nth-child(10) .number_list--item_main > span {
    font-size: 20px !important;
  }
  #Number .number_box .number_list--item:nth-child(10) img {
    width: calc(3.4722222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(10) img {
    width: calc(6.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Number .number_box .number_list--item:nth-child(10) img {
    width: calc(3.4722222222vw);
  }
}
@media (max-width: 767px) {
  #Number .number_box .number_list--item:nth-child(5) img {
    width: 35px;
  }
  #Number.jtc .number_box {
    background-image: url("../images/number_bg.jpg");
  }
  #Number.jtc .number_box .number_list--item_main span {
    font-size: min(3.3333333333vw, 48px);
    font-weight: 700;
    background: #0F3D74;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Number.jtc .number_box .number_list--item_main span {
    font-size: min(6.4vw, 48px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item_main span {
    font-size: min(3.3333333333vw, 48px);
  }
}
@media (max-width: 767px) {
  #Number.jtc .number_box .number_list--item_icon {
    width: calc(6.25vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Number.jtc .number_box .number_list--item_icon {
    width: calc(12vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item_icon {
    width: calc(6.25vw);
  }
}
@media (max-width: 767px) {
  #Number.jtc .number_box .number_list--item .date {
    position: absolute;
    right: 0;
    bottom: 5%;
    font-size: min(0.9722222222vw, 14px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Number.jtc .number_box .number_list--item .date {
    font-size: min(1.8666666667vw, 14px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item .date {
    font-size: min(0.9722222222vw, 14px);
  }
}
@media (max-width: 767px) {
  #Number.jtc .number_box .number_list--item:nth-child(5) img {
    width: 35px;
  }
  #Number.jtc .number_box .number_list--item:nth-child(7) img {
    width: 40px;
  }
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_inner {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    margin-top: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_inner {
    margin-top: calc(3.2vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_inner {
    margin-top: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_icon {
    width: calc(7.3611111111vw);
    margin-right: calc(1.0416666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_icon {
    width: calc(14.1333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_icon {
    width: calc(7.3611111111vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_icon {
    margin-right: calc(2vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_icon {
    margin-right: calc(1.0416666667vw);
  }
}
@media (max-width: 767px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_inner .number_list--item_main {
    margin: 0;
  }
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_sub {
    font-size: min(1.0416666667vw, 15px);
    margin-top: calc(1.0416666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_sub {
    font-size: min(2vw, 15px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_sub {
    font-size: min(1.0416666667vw, 15px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_sub {
    margin-top: calc(2vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Number.jtc .number_box .number_list--item:nth-child(6) .number_list--item_sub {
    margin-top: calc(1.0416666667vw);
  }
}
.number_list--item_icon--jtc-last {
  width: 45% !important;
}

.add-txt {
  font-size: min(0.8333333333vw, 12px);
  margin-top: 20px;
  padding: 0px 10px;
}
@media (max-width: 767px) {
  .add-txt {
    font-size: min(1.6vw, 12px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .add-txt {
    font-size: min(0.8333333333vw, 12px);
  }
}

.number_list--item--industry .add-txt {
  font-size: min(0.8333333333vw, 12px);
  margin-top: 10px;
}
@media (max-width: 767px) {
  .number_list--item--industry .add-txt {
    font-size: min(1.6vw, 12px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .number_list--item--industry .add-txt {
    font-size: min(0.8333333333vw, 12px);
  }
}

@media (max-width: 767px) {
  .add-txt {
    font-size: min(0.8333333333vw, 12px);
    margin-top: 10px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .add-txt {
    font-size: min(1.6vw, 12px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  .add-txt {
    font-size: min(0.8333333333vw, 12px);
  }
}
@media (max-width: 767px) {
  .number_list--item--industry .add-txt {
    font-size: min(0.8333333333vw, 12px);
    margin-top: 10px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .number_list--item--industry .add-txt {
    font-size: min(1.6vw, 12px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  .number_list--item--industry .add-txt {
    font-size: min(0.8333333333vw, 12px);
  }
}
.industry-img {
  width: 70%;
  margin-top: 20px;
}

.number_list--item--industry .number_list--item_icon,
.number_list--item--industry .number_list--item_main {
  display: none;
}
.number_list--item--industry .industry {
  position: relative;
  width: 100%;
  max-width: 150px;
  height: 180px;
  margin-top: 10px;
}
.number_list--item--industry .pcj-industry {
  margin-top: 30px;
}
.number_list--item--industry .industry__chart {
  position: absolute;
  left: 50%;
  top: 52%;
  transform: translate(-50%, -50%);
  width: 140px;
  height: 140px;
}
.number_list--item--industry .industry__chart svg {
  width: 100%;
  height: 100%;
  display: block;
}
.number_list--item--industry .industry__label {
  position: absolute;
  text-align: center;
}
.number_list--item--industry .industry__label .industry__name {
  display: block;
  font-weight: 700;
  font-size: 14px;
  line-height: 1;
  color: #222;
  margin-bottom: 2px;
}
.number_list--item--industry .industry__label .industry__value .num {
  font-weight: 700;
  font-size: min(1.7361111111vw, 25px);
  line-height: 1;
  color: #0F3D74;
  letter-spacing: -0.02em;
}
@media (max-width: 767px) {
  .number_list--item--industry .industry__label .industry__value .num {
    font-size: min(3.3333333333vw, 25px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .number_list--item--industry .industry__label .industry__value .num {
    font-size: min(1.7361111111vw, 25px);
  }
}
.number_list--item--industry .industry__label .industry__value .num-pcj {
  font-weight: 700;
  font-size: min(2.0833333333vw, 30px);
  line-height: 1;
  color: linear-gradient(to right, #CE1B2E, #760813, #0F3D74);
  letter-spacing: -0.02em;
}
@media (max-width: 767px) {
  .number_list--item--industry .industry__label .industry__value .num-pcj {
    font-size: min(4vw, 30px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  .number_list--item--industry .industry__label .industry__value .num-pcj {
    font-size: min(2.0833333333vw, 30px);
  }
}
.number_list--item--industry .industry__label .industry__value .unit {
  margin-left: 2px;
  font-size: 16px;
  color: #222;
}
.number_list--item--industry .industry__label--lt {
  left: -6px;
  top: 6px;
  transform: translateX(-5%);
}
.number_list--item--industry .industry__label--rt {
  right: -6px;
  top: 6px;
  transform: translateX(5%);
}
.number_list--item--industry .industry__label--mr {
  right: -20px;
  top: 50%;
  transform: translate(10%, -50%);
}
.number_list--item--industry .industry__label--rb {
  right: -6px;
  bottom: -4px;
  transform: translateX(5%);
}
.number_list--item--industry .industry__label--lb {
  left: 10px;
  bottom: -4px;
}
.number_list--item--industry .industry__label--ml {
  left: -20px;
  top: 50%;
  transform: translate(-10%, -50%);
}
.number_list--item--industry .date {
  right: 0;
  bottom: 5%;
}

#Number.jtc .number_list--item--industry .industry__value .num {
  color: #0F3D74;
}

@media (min-width: 767px) and (max-width: 1000px) {
  .industry-img {
    width: 70%;
    margin-top: 5px;
  }
}
@media (max-width: 767px) {
  .industry-img {
    width: 40%;
    margin-top: 10px;
  }
  .number_list--item--industry {
    /* 日付の文字が潰れないよう微調整（位置は既存仕様を尊重） */
  }
  .number_list--item--industry .industry {
    max-width: 120px;
    height: 100px;
    margin-top: 8px;
  }
  .number_list--item--industry .industry__chart {
    top: 50%;
    width: 80px;
    height: 100px;
    transform: translate(-50%, -50%);
  }
  .number_list--item--industry .industry__chart svg {
    width: 100%;
    height: 100%;
    display: block;
  }
  .number_list--item--industry .industry__label {
    text-align: center;
    line-height: 0.5;
  }
  .number_list--item--industry .industry__label .industry__name {
    font-weight: 700;
    font-size: 10px;
    line-height: 1;
    margin-bottom: 1px;
    white-space: nowrap;
  }
  .number_list--item--industry .industry__label .industry__value .num,
  .number_list--item--industry .industry__label .industry__value .num-pcj {
    font-weight: 700;
    font-size: 12px;
    line-height: 1;
    letter-spacing: -0.02em;
    white-space: nowrap;
  }
  .number_list--item--industry .industry__label .industry__value .unit {
    margin-left: 2px;
    font-size: 12px;
    line-height: 1;
  }
  .number_list--item--industry .industry__label--lt {
    left: -6px;
    top: 0px;
    transform: translateX(-5%);
  }
  .number_list--item--industry .industry__label--rt {
    right: -6px;
    top: 0px;
    transform: translateX(5%);
  }
  .number_list--item--industry .industry__label--mr {
    right: -10px;
    top: 50%;
    transform: translate(10%, -50%);
  }
  .number_list--item--industry .industry__label--rb {
    right: 5px;
    bottom: 10px;
    transform: translateX(5%);
  }
  .number_list--item--industry .industry__label--lb {
    left: 10px;
    bottom: 10px;
  }
  .number_list--item--industry .industry__label--ml {
    left: -10px;
    top: 50%;
    transform: translate(-10%, -50%);
  }
  .number_list--item--industry .date {
    right: 0;
    bottom: 2%;
    font-size: 12px;
    line-height: 1.2;
    white-space: nowrap;
  }
}
#CompanyInfo .compinfo_box {
  width: 100%;
  background-image: url("../images/company_info_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding: calc(5.5555555556vw) calc(13.1944444444vw);
}
@media (max-width: 767px) {
  #CompanyInfo .compinfo_box {
    padding: calc(10.6666666667vw) calc(25.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #CompanyInfo .compinfo_box {
    padding: calc(5.5555555556vw) calc(13.1944444444vw);
  }
}
#CompanyInfo .compinfo_box table {
  width: 80%;
  border-collapse: separate;
  border-spacing: 7px 0;
}
#CompanyInfo .compinfo_box table th,
#CompanyInfo .compinfo_box table td {
  box-sizing: border-box;
  padding: calc(0.6944444444vw) calc(1.6666666667vw);
  background: #fff;
}
@media (max-width: 767px) {
  #CompanyInfo .compinfo_box table th,
  #CompanyInfo .compinfo_box table td {
    padding: calc(1.3333333333vw) calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #CompanyInfo .compinfo_box table th,
  #CompanyInfo .compinfo_box table td {
    padding: calc(0.6944444444vw) calc(1.6666666667vw);
  }
}
#CompanyInfo .compinfo_box table th {
  width: 20%;
  border-bottom: 3px solid #B70000;
  font-size: min(1.1111111111vw, 16px);
  line-height: calc(1.1111111111vw * 1.8);
  font-weight: 700;
  vertical-align: middle;
}
@media (max-width: 767px) {
  #CompanyInfo .compinfo_box table th {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 1.8);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #CompanyInfo .compinfo_box table th {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 1.8);
  }
}
#CompanyInfo .compinfo_box table td {
  width: 80%;
  border-bottom: 1px solid #A0A8B6;
  font-size: min(1.1111111111vw, 16px);
  line-height: calc(1.1111111111vw * 1.8);
  font-weight: 400;
}
@media (max-width: 767px) {
  #CompanyInfo .compinfo_box table td {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 1.8);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #CompanyInfo .compinfo_box table td {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 1.8);
  }
}
#CompanyInfo .compinfo_box table td span {
  display: block;
  font-weight: 700;
  margin-top: calc(1.1111111111vw);
}
@media (max-width: 767px) {
  #CompanyInfo .compinfo_box table td span {
    margin-top: calc(2.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #CompanyInfo .compinfo_box table td span {
    margin-top: calc(1.1111111111vw);
  }
}
#CompanyInfo .compinfo_box table td span.top {
  margin: 0;
}
#CompanyInfo .compinfo_box table td div {
  margin-top: calc(2.5vw);
}
@media (max-width: 767px) {
  #CompanyInfo .compinfo_box table td div {
    margin-top: calc(4.8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #CompanyInfo .compinfo_box table td div {
    margin-top: calc(2.5vw);
  }
}
#CompanyInfo .compinfo_box table td div .main {
  font-size: min(1.25vw, 18px);
  font-weight: 700;
}
@media (max-width: 767px) {
  #CompanyInfo .compinfo_box table td div .main {
    font-size: min(2.4vw, 18px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #CompanyInfo .compinfo_box table td div .main {
    font-size: min(1.25vw, 18px);
  }
}
#CompanyInfo .compinfo_box table td div .sub {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: min(1.1111111111vw, 16px);
  line-height: calc(1.1111111111vw * 1.8);
  font-weight: 500;
}
@media (max-width: 767px) {
  #CompanyInfo .compinfo_box table td div .sub {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 1.8);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #CompanyInfo .compinfo_box table td div .sub {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 1.8);
  }
}
#CompanyInfo .compinfo_box table td div.top {
  margin: 0;
}
#CompanyInfo.jtc .compinfo_box {
  background-image: url("../images/company_info_bg.png");
}
#CompanyInfo.jtc .compinfo_box table th {
  border-bottom: 3px solid #024FAD;
}

@media (min-width: 767px) and (max-width: 1000px) {
  #CompanyInfo .compinfo_box {
    width: 100%;
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #CompanyInfo .compinfo_box {
    padding: calc(13.3333333333vw) calc(6.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #CompanyInfo .compinfo_box {
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #CompanyInfo .compinfo_box table {
    width: 100%;
  }
  #CompanyInfo .compinfo_box table th {
    width: 27%;
    font-size: 12px;
  }
  #CompanyInfo .compinfo_box table td {
    font-size: 12px;
  }
  #CompanyInfo .compinfo_box table p {
    font-size: 12px !important;
  }
  #CompanyInfo.jtc .compinfo_box {
    background-image: url("../images/company_info_bg.png");
  }
  #CompanyInfo.jtc .compinfo_box table th {
    border-bottom: 3px solid #024FAD;
  }
}
@media (max-width: 767px) {
  #CompanyInfo .compinfo_box {
    width: 100%;
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #CompanyInfo .compinfo_box {
    padding: calc(13.3333333333vw) calc(6.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #CompanyInfo .compinfo_box {
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (max-width: 767px) {
  #CompanyInfo .compinfo_box p {
    font-size: 12px;
  }
  #CompanyInfo .compinfo_box table {
    width: 100%;
  }
  #CompanyInfo .compinfo_box table th {
    width: 27%;
    font-size: 10px;
  }
  #CompanyInfo .compinfo_box table td {
    font-size: 10px;
  }
  #CompanyInfo .compinfo_box table p {
    font-size: 10px !important;
  }
  #CompanyInfo.jtc .compinfo_box {
    background-image: url("../images/company_info_bg.png");
  }
  #CompanyInfo.jtc .compinfo_box table th {
    border-bottom: 3px solid #024FAD;
  }
}
#Access .access_box {
  width: 100%;
  box-sizing: border-box;
  padding: calc(9.2361111111vw) calc(10.4166666667vw);
}
@media (max-width: 767px) {
  #Access .access_box {
    padding: calc(17.7333333333vw) calc(20vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Access .access_box {
    padding: calc(9.2361111111vw) calc(10.4166666667vw);
  }
}
#Access .access_box .access_section {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#Access .access_box .access_section .tab_list {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: calc(1.6666666667vw);
}
@media (max-width: 767px) {
  #Access .access_box .access_section .tab_list {
    margin-bottom: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Access .access_box .access_section .tab_list {
    margin-bottom: calc(1.6666666667vw);
  }
}
#Access .access_box .access_section .tab_list .tab_item {
  width: calc(16.6666666667vw);
  height: calc(4.1666666667vw);
  cursor: pointer;
  background: #E2E2E2;
  font-size: min(1.25vw, 18px);
  font-weight: 700;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  #Access .access_box .access_section .tab_list .tab_item {
    width: calc(32vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Access .access_box .access_section .tab_list .tab_item {
    width: calc(16.6666666667vw);
  }
}
@media (max-width: 767px) {
  #Access .access_box .access_section .tab_list .tab_item {
    height: calc(8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Access .access_box .access_section .tab_list .tab_item {
    height: calc(4.1666666667vw);
  }
}
@media (max-width: 767px) {
  #Access .access_box .access_section .tab_list .tab_item {
    font-size: min(2.4vw, 18px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Access .access_box .access_section .tab_list .tab_item {
    font-size: min(1.25vw, 18px);
  }
}
#Access .access_box .access_section .tab_list .tab_item.active {
  background: #fff;
  border: 2px solid #EB0404;
  color: #EB0404;
}
#Access .access_box .access_section .tab_list .tab_item:not(:last-child) {
  margin-right: calc(1.1111111111vw);
}
@media (max-width: 767px) {
  #Access .access_box .access_section .tab_list .tab_item:not(:last-child) {
    margin-right: calc(2.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Access .access_box .access_section .tab_list .tab_item:not(:last-child) {
    margin-right: calc(1.1111111111vw);
  }
}
#Access .access_box .access_section .tab_content {
  display: none;
}
#Access .access_box .access_section .tab_content.active {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
#Access .access_box .access_section .tab_content .map_box {
  width: 50%;
  height: calc(27.1527777778vw);
  margin-right: calc(2.2222222222vw);
}
@media (max-width: 767px) {
  #Access .access_box .access_section .tab_content .map_box {
    height: calc(52.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Access .access_box .access_section .tab_content .map_box {
    height: calc(27.1527777778vw);
  }
}
@media (max-width: 767px) {
  #Access .access_box .access_section .tab_content .map_box {
    margin-right: calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Access .access_box .access_section .tab_content .map_box {
    margin-right: calc(2.2222222222vw);
  }
}
#Access .access_box .access_section .tab_content .map_box iframe {
  width: 100%;
  height: 100%;
}
#Access .access_box .access_section .tab_content .info_box {
  width: 50%;
}
#Access .access_box .access_section .tab_content .info_box h3 {
  font-size: 20px;
  font-weight: bold;
  color: #B70000;
  margin-bottom: 10px;
}
#Access .access_box .access_section .tab_content .info_box h4 {
  margin-top: 20px;
  font-size: 18px;
  color: #B70000;
}
#Access .access_box .access_section .tab_content .info_box p {
  margin-top: 10px;
  font-size: 16px;
  line-height: 1.8;
}
#Access.jtc .access_box .access_section .tab_list .tab_item.active {
  border: 2px solid #024FAD;
  color: #024FAD;
}
#Access.jtc .access_box .access_section .tab_content .info_box h3 {
  color: #024FAD;
}
#Access.jtc .access_box .access_section .tab_content .info_box h4 {
  color: #024FAD;
}

@media (min-width: 767px) and (max-width: 1000px) {
  #Access .access_box {
    width: 100%;
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Access .access_box {
    padding: calc(13.3333333333vw) calc(6.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Access .access_box {
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Access .access_box .access_section {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #Access .access_box .access_section .tab_list {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: calc(1.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Access .access_box .access_section .tab_list {
    margin-bottom: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Access .access_box .access_section .tab_list {
    margin-bottom: calc(1.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Access .access_box .access_section .tab_list .tab_item {
    width: calc(13.8888888889vw);
    height: calc(4.1666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Access .access_box .access_section .tab_list .tab_item {
    width: calc(26.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Access .access_box .access_section .tab_list .tab_item {
    width: calc(13.8888888889vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Access .access_box .access_section .tab_list .tab_item {
    height: calc(8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Access .access_box .access_section .tab_list .tab_item {
    height: calc(4.1666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Access .access_box .access_section .tab_content .map_box {
    width: 100%;
    max-height: 300px;
  }
  #Access .access_box .access_section .tab_content .info_box {
    width: 100%;
  }
  #Access .access_box .access_section .tab_content .info_box h3 {
    font-size: 14px;
  }
  #Access .access_box .access_section .tab_content .info_box h4 {
    font-size: 12px;
  }
  #Access .access_box .access_section .tab_content .info_box p {
    margin-top: 10px;
    font-size: 12px;
    line-height: 1.8;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  #Access .access_box {
    width: 100%;
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Access .access_box {
    padding: calc(13.3333333333vw) calc(6.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Access .access_box {
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (max-width: 767px) {
  #Access .access_box .access_section {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #Access .access_box .access_section .tab_list {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Access .access_box .access_section .tab_list {
    margin-bottom: calc(3.2vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Access .access_box .access_section .tab_list {
    margin-bottom: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) {
  #Access .access_box .access_section .tab_list .tab_item {
    width: calc(13.8888888889vw);
    height: calc(4.1666666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Access .access_box .access_section .tab_list .tab_item {
    width: calc(26.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Access .access_box .access_section .tab_list .tab_item {
    width: calc(13.8888888889vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Access .access_box .access_section .tab_list .tab_item {
    height: calc(8vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Access .access_box .access_section .tab_list .tab_item {
    height: calc(4.1666666667vw);
  }
}
@media (max-width: 767px) {
  #Access .access_box .access_section .tab_content .map_box {
    width: 100%;
    max-height: 300px;
  }
  #Access .access_box .access_section .tab_content .info_box {
    width: 100%;
  }
  #Access .access_box .access_section .tab_content .info_box h3 {
    font-size: 12px;
  }
  #Access .access_box .access_section .tab_content .info_box h4 {
    font-size: 12px;
  }
  #Access .access_box .access_section .tab_content .info_box p {
    margin-top: 10px;
    font-size: 10px;
    line-height: 1.8;
    margin-bottom: 20px;
  }
}
#AboutCulture .culture_box {
  width: 100%;
  box-sizing: border-box;
  padding: calc(0vw) calc(11.1111111111vw) calc(8.3333333333vw);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 767px) {
  #AboutCulture .culture_box {
    padding: calc(0vw) calc(21.3333333333vw) calc(16vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #AboutCulture .culture_box {
    padding: calc(0vw) calc(11.1111111111vw) calc(8.3333333333vw);
  }
}
#AboutCulture .culture_box--content {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#AboutCulture .culture_box--content p {
  width: calc(100% - 30.55vw);
  box-sizing: border-box;
  padding-right: calc(3.9583333333vw);
  font-size: min(1.1111111111vw, 16px);
  line-height: calc(1.1111111111vw * 2);
}
@media (max-width: 767px) {
  #AboutCulture .culture_box--content p {
    padding-right: calc(7.6vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #AboutCulture .culture_box--content p {
    padding-right: calc(3.9583333333vw);
  }
}
@media (max-width: 767px) {
  #AboutCulture .culture_box--content p {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #AboutCulture .culture_box--content p {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
#AboutCulture .culture_box--content img {
  width: calc(30.5555555556vw);
}
@media (max-width: 767px) {
  #AboutCulture .culture_box--content img {
    width: calc(58.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #AboutCulture .culture_box--content img {
    width: calc(30.5555555556vw);
  }
}
#AboutCulture .culture_box .more_btn {
  align-self: flex-end;
  margin-right: calc(0vw);
}
@media (max-width: 767px) {
  #AboutCulture .culture_box .more_btn {
    margin-right: calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #AboutCulture .culture_box .more_btn {
    margin-right: calc(0vw);
  }
}

@media (max-width: 767px) {
  #AboutCulture .culture_box {
    width: 100%;
    box-sizing: border-box;
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
    padding-top: 0px !important;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #AboutCulture .culture_box {
    padding: calc(13.3333333333vw) calc(6.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #AboutCulture .culture_box {
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (max-width: 767px) {
  #AboutCulture .culture_box--content {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }
  #AboutCulture .culture_box--content p {
    margin-top: 20px;
    width: 100%;
    box-sizing: border-box;
    padding: 0px;
    font-size: 10px;
  }
  #AboutCulture .culture_box--content img {
    width: 70%;
  }
  #AboutCulture .culture_box .more_btn {
    align-self: flex-end;
    margin-right: calc(0vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #AboutCulture .culture_box .more_btn {
    margin-right: calc(0vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #AboutCulture .culture_box .more_btn {
    margin-right: calc(0vw);
  }
}
/* -- mobile style -- */
@media (max-width: 767px) {
  .s--left_title {
    display: none !important;
  }
}
.philosophy-sp {
  display: none !important;
}

@media (max-width: 767px) {
  .philosophy-sp {
    display: flex !important;
  }
  .philosophy-pc {
    display: none !important;
  }
}
#Business .business_box--list {
  color: black !important;
}

#Spirits .spirits_box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding: calc(8.3333333333vw) calc(18.4027777778vw);
}
@media (max-width: 767px) {
  #Spirits .spirits_box {
    padding: calc(16vw) calc(35.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Spirits .spirits_box {
    padding: calc(8.3333333333vw) calc(18.4027777778vw);
  }
}
#Spirits .spirits_box .four_items {
  width: calc(36.8055555556vw);
}
@media (max-width: 767px) {
  #Spirits .spirits_box .four_items {
    width: calc(70.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Spirits .spirits_box .four_items {
    width: calc(36.8055555556vw);
  }
}
#Spirits .spirits_box .spirits_list {
  width: 80%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#Spirits .spirits_box .spirits_list .spirits_item {
  display: flex;
  flex-direction: row;
  align-items: center;
}
#Spirits .spirits_box .spirits_list .spirits_item img {
  width: calc(9.7222222222vw);
  margin-right: calc(1.6666666667vw);
}
@media (max-width: 767px) {
  #Spirits .spirits_box .spirits_list .spirits_item img {
    width: calc(18.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Spirits .spirits_box .spirits_list .spirits_item img {
    width: calc(9.7222222222vw);
  }
}
@media (max-width: 767px) {
  #Spirits .spirits_box .spirits_list .spirits_item img {
    margin-right: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Spirits .spirits_box .spirits_list .spirits_item img {
    margin-right: calc(1.6666666667vw);
  }
}
#Spirits .spirits_box .spirits_list .spirits_item--text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#Spirits .spirits_box .spirits_list .spirits_item--text p {
  font-size: min(1.25vw, 18px);
  line-height: calc(1.25vw * 2);
  font-weight: 700;
}
@media (max-width: 767px) {
  #Spirits .spirits_box .spirits_list .spirits_item--text p {
    font-size: min(2.4vw, 18px);
    line-height: calc(2.4vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Spirits .spirits_box .spirits_list .spirits_item--text p {
    font-size: min(1.25vw, 18px);
    line-height: calc(1.25vw * 2);
  }
}
#Spirits .spirits_box .spirits_list .spirits_item--text p span {
  font-family: "DM Serif Display", serif;
  font-size: min(1.6666666667vw, 24px);
  font-weight: 400;
  color: #CE1B2E;
  margin-right: calc(0.5555555556vw);
}
@media (max-width: 767px) {
  #Spirits .spirits_box .spirits_list .spirits_item--text p span {
    font-size: min(3.2vw, 24px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Spirits .spirits_box .spirits_list .spirits_item--text p span {
    font-size: min(1.6666666667vw, 24px);
  }
}
@media (max-width: 767px) {
  #Spirits .spirits_box .spirits_list .spirits_item--text p span {
    margin-right: calc(1.0666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Spirits .spirits_box .spirits_list .spirits_item--text p span {
    margin-right: calc(0.5555555556vw);
  }
}
#Spirits .spirits_box .spirits_list .spirits_item:not(:last-child) {
  margin-bottom: calc(1.25vw);
}
@media (max-width: 767px) {
  #Spirits .spirits_box .spirits_list .spirits_item:not(:last-child) {
    margin-bottom: calc(2.4vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Spirits .spirits_box .spirits_list .spirits_item:not(:last-child) {
    margin-bottom: calc(1.25vw);
  }
}

@media (min-width: 767px) and (max-width: 1000px) {
  #Spirits .spirits_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Spirits .spirits_box {
    padding: calc(13.3333333333vw) calc(6.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Spirits .spirits_box {
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Spirits .spirits_box .four_items {
    width: calc(36.8055555556vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Spirits .spirits_box .four_items {
    width: calc(70.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Spirits .spirits_box .four_items {
    width: calc(36.8055555556vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Spirits .spirits_box .spirits_list {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #Spirits .spirits_box .spirits_list .spirits_item {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  #Spirits .spirits_box .spirits_list .spirits_item img {
    width: 20%;
    margin-right: calc(1.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Spirits .spirits_box .spirits_list .spirits_item img {
    margin-right: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Spirits .spirits_box .spirits_list .spirits_item img {
    margin-right: calc(1.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Spirits .spirits_box .spirits_list .spirits_item--text {
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #Spirits .spirits_box .spirits_list .spirits_item--text p {
    font-size: 13px !important;
    font-weight: 700;
  }
  #Spirits .spirits_box .spirits_list .spirits_item--text p span {
    font-family: "DM Serif Display", serif;
    font-size: min(1.6666666667vw, 24px);
    font-weight: 400;
    color: #CE1B2E;
    margin-right: calc(0.5555555556vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Spirits .spirits_box .spirits_list .spirits_item--text p span {
    font-size: min(3.2vw, 24px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Spirits .spirits_box .spirits_list .spirits_item--text p span {
    font-size: min(1.6666666667vw, 24px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Spirits .spirits_box .spirits_list .spirits_item--text p span {
    margin-right: calc(1.0666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Spirits .spirits_box .spirits_list .spirits_item--text p span {
    margin-right: calc(0.5555555556vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Spirits .spirits_box .spirits_list .spirits_item:not(:last-child) {
    margin-bottom: calc(1.25vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Spirits .spirits_box .spirits_list .spirits_item:not(:last-child) {
    margin-bottom: calc(2.4vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Spirits .spirits_box .spirits_list .spirits_item:not(:last-child) {
    margin-bottom: calc(1.25vw);
  }
}
@media (max-width: 767px) {
  #Spirits .spirits_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Spirits .spirits_box {
    padding: calc(13.3333333333vw) calc(6.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Spirits .spirits_box {
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (max-width: 767px) {
  #Spirits .spirits_box .four_items {
    width: calc(36.8055555556vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Spirits .spirits_box .four_items {
    width: calc(70.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Spirits .spirits_box .four_items {
    width: calc(36.8055555556vw);
  }
}
@media (max-width: 767px) {
  #Spirits .spirits_box .spirits_list {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #Spirits .spirits_box .spirits_list .spirits_item {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  #Spirits .spirits_box .spirits_list .spirits_item img {
    width: 20%;
    margin-right: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Spirits .spirits_box .spirits_list .spirits_item img {
    margin-right: calc(3.2vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Spirits .spirits_box .spirits_list .spirits_item img {
    margin-right: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) {
  #Spirits .spirits_box .spirits_list .spirits_item--text {
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #Spirits .spirits_box .spirits_list .spirits_item--text p {
    font-size: 13px !important;
    font-weight: 700;
  }
  #Spirits .spirits_box .spirits_list .spirits_item--text p span {
    font-family: "DM Serif Display", serif;
    font-size: min(1.6666666667vw, 24px);
    font-weight: 400;
    color: #CE1B2E;
    margin-right: calc(0.5555555556vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Spirits .spirits_box .spirits_list .spirits_item--text p span {
    font-size: min(3.2vw, 24px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Spirits .spirits_box .spirits_list .spirits_item--text p span {
    font-size: min(1.6666666667vw, 24px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Spirits .spirits_box .spirits_list .spirits_item--text p span {
    margin-right: calc(1.0666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Spirits .spirits_box .spirits_list .spirits_item--text p span {
    margin-right: calc(0.5555555556vw);
  }
}
@media (max-width: 767px) {
  #Spirits .spirits_box .spirits_list .spirits_item:not(:last-child) {
    margin-bottom: calc(1.25vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Spirits .spirits_box .spirits_list .spirits_item:not(:last-child) {
    margin-bottom: calc(2.4vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Spirits .spirits_box .spirits_list .spirits_item:not(:last-child) {
    margin-bottom: calc(1.25vw);
  }
}
#Spirits.jtc .spirits_item--text p > span {
  color: #023C82 !important;
}

#Organizational {
  background: linear-gradient(to right, #760813, #262523);
  position: relative;
}
#Organizational::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/organizational_bg02.png");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
}
#Organizational.pcj::before {
  background-image: url("../images/organizational_bg-pcj.png");
}
#Organizational .oranizational_box {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: calc(0vw) calc(18.75vw) calc(0vw) calc(4.1666666667vw);
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  #Organizational .oranizational_box {
    padding: calc(0vw) calc(36vw) calc(0vw) calc(8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Organizational .oranizational_box {
    padding: calc(0vw) calc(18.75vw) calc(0vw) calc(4.1666666667vw);
  }
}
#Organizational .oranizational_box .left_box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  width: calc(37.1527777778vw);
  margin-left: calc(8.3333333333vw);
  color: #fff;
}
@media (max-width: 767px) {
  #Organizational .oranizational_box .left_box {
    width: calc(71.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Organizational .oranizational_box .left_box {
    width: calc(37.1527777778vw);
  }
}
@media (max-width: 767px) {
  #Organizational .oranizational_box .left_box {
    margin-left: calc(16vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Organizational .oranizational_box .left_box {
    margin-left: calc(8.3333333333vw);
  }
}
#Organizational .oranizational_box .left_box .inner_title {
  align-items: flex-start;
  color: #fff;
}
#Organizational .oranizational_box .left_box--main-text {
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: min(1.25vw, 18px);
  font-weight: 700;
  margin-bottom: calc(2.2222222222vw);
}
@media (max-width: 767px) {
  #Organizational .oranizational_box .left_box--main-text {
    font-size: min(2.4vw, 18px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Organizational .oranizational_box .left_box--main-text {
    font-size: min(1.25vw, 18px);
  }
}
@media (max-width: 767px) {
  #Organizational .oranizational_box .left_box--main-text {
    margin-bottom: calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Organizational .oranizational_box .left_box--main-text {
    margin-bottom: calc(2.2222222222vw);
  }
}
#Organizational .oranizational_box .left_box--main-text span {
  font-size: min(1.6666666667vw, 24px);
  color: #fff;
  margin-left: calc(0.5555555556vw);
}
@media (max-width: 767px) {
  #Organizational .oranizational_box .left_box--main-text span {
    font-size: min(3.2vw, 24px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Organizational .oranizational_box .left_box--main-text span {
    font-size: min(1.6666666667vw, 24px);
  }
}
@media (max-width: 767px) {
  #Organizational .oranizational_box .left_box--main-text span {
    margin-left: calc(1.0666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Organizational .oranizational_box .left_box--main-text span {
    margin-left: calc(0.5555555556vw);
  }
}
#Organizational .oranizational_box .left_box--sub-text {
  font-size: min(1.1111111111vw, 16px);
  line-height: calc(1.1111111111vw * 2);
}
@media (max-width: 767px) {
  #Organizational .oranizational_box .left_box--sub-text {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Organizational .oranizational_box .left_box--sub-text {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
#Organizational .oranizational_box .scroll-container {
  height: calc(50.6944444444vw);
  width: calc(22.2222222222vw);
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  #Organizational .oranizational_box .scroll-container {
    height: calc(97.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Organizational .oranizational_box .scroll-container {
    height: calc(50.6944444444vw);
  }
}
@media (max-width: 767px) {
  #Organizational .oranizational_box .scroll-container {
    width: calc(42.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Organizational .oranizational_box .scroll-container {
    width: calc(22.2222222222vw);
  }
}
#Organizational .oranizational_box .scroll-list {
  display: flex;
  flex-direction: column;
  animation: scrollUp 25s linear infinite;
  gap: 24px;
  will-change: transform;
  backface-visibility: hidden;
  /* 追加: 可変の周期と距離 */
  --duration: 25s;
  /* ← ここを伸ばすだけで周期をさらに長くできる */
  --loop: 0px;
  /* JSで実測値を入れる */
  animation: scrollUp var(--duration) linear infinite;
}
#Organizational .oranizational_box .scroll-list li {
  width: calc(22.2222222222vw);
  flex-shrink: 0;
}
@media (max-width: 767px) {
  #Organizational .oranizational_box .scroll-list li {
    width: calc(42.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Organizational .oranizational_box .scroll-list li {
    width: calc(22.2222222222vw);
  }
}
#Organizational .oranizational_box .scroll-list li img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@keyframes scrollUp {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(calc(-1 * var(--loop)));
  }
}

@media (min-width: 767px) and (max-width: 1000px) {
  #Organizational .oranizational_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
    position: relative;
    z-index: 1;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Organizational .oranizational_box {
    padding: calc(13.3333333333vw) calc(6.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Organizational .oranizational_box {
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Organizational .oranizational_box .left_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    margin-left: calc(0vw);
    color: #fff;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Organizational .oranizational_box .left_box {
    margin-left: calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Organizational .oranizational_box .left_box {
    margin-left: calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Organizational .oranizational_box .left_box .inner_title {
    align-items: flex-start;
    color: #fff;
  }
  #Organizational .oranizational_box .left_box--main-text {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: min(1.25vw, 18px);
    font-weight: 700;
    margin-bottom: calc(2.2222222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Organizational .oranizational_box .left_box--main-text {
    font-size: min(2.4vw, 18px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Organizational .oranizational_box .left_box--main-text {
    font-size: min(1.25vw, 18px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Organizational .oranizational_box .left_box--main-text {
    margin-bottom: calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Organizational .oranizational_box .left_box--main-text {
    margin-bottom: calc(2.2222222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Organizational .oranizational_box .left_box--main-text span {
    font-size: min(1.6666666667vw, 24px);
    color: #fff;
    margin-left: calc(0.5555555556vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Organizational .oranizational_box .left_box--main-text span {
    font-size: min(3.2vw, 24px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Organizational .oranizational_box .left_box--main-text span {
    font-size: min(1.6666666667vw, 24px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Organizational .oranizational_box .left_box--main-text span {
    margin-left: calc(1.0666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Organizational .oranizational_box .left_box--main-text span {
    margin-left: calc(0.5555555556vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Organizational .oranizational_box .left_box--sub-text {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Organizational .oranizational_box .left_box--sub-text {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Organizational .oranizational_box .left_box--sub-text {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Organizational .oranizational_box .scroll-container {
    width: 100%;
    /* 固定高さだと縮むケースがあるので、比率ベースへ */
    height: auto;
    /* 1枚の高さ目安（16:9 ≒ 56vw、少し大きめに 60vw） */
    min-height: auto;
    overflow: hidden;
    position: relative;
    margin-top: 20px;
  }
  #Organizational .oranizational_box .scroll-list {
    display: flex;
    flex-direction: row;
    gap: 8px;
    animation: scrollUp 15s linear infinite;
  }
  #Organizational .oranizational_box .scroll-list li {
    flex: 0 0 calc(33.33vw - 6px);
    width: calc(33.33vw - 6px);
    height: 35vw;
    border-radius: 8px;
    overflow: hidden;
  }
  #Organizational .oranizational_box .scroll-list li img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
  }
  @keyframes scrollUp {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
  }
}
@media (max-width: 767px) {
  #Organizational .oranizational_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
    position: relative;
    z-index: 1;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Organizational .oranizational_box {
    padding: calc(13.3333333333vw) calc(6.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Organizational .oranizational_box {
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (max-width: 767px) {
  #Organizational .oranizational_box .left_box {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-sizing: border-box;
    width: 100%;
    margin-left: calc(0vw);
    color: #fff;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Organizational .oranizational_box .left_box {
    margin-left: calc(0vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Organizational .oranizational_box .left_box {
    margin-left: calc(0vw);
  }
}
@media (max-width: 767px) {
  #Organizational .oranizational_box .left_box .inner_title {
    align-items: flex-start;
    color: #fff;
  }
  #Organizational .oranizational_box .left_box--main-text {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: min(1.25vw, 18px);
    font-weight: 700;
    margin-bottom: calc(2.2222222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Organizational .oranizational_box .left_box--main-text {
    font-size: min(2.4vw, 18px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Organizational .oranizational_box .left_box--main-text {
    font-size: min(1.25vw, 18px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Organizational .oranizational_box .left_box--main-text {
    margin-bottom: calc(4.2666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Organizational .oranizational_box .left_box--main-text {
    margin-bottom: calc(2.2222222222vw);
  }
}
@media (max-width: 767px) {
  #Organizational .oranizational_box .left_box--main-text span {
    font-size: min(1.6666666667vw, 24px);
    color: #fff;
    margin-left: calc(0.5555555556vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Organizational .oranizational_box .left_box--main-text span {
    font-size: min(3.2vw, 24px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Organizational .oranizational_box .left_box--main-text span {
    font-size: min(1.6666666667vw, 24px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Organizational .oranizational_box .left_box--main-text span {
    margin-left: calc(1.0666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Organizational .oranizational_box .left_box--main-text span {
    margin-left: calc(0.5555555556vw);
  }
}
@media (max-width: 767px) {
  #Organizational .oranizational_box .left_box--sub-text {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Organizational .oranizational_box .left_box--sub-text {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Organizational .oranizational_box .left_box--sub-text {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (max-width: 767px) {
  #Organizational .oranizational_box .scroll-container {
    width: 100%;
    /* 固定高さだと縮むケースがあるので、比率ベースへ */
    height: auto;
    /* 1枚の高さ目安（16:9 ≒ 56vw、少し大きめに 60vw） */
    min-height: auto;
    overflow: hidden;
    position: relative;
    margin-top: 20px;
  }
  #Organizational .oranizational_box .scroll-list {
    display: flex;
    flex-direction: row;
    gap: 8px;
    animation: scrollUp 15s linear infinite;
  }
  #Organizational .oranizational_box .scroll-list li {
    flex: 0 0 calc(33.33vw - 6px);
    width: calc(33.33vw - 6px);
    height: 35vw;
    border-radius: 8px;
    overflow: hidden;
  }
  #Organizational .oranizational_box .scroll-list li img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    display: block;
  }
  @keyframes scrollUp {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(-50%);
    }
  }
}
#Culture .culture_box {
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding: calc(5.5555555556vw) calc(13.8888888889vw);
  background-image: url("../images/culture_bg.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  #Culture .culture_box {
    padding: calc(10.6666666667vw) calc(26.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box {
    padding: calc(5.5555555556vw) calc(13.8888888889vw);
  }
}
#Culture .culture_box--wrap {
  height: auto;
}
#Culture .culture_box--wrap section {
  height: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  position: relative;
  margin-bottom: calc(6.9444444444vw);
}
@media (max-width: 767px) {
  #Culture .culture_box--wrap section {
    margin-bottom: calc(13.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section {
    margin-bottom: calc(6.9444444444vw);
  }
}
#Culture .culture_box--wrap section.last {
  margin-bottom: 0;
}
#Culture .culture_box--wrap section img {
  width: calc(31.9444444444vw);
  height: calc(23.9583333333vw);
  -o-object-fit: cover;
     object-fit: cover;
  margin-right: calc(2.2222222222vw);
}
@media (max-width: 767px) {
  #Culture .culture_box--wrap section img {
    width: calc(61.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section img {
    width: calc(31.9444444444vw);
  }
}
@media (max-width: 767px) {
  #Culture .culture_box--wrap section img {
    height: calc(46vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section img {
    height: calc(23.9583333333vw);
  }
}
@media (max-width: 767px) {
  #Culture .culture_box--wrap section img {
    margin-right: calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section img {
    margin-right: calc(2.2222222222vw);
  }
}
#Culture .culture_box--wrap section .text_wrap {
  width: calc(38.3333333333vw);
  color: #fff;
  align-self: flex-end;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  #Culture .culture_box--wrap section .text_wrap {
    width: calc(73.6vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .text_wrap {
    width: calc(38.3333333333vw);
  }
}
#Culture .culture_box--wrap section .text_wrap h4 {
  font-size: min(1.6666666667vw, 24px);
  font-weight: 700;
  margin-bottom: calc(2.2222222222vw);
}
@media (max-width: 767px) {
  #Culture .culture_box--wrap section .text_wrap h4 {
    font-size: min(3.2vw, 24px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .text_wrap h4 {
    font-size: min(1.6666666667vw, 24px);
  }
}
@media (max-width: 767px) {
  #Culture .culture_box--wrap section .text_wrap h4 {
    margin-bottom: calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .text_wrap h4 {
    margin-bottom: calc(2.2222222222vw);
  }
}
#Culture .culture_box--wrap section .text_wrap h4 span {
  font-family: "DM Serif Display", serif;
  font-size: min(2.2222222222vw, 32px);
  font-weight: 400;
  color: #CE1B2E;
  margin-right: calc(0.5555555556vw);
}
@media (max-width: 767px) {
  #Culture .culture_box--wrap section .text_wrap h4 span {
    font-size: min(4.2666666667vw, 32px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .text_wrap h4 span {
    font-size: min(2.2222222222vw, 32px);
  }
}
@media (max-width: 767px) {
  #Culture .culture_box--wrap section .text_wrap h4 span {
    margin-right: calc(1.0666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .text_wrap h4 span {
    margin-right: calc(0.5555555556vw);
  }
}
#Culture .culture_box--wrap section .text_wrap p {
  font-size: min(1.1111111111vw, 16px);
  line-height: calc(1.1111111111vw * 2);
}
@media (max-width: 767px) {
  #Culture .culture_box--wrap section .text_wrap p {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .text_wrap p {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
#Culture .culture_box--wrap section .numbers {
  position: absolute;
  right: 10%;
  top: 20%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: row;
  align-items: center;
}
#Culture .culture_box--wrap section .numbers p {
  font-family: "DM Serif Display", serif;
  color: rgba(255, 255, 255, 0.33);
}
#Culture .culture_box--wrap section .numbers p:nth-child(1) {
  font-size: min(8.8888888889vw, 128px);
  font-weight: 400;
  margin-top: calc(-5.5555555556vw);
}
@media (max-width: 767px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(1) {
    font-size: min(17.0666666667vw, 128px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(1) {
    font-size: min(8.8888888889vw, 128px);
  }
}
@media (max-width: 767px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(1) {
    margin-top: calc(-10.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(1) {
    margin-top: calc(-5.5555555556vw);
  }
}
#Culture .culture_box--wrap section .numbers p:nth-child(2) {
  font-size: min(7.0833333333vw, 102px);
  font-weight: 400;
}
@media (max-width: 767px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(2) {
    font-size: min(13.6vw, 102px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(2) {
    font-size: min(7.0833333333vw, 102px);
  }
}
#Culture .culture_box--wrap section .numbers p:nth-child(3) {
  font-size: min(8.8888888889vw, 128px);
  font-weight: 400;
  margin-bottom: calc(-5.5555555556vw);
  margin-left: calc(-0.6944444444vw);
}
@media (max-width: 767px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(3) {
    font-size: min(17.0666666667vw, 128px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(3) {
    font-size: min(8.8888888889vw, 128px);
  }
}
@media (max-width: 767px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(3) {
    margin-bottom: calc(-10.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(3) {
    margin-bottom: calc(-5.5555555556vw);
  }
}
@media (max-width: 767px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(3) {
    margin-left: calc(-1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(3) {
    margin-left: calc(-0.6944444444vw);
  }
}

@media (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: calc(5.5555555556vw) calc(3.4722222222vw);
    background-image: url("../images/culture_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Culture .culture_box {
    padding: calc(10.6666666667vw) calc(6.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box {
    padding: calc(5.5555555556vw) calc(3.4722222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap {
    width: 100%;
  }
  #Culture .culture_box--wrap section {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    position: relative;
    margin-bottom: calc(6.9444444444vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Culture .culture_box--wrap section {
    margin-bottom: calc(13.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section {
    margin-bottom: calc(6.9444444444vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section.last {
    margin-bottom: 0;
  }
  #Culture .culture_box--wrap section img {
    width: 80%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    margin: auto;
  }
  #Culture .culture_box--wrap section .text_wrap {
    width: 100%;
    color: #fff;
    align-self: flex-end;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
  }
  #Culture .culture_box--wrap section .text_wrap h4 {
    font-size: 14px !important;
    font-weight: 700;
    margin-bottom: calc(2.2222222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Culture .culture_box--wrap section .text_wrap h4 {
    margin-bottom: calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .text_wrap h4 {
    margin-bottom: calc(2.2222222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .text_wrap h4 span {
    font-family: "DM Serif Display", serif;
    font-size: min(2.2222222222vw, 32px);
    font-weight: 400;
    color: #CE1B2E;
    margin-right: calc(0.5555555556vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Culture .culture_box--wrap section .text_wrap h4 span {
    font-size: min(4.2666666667vw, 32px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .text_wrap h4 span {
    font-size: min(2.2222222222vw, 32px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Culture .culture_box--wrap section .text_wrap h4 span {
    margin-right: calc(1.0666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .text_wrap h4 span {
    margin-right: calc(0.5555555556vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .text_wrap p {
    font-size: 10px !important;
  }
  #Culture .culture_box--wrap section .numbers {
    position: absolute;
    right: 10%;
    top: 5%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  #Culture .culture_box--wrap section .numbers p {
    font-family: "DM Serif Display", serif;
    color: rgba(255, 255, 255, 0.33);
  }
  #Culture .culture_box--wrap section .numbers p:nth-child(1) {
    font-size: min(8.8888888889vw, 128px);
    font-weight: 400;
    margin-top: calc(-5.5555555556vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(1) {
    font-size: min(17.0666666667vw, 128px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(1) {
    font-size: min(8.8888888889vw, 128px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(1) {
    margin-top: calc(-10.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(1) {
    margin-top: calc(-5.5555555556vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(2) {
    font-size: min(7.0833333333vw, 102px);
    font-weight: 400;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(2) {
    font-size: min(13.6vw, 102px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(2) {
    font-size: min(7.0833333333vw, 102px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(3) {
    font-size: min(8.8888888889vw, 128px);
    font-weight: 400;
    margin-bottom: calc(-5.5555555556vw);
    margin-left: calc(-0.6944444444vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(3) {
    font-size: min(17.0666666667vw, 128px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(3) {
    font-size: min(8.8888888889vw, 128px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(3) {
    margin-bottom: calc(-10.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(3) {
    margin-bottom: calc(-5.5555555556vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(3) {
    margin-left: calc(-1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(3) {
    margin-left: calc(-0.6944444444vw);
  }
}
@media (max-width: 767px) {
  #Culture .culture_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: calc(5.5555555556vw) calc(3.4722222222vw);
    background-image: url("../images/culture_bg.jpg");
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Culture .culture_box {
    padding: calc(10.6666666667vw) calc(6.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box {
    padding: calc(5.5555555556vw) calc(3.4722222222vw);
  }
}
@media (max-width: 767px) {
  #Culture .culture_box--wrap section {
    height: 100%;
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-start;
    position: relative;
    margin-bottom: calc(6.9444444444vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Culture .culture_box--wrap section {
    margin-bottom: calc(13.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section {
    margin-bottom: calc(6.9444444444vw);
  }
}
@media (max-width: 767px) {
  #Culture .culture_box--wrap section.last {
    margin-bottom: 0;
  }
  #Culture .culture_box--wrap section img {
    width: calc(31.9444444444vw);
    height: calc(23.9583333333vw);
    -o-object-fit: cover;
       object-fit: cover;
    margin-right: calc(2.2222222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Culture .culture_box--wrap section img {
    width: calc(61.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section img {
    width: calc(31.9444444444vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Culture .culture_box--wrap section img {
    height: calc(46vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section img {
    height: calc(23.9583333333vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Culture .culture_box--wrap section img {
    margin-right: calc(4.2666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section img {
    margin-right: calc(2.2222222222vw);
  }
}
@media (max-width: 767px) {
  #Culture .culture_box--wrap section .text_wrap {
    width: calc(38.3333333333vw);
    color: #fff;
    align-self: flex-end;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Culture .culture_box--wrap section .text_wrap {
    width: calc(73.6vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .text_wrap {
    width: calc(38.3333333333vw);
  }
}
@media (max-width: 767px) {
  #Culture .culture_box--wrap section .text_wrap h4 {
    font-size: 14px !important;
    font-weight: 700;
    margin-bottom: calc(2.2222222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Culture .culture_box--wrap section .text_wrap h4 {
    margin-bottom: calc(4.2666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .text_wrap h4 {
    margin-bottom: calc(2.2222222222vw);
  }
}
@media (max-width: 767px) {
  #Culture .culture_box--wrap section .text_wrap h4 span {
    font-family: "DM Serif Display", serif;
    font-size: min(2.2222222222vw, 32px);
    font-weight: 400;
    color: #CE1B2E;
    margin-right: calc(0.5555555556vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Culture .culture_box--wrap section .text_wrap h4 span {
    font-size: min(4.2666666667vw, 32px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .text_wrap h4 span {
    font-size: min(2.2222222222vw, 32px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Culture .culture_box--wrap section .text_wrap h4 span {
    margin-right: calc(1.0666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .text_wrap h4 span {
    margin-right: calc(0.5555555556vw);
  }
}
@media (max-width: 767px) {
  #Culture .culture_box--wrap section .text_wrap p {
    font-size: 10px !important;
  }
  #Culture .culture_box--wrap section .numbers {
    position: absolute;
    right: 10%;
    top: 20%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  #Culture .culture_box--wrap section .numbers p {
    font-family: "DM Serif Display", serif;
    color: rgba(255, 255, 255, 0.33);
  }
  #Culture .culture_box--wrap section .numbers p:nth-child(1) {
    font-size: min(8.8888888889vw, 128px);
    font-weight: 400;
    margin-top: calc(-5.5555555556vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(1) {
    font-size: min(17.0666666667vw, 128px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(1) {
    font-size: min(8.8888888889vw, 128px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(1) {
    margin-top: calc(-10.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(1) {
    margin-top: calc(-5.5555555556vw);
  }
}
@media (max-width: 767px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(2) {
    font-size: min(7.0833333333vw, 102px);
    font-weight: 400;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(2) {
    font-size: min(13.6vw, 102px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(2) {
    font-size: min(7.0833333333vw, 102px);
  }
}
@media (max-width: 767px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(3) {
    font-size: min(8.8888888889vw, 128px);
    font-weight: 400;
    margin-bottom: calc(-5.5555555556vw);
    margin-left: calc(-0.6944444444vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(3) {
    font-size: min(17.0666666667vw, 128px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(3) {
    font-size: min(8.8888888889vw, 128px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(3) {
    margin-bottom: calc(-10.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(3) {
    margin-bottom: calc(-5.5555555556vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(3) {
    margin-left: calc(-1.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Culture .culture_box--wrap section .numbers p:nth-child(3) {
    margin-left: calc(-0.6944444444vw);
  }
}
#Culture.jtc .culture_content h4 > span {
  color: #023C82 !important;
}

#LikeAbout {
  /* ==== レイアウト（左右カラム） ==== */
  /* ==== 各アイテム共通 ==== */
  /* ==== 右カラムの個別調整 ==== */
  /* 右カラム内の .img_box（共通の微調整があればここに） */
}
#LikeAbout .like-about_box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding: calc(8.3333333333vw) calc(11.1111111111vw);
}
@media (max-width: 767px) {
  #LikeAbout .like-about_box {
    padding: calc(16vw) calc(21.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_box {
    padding: calc(8.3333333333vw) calc(11.1111111111vw);
  }
}
#LikeAbout .like-about_list {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
}
#LikeAbout .like-about_list--left {
  width: 60%;
}
#LikeAbout .like-about_list--right {
  width: 40%;
}
#LikeAbout .like-about_list--item {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  /* ---- テキスト側 ---- */
  /* ---- 画像側（共通） ---- */
}
#LikeAbout .like-about_list--item .inner_box {
  width: 100%;
  box-sizing: border-box;
  padding-left: calc(3.4722222222vw);
}
@media (max-width: 767px) {
  #LikeAbout .like-about_list--item .inner_box {
    padding-left: calc(6.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .inner_box {
    padding-left: calc(3.4722222222vw);
  }
}
#LikeAbout .like-about_list--item .inner_box h4 {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  font-size: min(1.6666666667vw, 24px);
  line-height: calc(1.6666666667vw * 1.5);
  font-weight: 700;
  margin-bottom: calc(0.6944444444vw);
  position: relative;
}
@media (max-width: 767px) {
  #LikeAbout .like-about_list--item .inner_box h4 {
    font-size: min(3.2vw, 24px);
    line-height: calc(3.2vw * 1.5);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .inner_box h4 {
    font-size: min(1.6666666667vw, 24px);
    line-height: calc(1.6666666667vw * 1.5);
  }
}
@media (max-width: 767px) {
  #LikeAbout .like-about_list--item .inner_box h4 {
    margin-bottom: calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .inner_box h4 {
    margin-bottom: calc(0.6944444444vw);
  }
}
#LikeAbout .like-about_list--item .inner_box h4 span {
  position: absolute;
  left: -15%;
  top: -30%;
  display: flex;
  box-sizing: border-box;
  padding: calc(1.0416666667vw) calc(0.3472222222vw) calc(0.3472222222vw) calc(1.0416666667vw);
  color: #fff;
  font-family: "DM Serif Display", serif;
  font-size: min(2.2222222222vw, 32px);
  line-height: calc(2.2222222222vw * 1);
  width: calc(4.1666666667vw);
  height: calc(4.1666666667vw);
  background: linear-gradient(to right, #760813, #0F3D74);
  margin-right: calc(1.6666666667vw);
}
@media (max-width: 767px) {
  #LikeAbout .like-about_list--item .inner_box h4 span {
    padding: calc(2vw) calc(0.6666666667vw) calc(0.6666666667vw) calc(2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .inner_box h4 span {
    padding: calc(1.0416666667vw) calc(0.3472222222vw) calc(0.3472222222vw) calc(1.0416666667vw);
  }
}
@media (max-width: 767px) {
  #LikeAbout .like-about_list--item .inner_box h4 span {
    font-size: min(4.2666666667vw, 32px);
    line-height: calc(4.2666666667vw * 1);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .inner_box h4 span {
    font-size: min(2.2222222222vw, 32px);
    line-height: calc(2.2222222222vw * 1);
  }
}
@media (max-width: 767px) {
  #LikeAbout .like-about_list--item .inner_box h4 span {
    width: calc(8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .inner_box h4 span {
    width: calc(4.1666666667vw);
  }
}
@media (max-width: 767px) {
  #LikeAbout .like-about_list--item .inner_box h4 span {
    height: calc(8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .inner_box h4 span {
    height: calc(4.1666666667vw);
  }
}
@media (max-width: 767px) {
  #LikeAbout .like-about_list--item .inner_box h4 span {
    margin-right: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .inner_box h4 span {
    margin-right: calc(1.6666666667vw);
  }
}
#LikeAbout .like-about_list--item .inner_box img {
  width: 80%;
  margin-bottom: calc(5.5555555556vw);
}
@media (max-width: 767px) {
  #LikeAbout .like-about_list--item .inner_box img {
    margin-bottom: calc(10.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .inner_box img {
    margin-bottom: calc(5.5555555556vw);
  }
}
#LikeAbout .like-about_list--item .inner_box img:last-of-type {
  margin-bottom: 0;
}
#LikeAbout .like-about_list--item .img_box {
  position: relative;
  margin-top: calc(2.4305555556vw);
  margin-bottom: calc(17.3611111111vw);
}
@media (max-width: 767px) {
  #LikeAbout .like-about_list--item .img_box {
    margin-top: calc(4.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .img_box {
    margin-top: calc(2.4305555556vw);
  }
}
@media (max-width: 767px) {
  #LikeAbout .like-about_list--item .img_box {
    margin-bottom: calc(33.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .img_box {
    margin-bottom: calc(17.3611111111vw);
  }
}
#LikeAbout .like-about_list--item .img_box:last-of-type {
  margin-bottom: 0;
}
#LikeAbout .like-about_list--item .img_box .main_img {
  width: 100%;
}
#LikeAbout .like-about_list--item .img_box .sub_img {
  width: calc(15.9722222222vw);
  position: absolute;
  left: -10%;
  bottom: -40%;
  z-index: -2;
}
@media (max-width: 767px) {
  #LikeAbout .like-about_list--item .img_box .sub_img {
    width: calc(30.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .img_box .sub_img {
    width: calc(15.9722222222vw);
  }
}
#LikeAbout .like-about_list--item .img_box .third_img {
  width: calc(15.9722222222vw);
  position: absolute;
  right: 0%;
  bottom: -60%;
  z-index: -2;
}
@media (max-width: 767px) {
  #LikeAbout .like-about_list--item .img_box .third_img {
    width: calc(30.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .img_box .third_img {
    width: calc(15.9722222222vw);
  }
}
#LikeAbout .like-about_list--item .img_box::before {
  content: "";
  display: block;
  width: calc(33.3333333333vw);
  height: calc(20.8333333333vw);
  border: 4px solid #CE1B2E;
  position: absolute;
  top: 15%;
  left: -10%;
  z-index: -1;
}
@media (max-width: 767px) {
  #LikeAbout .like-about_list--item .img_box::before {
    width: calc(64vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .img_box::before {
    width: calc(33.3333333333vw);
  }
}
@media (max-width: 767px) {
  #LikeAbout .like-about_list--item .img_box::before {
    height: calc(40vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .img_box::before {
    height: calc(20.8333333333vw);
  }
}
#LikeAbout .like-about_list--right .like-about_list--item {
  /* 右カラムの「2つ目の .img_box」だけデザイン変更 */
}
#LikeAbout .like-about_list--right .like-about_list--item .img_box {
  /* 必要があれば右カラム共通の余白・位置をここで */
}
#LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2) {
  /* row-reverse を使う必要がない構造なので不要。
  画像の位置・大きさ・飾り枠だけを個別に上書きする */
  margin-top: calc(2.4305555556vw);
  box-sizing: border-box;
  padding-left: calc(3.4722222222vw);
}
@media (max-width: 767px) {
  #LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2) {
    margin-top: calc(4.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2) {
    margin-top: calc(2.4305555556vw);
  }
}
@media (max-width: 767px) {
  #LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2) {
    padding-left: calc(6.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2) {
    padding-left: calc(3.4722222222vw);
  }
}
#LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2) .main_img {
  width: calc(31.9444444444vw);
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  #LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2) .main_img {
    width: calc(61.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2) .main_img {
    width: calc(31.9444444444vw);
  }
}
#LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2) .sub_img {
  width: calc(15.9722222222vw);
  position: absolute;
  left: -10%;
  bottom: auto;
  top: -20%;
  z-index: -2;
}
@media (max-width: 767px) {
  #LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2) .sub_img {
    width: calc(30.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2) .sub_img {
    width: calc(15.9722222222vw);
  }
}
#LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2)::before {
  content: "";
  display: block;
  width: calc(26.1805555556vw);
  height: calc(24.3055555556vw);
  border: 4px solid #CE1B2E;
  position: absolute;
  top: -5%;
  left: 5%;
  z-index: -1;
}
@media (max-width: 767px) {
  #LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2)::before {
    width: calc(50.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2)::before {
    width: calc(26.1805555556vw);
  }
}
@media (max-width: 767px) {
  #LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2)::before {
    height: calc(46.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2)::before {
    height: calc(24.3055555556vw);
  }
}

.jtc .like-about_list--item .img_box::before {
  border: 4px solid #023C82 !important;
}

@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout {
    /* ==== レイアウト（左右カラム） ==== */
    /* ==== 各アイテム共通 ==== */
    /* ==== 右カラムの個別調整 ==== */
    /* 右カラム内の .img_box（共通の微調整があればここに） */
  }
  #LikeAbout .like-about_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: calc(8.3333333333vw) calc(11.1111111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #LikeAbout .like-about_box {
    padding: calc(16vw) calc(21.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_box {
    padding: calc(8.3333333333vw) calc(11.1111111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
  }
  #LikeAbout .like-about_list--left {
    width: 60%;
  }
  #LikeAbout .like-about_list--right {
    width: 40%;
  }
  #LikeAbout .like-about_list--item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    /* ---- テキスト側 ---- */
    /* ---- 画像側（共通） ---- */
  }
  #LikeAbout .like-about_list--item .inner_box {
    width: 100%;
    box-sizing: border-box;
    padding-left: calc(3.4722222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #LikeAbout .like-about_list--item .inner_box {
    padding-left: calc(6.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .inner_box {
    padding-left: calc(3.4722222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .inner_box h4 {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: calc(0.6944444444vw);
    position: relative;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #LikeAbout .like-about_list--item .inner_box h4 {
    margin-bottom: calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .inner_box h4 {
    margin-bottom: calc(0.6944444444vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .inner_box h4 span {
    position: absolute;
    left: -15%;
    top: -30%;
    display: flex;
    box-sizing: border-box;
    padding: calc(1.0416666667vw) calc(0.3472222222vw) calc(0.3472222222vw) calc(1.0416666667vw);
    color: #fff;
    font-family: "DM Serif Display", serif;
    font-size: min(2.2222222222vw, 32px);
    line-height: calc(2.2222222222vw * 1);
    width: calc(4.1666666667vw);
    height: calc(4.1666666667vw);
    background: linear-gradient(to right, #760813, #0F3D74);
    margin-right: calc(1.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #LikeAbout .like-about_list--item .inner_box h4 span {
    padding: calc(2vw) calc(0.6666666667vw) calc(0.6666666667vw) calc(2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .inner_box h4 span {
    padding: calc(1.0416666667vw) calc(0.3472222222vw) calc(0.3472222222vw) calc(1.0416666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #LikeAbout .like-about_list--item .inner_box h4 span {
    font-size: min(4.2666666667vw, 32px);
    line-height: calc(4.2666666667vw * 1);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .inner_box h4 span {
    font-size: min(2.2222222222vw, 32px);
    line-height: calc(2.2222222222vw * 1);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #LikeAbout .like-about_list--item .inner_box h4 span {
    width: calc(8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .inner_box h4 span {
    width: calc(4.1666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #LikeAbout .like-about_list--item .inner_box h4 span {
    height: calc(8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .inner_box h4 span {
    height: calc(4.1666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #LikeAbout .like-about_list--item .inner_box h4 span {
    margin-right: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .inner_box h4 span {
    margin-right: calc(1.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .inner_box img {
    width: 80%;
    margin-bottom: calc(5.5555555556vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #LikeAbout .like-about_list--item .inner_box img {
    margin-bottom: calc(10.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .inner_box img {
    margin-bottom: calc(5.5555555556vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .inner_box img:last-of-type {
    margin-bottom: 0;
  }
  #LikeAbout .like-about_list--item .img_box {
    position: relative;
    margin-top: calc(2.4305555556vw);
    margin-bottom: calc(17.3611111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #LikeAbout .like-about_list--item .img_box {
    margin-top: calc(4.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .img_box {
    margin-top: calc(2.4305555556vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #LikeAbout .like-about_list--item .img_box {
    margin-bottom: calc(33.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .img_box {
    margin-bottom: calc(17.3611111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .img_box:last-of-type {
    margin-bottom: 0;
  }
  #LikeAbout .like-about_list--item .img_box .main_img {
    width: 100%;
  }
  #LikeAbout .like-about_list--item .img_box .sub_img {
    width: calc(15.9722222222vw);
    position: absolute;
    left: -10%;
    bottom: -40%;
    z-index: -2;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #LikeAbout .like-about_list--item .img_box .sub_img {
    width: calc(30.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .img_box .sub_img {
    width: calc(15.9722222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .img_box .third_img {
    width: calc(15.9722222222vw);
    position: absolute;
    right: 0%;
    bottom: -60%;
    z-index: -2;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #LikeAbout .like-about_list--item .img_box .third_img {
    width: calc(30.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .img_box .third_img {
    width: calc(15.9722222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .img_box::before {
    content: "";
    display: block;
    width: calc(33.3333333333vw);
    height: calc(20.8333333333vw);
    border: 4px solid #CE1B2E;
    position: absolute;
    top: 15%;
    left: -10%;
    z-index: -1;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #LikeAbout .like-about_list--item .img_box::before {
    width: calc(64vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .img_box::before {
    width: calc(33.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #LikeAbout .like-about_list--item .img_box::before {
    height: calc(40vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .img_box::before {
    height: calc(20.8333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--right .like-about_list--item {
    /* 右カラムの「2つ目の .img_box」だけデザイン変更 */
  }
  #LikeAbout .like-about_list--right .like-about_list--item .img_box {
    /* 必要があれば右カラム共通の余白・位置をここで */
  }
  #LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2) {
    /* row-reverse を使う必要がない構造なので不要。
    画像の位置・大きさ・飾り枠だけを個別に上書きする */
    margin-top: calc(2.4305555556vw);
    box-sizing: border-box;
    padding-left: calc(3.4722222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2) {
    margin-top: calc(4.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2) {
    margin-top: calc(2.4305555556vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2) {
    padding-left: calc(6.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2) {
    padding-left: calc(3.4722222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2) .main_img {
    width: calc(31.9444444444vw);
    position: relative;
    z-index: 1;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2) .main_img {
    width: calc(61.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2) .main_img {
    width: calc(31.9444444444vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2) .sub_img {
    width: calc(15.9722222222vw);
    position: absolute;
    left: -10%;
    bottom: auto;
    top: -20%;
    z-index: -2;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2) .sub_img {
    width: calc(30.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2) .sub_img {
    width: calc(15.9722222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2)::before {
    content: "";
    display: block;
    width: calc(26.1805555556vw);
    height: calc(24.3055555556vw);
    border: 4px solid #CE1B2E;
    position: absolute;
    top: -5%;
    left: 5%;
    z-index: -1;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2)::before {
    width: calc(50.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2)::before {
    width: calc(26.1805555556vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2)::before {
    height: calc(46.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2)::before {
    height: calc(24.3055555556vw);
  }
}
@media (max-width: 767px) {
  #LikeAbout {
    /* ==== レイアウト（左右カラム） ==== */
    /* ==== 各アイテム共通 ==== */
    /* ==== 右カラムの個別調整 ==== */
    /* 右カラム内の .img_box（共通の微調整があればここに） */
  }
  #LikeAbout .like-about_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #LikeAbout .like-about_box {
    padding: calc(13.3333333333vw) calc(6.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_box {
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (max-width: 767px) {
  #LikeAbout .like-about_list {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #LikeAbout .like-about_list--left {
    width: 100%;
  }
  #LikeAbout .like-about_list--right {
    width: 100%;
  }
  #LikeAbout .like-about_list--item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    /* ---- テキスト側 ---- */
    /* ---- 画像側（共通） ---- */
  }
  #LikeAbout .like-about_list--item .inner_box {
    width: 100%;
    box-sizing: border-box;
    padding-left: calc(6.9444444444vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #LikeAbout .like-about_list--item .inner_box {
    padding-left: calc(13.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .inner_box {
    padding-left: calc(6.9444444444vw);
  }
}
@media (max-width: 767px) {
  #LikeAbout .like-about_list--item .inner_box img {
    width: 100%;
    margin-bottom: calc(5.5555555556vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #LikeAbout .like-about_list--item .inner_box img {
    margin-bottom: calc(10.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .inner_box img {
    margin-bottom: calc(5.5555555556vw);
  }
}
@media (max-width: 767px) {
  #LikeAbout .like-about_list--item .inner_box img:last-of-type {
    margin-bottom: 0;
  }
  #LikeAbout .like-about_list--item .img_box {
    position: relative;
    margin-top: calc(6.9444444444vw);
    margin-bottom: calc(17.3611111111vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #LikeAbout .like-about_list--item .img_box {
    margin-top: calc(13.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .img_box {
    margin-top: calc(6.9444444444vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #LikeAbout .like-about_list--item .img_box {
    margin-bottom: calc(33.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .img_box {
    margin-bottom: calc(17.3611111111vw);
  }
}
@media (max-width: 767px) {
  #LikeAbout .like-about_list--item .img_box:last-of-type {
    margin-bottom: 0;
  }
  #LikeAbout .like-about_list--item .img_box .main_img {
    width: 100%;
  }
  #LikeAbout .like-about_list--item .img_box .sub_img {
    width: calc(15.9722222222vw);
    position: absolute;
    left: 0%;
    bottom: -30%;
    z-index: -2;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #LikeAbout .like-about_list--item .img_box .sub_img {
    width: calc(30.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .img_box .sub_img {
    width: calc(15.9722222222vw);
  }
}
@media (max-width: 767px) {
  #LikeAbout .like-about_list--item .img_box .third_img {
    width: calc(15.9722222222vw);
    position: absolute;
    right: 0%;
    bottom: -50%;
    z-index: -2;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #LikeAbout .like-about_list--item .img_box .third_img {
    width: calc(30.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #LikeAbout .like-about_list--item .img_box .third_img {
    width: calc(15.9722222222vw);
  }
}
@media (max-width: 767px) {
  #LikeAbout .like-about_list--item .img_box::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 15%;
    left: -5%;
  }
  #LikeAbout .like-about_list--right .like-about_list--item {
    /* 右カラムの「2つ目の .img_box」だけデザイン変更 */
  }
  #LikeAbout .like-about_list--right .like-about_list--item .img_box {
    /* 必要があれば右カラム共通の余白・位置をここで */
  }
  #LikeAbout .like-about_list--right .like-about_list--item .img_box:nth-of-type(2) {
    display: none;
  }
}
#Program .program_box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding: calc(8.3333333333vw) calc(8.6805555556vw) calc(8.3333333333vw) calc(8.3333333333vw);
  background-image: url("../images/program_img.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  #Program .program_box {
    padding: calc(16vw) calc(16.6666666667vw) calc(16vw) calc(16vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box {
    padding: calc(8.3333333333vw) calc(8.6805555556vw) calc(8.3333333333vw) calc(8.3333333333vw);
  }
}
#Program .program_box--wrap {
  width: 100%;
}
#Program .program_box--wrap.training {
  margin-bottom: calc(5.5555555556vw);
}
@media (max-width: 767px) {
  #Program .program_box--wrap.training {
    margin-bottom: calc(10.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--wrap.training {
    margin-bottom: calc(5.5555555556vw);
  }
}
#Program .program_box--wrap.resources .program_box--list {
  align-items: flex-start;
}
#Program .program_box--wrap.resources .program_box--list_item img {
  margin-right: 0;
  margin-left: calc(2.4305555556vw);
}
@media (max-width: 767px) {
  #Program .program_box--wrap.resources .program_box--list_item img {
    margin-left: calc(4.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--wrap.resources .program_box--list_item img {
    margin-left: calc(2.4305555556vw);
  }
}
#Program .program_box--wrap.resources .program_box--list_item .toogle_btn {
  right: 0;
}
#Program .program_box--list {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}
#Program .program_box--list_item {
  width: 100%;
  background: #fff;
  box-shadow: 4px 4px 13px rgba(0, 0, 0, 0.12);
  box-sizing: border-box;
  padding: calc(1.3888888889vw);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  transition: all 0.3s 0s ease;
}
@media (max-width: 767px) {
  #Program .program_box--list_item {
    padding: calc(2.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item {
    padding: calc(1.3888888889vw);
  }
}
#Program .program_box--list_item .summary {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: calc(2.9166666667vw) calc(2.7777777778vw);
}
@media (max-width: 767px) {
  #Program .program_box--list_item .summary {
    padding: calc(5.6vw) calc(5.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item .summary {
    padding: calc(2.9166666667vw) calc(2.7777777778vw);
  }
}
#Program .program_box--list_item .summary img {
  width: calc(25vw);
  margin-right: calc(2.7777777778vw);
  transition: all 0.3s 0s ease;
}
@media (max-width: 767px) {
  #Program .program_box--list_item .summary img {
    width: calc(48vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item .summary img {
    width: calc(25vw);
  }
}
@media (max-width: 767px) {
  #Program .program_box--list_item .summary img {
    margin-right: calc(5.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item .summary img {
    margin-right: calc(2.7777777778vw);
  }
}
#Program .program_box--list_item .summary .detail {
  width: calc(100% - 27.78vw);
  transition: all 0.3s 0s ease;
  position: relative;
}
#Program .program_box--list_item .summary .detail h4 {
  font-size: min(1.6666666667vw, 24px);
  font-weight: 700;
  margin-bottom: calc(2.7777777778vw);
}
@media (max-width: 767px) {
  #Program .program_box--list_item .summary .detail h4 {
    font-size: min(3.2vw, 24px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item .summary .detail h4 {
    font-size: min(1.6666666667vw, 24px);
  }
}
@media (max-width: 767px) {
  #Program .program_box--list_item .summary .detail h4 {
    margin-bottom: calc(5.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item .summary .detail h4 {
    margin-bottom: calc(2.7777777778vw);
  }
}
#Program .program_box--list_item .summary .detail p {
  font-size: min(1.1111111111vw, 16px);
  line-height: calc(1.1111111111vw * 2);
}
@media (max-width: 767px) {
  #Program .program_box--list_item .summary .detail p {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item .summary .detail p {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
#Program .program_box--list_item .summary button {
  width: calc(7.2222222222vw);
  height: calc(2.9166666667vw);
  border-radius: 5vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
  padding: calc(0vw) calc(1.6666666667vw);
  border: 1px solid #000;
  font-size: min(1.0416666667vw, 15px);
  font-family: "Questrial", sans-serif;
  font-weight: 400;
  position: absolute;
  right: 1.39vw;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s 0s ease;
}
@media (max-width: 767px) {
  #Program .program_box--list_item .summary button {
    width: calc(13.8666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item .summary button {
    width: calc(7.2222222222vw);
  }
}
@media (max-width: 767px) {
  #Program .program_box--list_item .summary button {
    height: calc(5.6vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item .summary button {
    height: calc(2.9166666667vw);
  }
}
@media (max-width: 767px) {
  #Program .program_box--list_item .summary button {
    padding: calc(0vw) calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item .summary button {
    padding: calc(0vw) calc(1.6666666667vw);
  }
}
@media (max-width: 767px) {
  #Program .program_box--list_item .summary button {
    font-size: min(2vw, 15px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item .summary button {
    font-size: min(1.0416666667vw, 15px);
  }
}
#Program .program_box--list_item .summary button span {
  z-index: 1;
}
#Program .program_box--list_item .summary button::after {
  content: "";
  width: calc(0.6944444444vw);
  height: calc(0.6944444444vw);
  border-radius: 50%;
  background: #000;
  transition: all 0.3s 0s ease;
}
@media (max-width: 767px) {
  #Program .program_box--list_item .summary button::after {
    width: calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item .summary button::after {
    width: calc(0.6944444444vw);
  }
}
@media (max-width: 767px) {
  #Program .program_box--list_item .summary button::after {
    height: calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item .summary button::after {
    height: calc(0.6944444444vw);
  }
}
#Program .program_box--list_item .summary button:hover {
  color: #fff;
  border: 1px solid #000;
}
#Program .program_box--list_item .summary button:hover::after {
  transform: scale(100);
}
#Program .program_box--list_item:not(:last-child) {
  margin-bottom: calc(1.1111111111vw);
}
@media (max-width: 767px) {
  #Program .program_box--list_item:not(:last-child) {
    margin-bottom: calc(2.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item:not(:last-child) {
    margin-bottom: calc(1.1111111111vw);
  }
}

@media (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: calc(8.3333333333vw) calc(8.6805555556vw) calc(8.3333333333vw) calc(8.3333333333vw);
    background-image: url("../images/program_img.jpg");
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Program .program_box {
    padding: calc(16vw) calc(16.6666666667vw) calc(16vw) calc(16vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box {
    padding: calc(8.3333333333vw) calc(8.6805555556vw) calc(8.3333333333vw) calc(8.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--wrap {
    width: 100%;
  }
  #Program .program_box--wrap.training {
    margin-bottom: calc(5.5555555556vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Program .program_box--wrap.training {
    margin-bottom: calc(10.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--wrap.training {
    margin-bottom: calc(5.5555555556vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--wrap.resources .program_box--list {
    align-items: flex-start;
  }
  #Program .program_box--wrap.resources .program_box--list_item img {
    margin-right: 0;
    margin-left: calc(2.4305555556vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Program .program_box--wrap.resources .program_box--list_item img {
    margin-left: calc(4.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--wrap.resources .program_box--list_item img {
    margin-left: calc(2.4305555556vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--wrap.resources .program_box--list_item .toogle_btn {
    right: 0;
  }
  #Program .program_box--list {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  #Program .program_box--list_item {
    width: 100%;
    background: #fff;
    box-shadow: 4px 4px 13px rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    padding: calc(1.3888888889vw);
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    transition: all 0.3s 0s ease;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Program .program_box--list_item {
    padding: calc(2.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item {
    padding: calc(1.3888888889vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item .summary {
    width: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: calc(2.9166666667vw) calc(2.7777777778vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Program .program_box--list_item .summary {
    padding: calc(5.6vw) calc(5.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item .summary {
    padding: calc(2.9166666667vw) calc(2.7777777778vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item .summary img {
    width: calc(25vw);
    margin-right: calc(2.7777777778vw);
    transition: all 0.3s 0s ease;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Program .program_box--list_item .summary img {
    width: calc(48vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item .summary img {
    width: calc(25vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Program .program_box--list_item .summary img {
    margin-right: calc(5.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item .summary img {
    margin-right: calc(2.7777777778vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item .summary .detail {
    width: calc(100% - 27.78vw);
    transition: all 0.3s 0s ease;
    position: relative;
  }
  #Program .program_box--list_item .summary .detail h4 {
    font-size: 15px;
    font-weight: 700;
    margin-bottom: calc(2.7777777778vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Program .program_box--list_item .summary .detail h4 {
    margin-bottom: calc(5.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item .summary .detail h4 {
    margin-bottom: calc(2.7777777778vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item .summary .detail p {
    font-size: 12px;
  }
  #Program .program_box--list_item .summary button {
    width: calc(7.2222222222vw);
    height: calc(2.9166666667vw);
    border-radius: 5vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    padding: calc(0vw) calc(1.6666666667vw);
    border: 1px solid #000;
    font-size: min(1.0416666667vw, 15px);
    font-family: "Questrial", sans-serif;
    font-weight: 400;
    position: absolute;
    right: 1.39vw;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    overflow: hidden;
    transition: all 0.3s 0s ease;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Program .program_box--list_item .summary button {
    width: calc(13.8666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item .summary button {
    width: calc(7.2222222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Program .program_box--list_item .summary button {
    height: calc(5.6vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item .summary button {
    height: calc(2.9166666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Program .program_box--list_item .summary button {
    padding: calc(0vw) calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item .summary button {
    padding: calc(0vw) calc(1.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Program .program_box--list_item .summary button {
    font-size: min(2vw, 15px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item .summary button {
    font-size: min(1.0416666667vw, 15px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item .summary button span {
    z-index: 1;
  }
  #Program .program_box--list_item .summary button::after {
    content: "";
    width: calc(0.6944444444vw);
    height: calc(0.6944444444vw);
    border-radius: 50%;
    background: #000;
    transition: all 0.3s 0s ease;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Program .program_box--list_item .summary button::after {
    width: calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item .summary button::after {
    width: calc(0.6944444444vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Program .program_box--list_item .summary button::after {
    height: calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item .summary button::after {
    height: calc(0.6944444444vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item .summary button:hover {
    color: #fff;
    border: 1px solid #000;
  }
  #Program .program_box--list_item .summary button:hover::after {
    transform: scale(100);
  }
  #Program .program_box--list_item:not(:last-child) {
    margin-bottom: calc(1.1111111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Program .program_box--list_item:not(:last-child) {
    margin-bottom: calc(2.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item:not(:last-child) {
    margin-bottom: calc(1.1111111111vw);
  }
}
@media (max-width: 767px) {
  #Program .program_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
    background-image: url("../images/program_img.jpg");
    background-repeat: no-repeat;
    background-size: cover;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Program .program_box {
    padding: calc(13.3333333333vw) calc(6.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box {
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (max-width: 767px) {
  #Program .program_box--wrap {
    width: 100%;
  }
  #Program .program_box--wrap.training {
    margin-bottom: calc(5.5555555556vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Program .program_box--wrap.training {
    margin-bottom: calc(10.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--wrap.training {
    margin-bottom: calc(5.5555555556vw);
  }
}
@media (max-width: 767px) {
  #Program .program_box--wrap.resources .program_box--list {
    align-items: flex-start;
  }
  #Program .program_box--wrap.resources .program_box--list_item img {
    margin-right: 0;
    margin-top: 20px;
  }
  #Program .program_box--wrap.resources .program_box--list_item .toogle_btn {
    right: 0;
  }
  #Program .program_box--list {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  #Program .program_box--list_item {
    width: 100%;
    background: #fff;
    box-shadow: 4px 4px 13px rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
    padding: calc(1.3888888889vw);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    transition: all 0.3s 0s ease;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Program .program_box--list_item {
    padding: calc(2.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item {
    padding: calc(1.3888888889vw);
  }
}
@media (max-width: 767px) {
  #Program .program_box--list_item .summary {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #Program .program_box--list_item .summary img {
    width: calc(25vw);
    margin: auto;
    transition: all 0.3s 0s ease;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Program .program_box--list_item .summary img {
    width: calc(48vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item .summary img {
    width: calc(25vw);
  }
}
@media (max-width: 767px) {
  #Program .program_box--list_item .summary .detail {
    width: 100%;
    transition: all 0.3s 0s ease;
    margin-top: 20px;
  }
  #Program .program_box--list_item .summary .detail h4 {
    font-size: 14px !important;
    font-weight: 700;
    margin-bottom: calc(2.7777777778vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Program .program_box--list_item .summary .detail h4 {
    margin-bottom: calc(5.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item .summary .detail h4 {
    margin-bottom: calc(2.7777777778vw);
  }
}
@media (max-width: 767px) {
  #Program .program_box--list_item .summary .detail p {
    font-size: 10px !important;
    height: auto;
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Program .program_box--list_item .summary .detail p {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item .summary .detail p {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (max-width: 767px) {
  #Program .program_box--list_item:not(:last-child) {
    margin-bottom: calc(1.1111111111vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Program .program_box--list_item:not(:last-child) {
    margin-bottom: calc(2.1333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Program .program_box--list_item:not(:last-child) {
    margin-bottom: calc(1.1111111111vw);
  }
}
#WorkStyle .workstyle_box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding: calc(5.5555555556vw) calc(18.0555555556vw) calc(8.3333333333vw);
}
@media (max-width: 767px) {
  #WorkStyle .workstyle_box {
    padding: calc(10.6666666667vw) calc(34.6666666667vw) calc(16vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #WorkStyle .workstyle_box {
    padding: calc(5.5555555556vw) calc(18.0555555556vw) calc(8.3333333333vw);
  }
}
#WorkStyle .workstyle_box--list {
  width: 100%;
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  box-sizing: border-box;
  padding: calc(0vw) calc(7.2916666667vw);
}
@media (max-width: 767px) {
  #WorkStyle .workstyle_box--list {
    padding: calc(0vw) calc(14vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #WorkStyle .workstyle_box--list {
    padding: calc(0vw) calc(7.2916666667vw);
  }
}
#WorkStyle .workstyle_box--list_item {
  width: calc(22.9166666667vw);
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (max-width: 767px) {
  #WorkStyle .workstyle_box--list_item {
    width: calc(44vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #WorkStyle .workstyle_box--list_item {
    width: calc(22.9166666667vw);
  }
}
#WorkStyle .workstyle_box--list_item--img {
  width: calc(12.5vw);
  margin-bottom: calc(1.6666666667vw);
}
@media (max-width: 767px) {
  #WorkStyle .workstyle_box--list_item--img {
    width: calc(24vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #WorkStyle .workstyle_box--list_item--img {
    width: calc(12.5vw);
  }
}
@media (max-width: 767px) {
  #WorkStyle .workstyle_box--list_item--img {
    margin-bottom: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #WorkStyle .workstyle_box--list_item--img {
    margin-bottom: calc(1.6666666667vw);
  }
}
#WorkStyle .workstyle_box--list_item--content {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#WorkStyle .workstyle_box--list_item--content_title {
  font-size: min(1.25vw, 18px);
  line-height: calc(1.25vw * 2);
  color: #CE1B2E;
  margin-bottom: calc(1.1111111111vw);
}
@media (max-width: 767px) {
  #WorkStyle .workstyle_box--list_item--content_title {
    font-size: min(2.4vw, 18px);
    line-height: calc(2.4vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #WorkStyle .workstyle_box--list_item--content_title {
    font-size: min(1.25vw, 18px);
    line-height: calc(1.25vw * 2);
  }
}
@media (max-width: 767px) {
  #WorkStyle .workstyle_box--list_item--content_title {
    margin-bottom: calc(2.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #WorkStyle .workstyle_box--list_item--content_title {
    margin-bottom: calc(1.1111111111vw);
  }
}
#WorkStyle .workstyle_box--list_item--content_text {
  font-size: min(1.1111111111vw, 16px);
  line-height: calc(1.1111111111vw * 2);
}
@media (max-width: 767px) {
  #WorkStyle .workstyle_box--list_item--content_text {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #WorkStyle .workstyle_box--list_item--content_text {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
#WorkStyle .workstyle_box--list_item:nth-child(-n+2) {
  margin-bottom: calc(4.8611111111vw);
}
@media (max-width: 767px) {
  #WorkStyle .workstyle_box--list_item:nth-child(-n+2) {
    margin-bottom: calc(9.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #WorkStyle .workstyle_box--list_item:nth-child(-n+2) {
    margin-bottom: calc(4.8611111111vw);
  }
}

@media (min-width: 767px) and (max-width: 1000px) {
  #WorkStyle .workstyle_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #WorkStyle .workstyle_box {
    padding: calc(13.3333333333vw) calc(6.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #WorkStyle .workstyle_box {
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #WorkStyle .workstyle_box--list {
    width: 100%;
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: calc(0vw) calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #WorkStyle .workstyle_box--list {
    padding: calc(0vw) calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #WorkStyle .workstyle_box--list {
    padding: calc(0vw) calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #WorkStyle .workstyle_box--list_item {
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto;
  }
  #WorkStyle .workstyle_box--list_item--img {
    width: calc(12.5vw);
    margin-bottom: calc(1.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #WorkStyle .workstyle_box--list_item--img {
    width: calc(24vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #WorkStyle .workstyle_box--list_item--img {
    width: calc(12.5vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #WorkStyle .workstyle_box--list_item--img {
    margin-bottom: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #WorkStyle .workstyle_box--list_item--img {
    margin-bottom: calc(1.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #WorkStyle .workstyle_box--list_item--content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #WorkStyle .workstyle_box--list_item--content_title {
    font-size: 15px !important;
    color: #CE1B2E;
    margin-bottom: calc(1.1111111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #WorkStyle .workstyle_box--list_item--content_title {
    margin-bottom: calc(2.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #WorkStyle .workstyle_box--list_item--content_title {
    margin-bottom: calc(1.1111111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #WorkStyle .workstyle_box--list_item--content_text {
    font-size: 12px !important;
  }
  #WorkStyle .workstyle_box--list_item:nth-child(-n+2) {
    margin-bottom: calc(4.8611111111vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #WorkStyle .workstyle_box--list_item:nth-child(-n+2) {
    margin-bottom: calc(9.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #WorkStyle .workstyle_box--list_item:nth-child(-n+2) {
    margin-bottom: calc(4.8611111111vw);
  }
}
@media (max-width: 767px) {
  #WorkStyle .workstyle_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #WorkStyle .workstyle_box {
    padding: calc(13.3333333333vw) calc(6.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #WorkStyle .workstyle_box {
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (max-width: 767px) {
  #WorkStyle .workstyle_box--list {
    width: 100%;
    list-style: none;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding: calc(0vw) calc(0vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #WorkStyle .workstyle_box--list {
    padding: calc(0vw) calc(0vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #WorkStyle .workstyle_box--list {
    padding: calc(0vw) calc(0vw);
  }
}
@media (max-width: 767px) {
  #WorkStyle .workstyle_box--list_item {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #WorkStyle .workstyle_box--list_item--img {
    width: calc(12.5vw);
    margin-bottom: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #WorkStyle .workstyle_box--list_item--img {
    width: calc(24vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #WorkStyle .workstyle_box--list_item--img {
    width: calc(12.5vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #WorkStyle .workstyle_box--list_item--img {
    margin-bottom: calc(3.2vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #WorkStyle .workstyle_box--list_item--img {
    margin-bottom: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) {
  #WorkStyle .workstyle_box--list_item--content {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #WorkStyle .workstyle_box--list_item--content_title {
    font-size: 14px !important;
    color: #CE1B2E;
    margin-bottom: calc(1.1111111111vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #WorkStyle .workstyle_box--list_item--content_title {
    margin-bottom: calc(2.1333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #WorkStyle .workstyle_box--list_item--content_title {
    margin-bottom: calc(1.1111111111vw);
  }
}
@media (max-width: 767px) {
  #WorkStyle .workstyle_box--list_item--content_text {
    font-size: 10px !important;
  }
  #WorkStyle .workstyle_box--list_item:nth-child(-n+2) {
    margin-bottom: calc(4.8611111111vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #WorkStyle .workstyle_box--list_item:nth-child(-n+2) {
    margin-bottom: calc(9.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #WorkStyle .workstyle_box--list_item:nth-child(-n+2) {
    margin-bottom: calc(4.8611111111vw);
  }
}
#WorkStyle.jtc .workstyle_box--list_item--content_title {
  color: #023C82 !important;
}

#Benefit .benefit_box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding: calc(5.5555555556vw) calc(15.4861111111vw) calc(5.5555555556vw);
  background: #F9F9F9;
}
@media (max-width: 767px) {
  #Benefit .benefit_box {
    padding: calc(10.6666666667vw) calc(29.7333333333vw) calc(10.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Benefit .benefit_box {
    padding: calc(5.5555555556vw) calc(15.4861111111vw) calc(5.5555555556vw);
  }
}
#Benefit .benefit_box--inner {
  width: 100%;
  background: #fff;
}
#Benefit .benefit_box--inner table {
  width: 100%;
}
#Benefit .benefit_box--inner table th,
#Benefit .benefit_box--inner table td {
  box-sizing: border-box;
  padding: calc(1.6666666667vw);
}
@media (max-width: 767px) {
  #Benefit .benefit_box--inner table th,
  #Benefit .benefit_box--inner table td {
    padding: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Benefit .benefit_box--inner table th,
  #Benefit .benefit_box--inner table td {
    padding: calc(1.6666666667vw);
  }
}
#Benefit .benefit_box--inner table th {
  width: 30%;
  border-bottom: 3px solid #B70000;
}
#Benefit .benefit_box--inner table td {
  width: 70%;
  border-bottom: 1px solid #A0A8B6;
  border-left: 4px solid #F9F9F9;
  font-size: min(1.1111111111vw, 16px);
  line-height: calc(1.1111111111vw * 2);
}
@media (max-width: 767px) {
  #Benefit .benefit_box--inner table td {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Benefit .benefit_box--inner table td {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
#Benefit .benefit_box--inner table td .img_wrap {
  margin-top: calc(0.6944444444vw);
}
@media (max-width: 767px) {
  #Benefit .benefit_box--inner table td .img_wrap {
    margin-top: calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Benefit .benefit_box--inner table td .img_wrap {
    margin-top: calc(0.6944444444vw);
  }
}
#Benefit .benefit_box--inner table td .img_wrap p {
  margin-bottom: calc(0.3472222222vw);
}
@media (max-width: 767px) {
  #Benefit .benefit_box--inner table td .img_wrap p {
    margin-bottom: calc(0.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Benefit .benefit_box--inner table td .img_wrap p {
    margin-bottom: calc(0.3472222222vw);
  }
}
#Benefit .benefit_box--inner table td .img_wrap--title {
  font-weight: 700;
}
#Benefit .benefit_box--inner table td .img_wrap--subtitle {
  margin-top: calc(0.6944444444vw);
}
@media (max-width: 767px) {
  #Benefit .benefit_box--inner table td .img_wrap--subtitle {
    margin-top: calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Benefit .benefit_box--inner table td .img_wrap--subtitle {
    margin-top: calc(0.6944444444vw);
  }
}
#Benefit .benefit_box--inner table td .img_wrap img {
  width: 70%;
}

@media (min-width: 767px) and (max-width: 1000px) {
  #Benefit .benefit_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
    background: #F9F9F9;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Benefit .benefit_box {
    padding: calc(13.3333333333vw) calc(6.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Benefit .benefit_box {
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Benefit .benefit_box--inner {
    width: 100%;
    background: #fff;
  }
  #Benefit .benefit_box--inner table {
    width: 100%;
  }
  #Benefit .benefit_box--inner table th,
  #Benefit .benefit_box--inner table td {
    box-sizing: border-box;
    padding: calc(1.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Benefit .benefit_box--inner table th,
  #Benefit .benefit_box--inner table td {
    padding: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Benefit .benefit_box--inner table th,
  #Benefit .benefit_box--inner table td {
    padding: calc(1.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Benefit .benefit_box--inner table th {
    width: 30%;
    border-bottom: 3px solid #B70000;
    font-size: 12px;
    line-height: 1.8;
  }
  #Benefit .benefit_box--inner table td {
    width: 70%;
    border-bottom: 1px solid #A0A8B6;
    border-left: 4px solid #F9F9F9;
    font-size: 12px !important;
  }
  #Benefit .benefit_box--inner table td .img_wrap {
    margin-top: calc(0.6944444444vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Benefit .benefit_box--inner table td .img_wrap {
    margin-top: calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Benefit .benefit_box--inner table td .img_wrap {
    margin-top: calc(0.6944444444vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Benefit .benefit_box--inner table td .img_wrap p {
    margin-bottom: calc(0.3472222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Benefit .benefit_box--inner table td .img_wrap p {
    margin-bottom: calc(0.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Benefit .benefit_box--inner table td .img_wrap p {
    margin-bottom: calc(0.3472222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Benefit .benefit_box--inner table td .img_wrap--title {
    font-weight: 700;
  }
  #Benefit .benefit_box--inner table td .img_wrap--subtitle {
    margin-top: calc(0.6944444444vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Benefit .benefit_box--inner table td .img_wrap--subtitle {
    margin-top: calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Benefit .benefit_box--inner table td .img_wrap--subtitle {
    margin-top: calc(0.6944444444vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Benefit .benefit_box--inner table td .img_wrap img {
    width: 70%;
  }
}
@media (max-width: 767px) {
  #Benefit .benefit_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-sizing: border-box;
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
    background: #F9F9F9;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Benefit .benefit_box {
    padding: calc(13.3333333333vw) calc(6.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Benefit .benefit_box {
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (max-width: 767px) {
  #Benefit .benefit_box--inner {
    width: 100%;
    background: #fff;
  }
  #Benefit .benefit_box--inner table {
    width: 100%;
  }
  #Benefit .benefit_box--inner table th,
  #Benefit .benefit_box--inner table td {
    box-sizing: border-box;
    padding: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Benefit .benefit_box--inner table th,
  #Benefit .benefit_box--inner table td {
    padding: calc(3.2vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Benefit .benefit_box--inner table th,
  #Benefit .benefit_box--inner table td {
    padding: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) {
  #Benefit .benefit_box--inner table th {
    width: 30%;
    border-bottom: 3px solid #B70000;
    font-size: 11px;
    line-height: 1.8;
  }
  #Benefit .benefit_box--inner table td {
    width: 70%;
    border-bottom: 1px solid #A0A8B6;
    border-left: 4px solid #F9F9F9;
    font-size: 10px !important;
  }
  #Benefit .benefit_box--inner table td .img_wrap {
    margin-top: calc(0.6944444444vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Benefit .benefit_box--inner table td .img_wrap {
    margin-top: calc(1.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Benefit .benefit_box--inner table td .img_wrap {
    margin-top: calc(0.6944444444vw);
  }
}
@media (max-width: 767px) {
  #Benefit .benefit_box--inner table td .img_wrap p {
    margin-bottom: calc(0.3472222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Benefit .benefit_box--inner table td .img_wrap p {
    margin-bottom: calc(0.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Benefit .benefit_box--inner table td .img_wrap p {
    margin-bottom: calc(0.3472222222vw);
  }
}
@media (max-width: 767px) {
  #Benefit .benefit_box--inner table td .img_wrap--title {
    font-weight: 700;
  }
  #Benefit .benefit_box--inner table td .img_wrap--subtitle {
    margin-top: calc(0.6944444444vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Benefit .benefit_box--inner table td .img_wrap--subtitle {
    margin-top: calc(1.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Benefit .benefit_box--inner table td .img_wrap--subtitle {
    margin-top: calc(0.6944444444vw);
  }
}
@media (max-width: 767px) {
  #Benefit .benefit_box--inner table td .img_wrap img {
    width: 70%;
  }
}
#Benefit.jtc .benefit_box--inner table th {
  border-bottom: 3px solid #023C82 !important;
}

#Gallery .gallery_box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-sizing: border-box;
  padding: calc(8.3333333333vw) calc(0vw);
}
@media (max-width: 767px) {
  #Gallery .gallery_box {
    padding: calc(16vw) calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Gallery .gallery_box {
    padding: calc(8.3333333333vw) calc(0vw);
  }
}
#Gallery .gallery_box .gallery-container {
  width: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
#Gallery .gallery_box .gallery-list {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  animation: scrollLeft 40s linear infinite;
}
#Gallery .gallery_box .gallery-list li {
  flex-shrink: 0;
  margin-right: calc(2.2222222222vw);
}
@media (max-width: 767px) {
  #Gallery .gallery_box .gallery-list li {
    margin-right: calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Gallery .gallery_box .gallery-list li {
    margin-right: calc(2.2222222222vw);
  }
}
#Gallery .gallery_box .gallery-list li img {
  width: calc(24.3055555556vw);
  height: calc(17.3611111111vw);
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
@media (max-width: 767px) {
  #Gallery .gallery_box .gallery-list li img {
    width: calc(46.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Gallery .gallery_box .gallery-list li img {
    width: calc(24.3055555556vw);
  }
}
@media (max-width: 767px) {
  #Gallery .gallery_box .gallery-list li img {
    height: calc(33.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Gallery .gallery_box .gallery-list li img {
    height: calc(17.3611111111vw);
  }
}
#Gallery .gallery_box .gallery-list.middle {
  animation: scrollright 40s linear infinite;
}
@keyframes scrollLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@keyframes scrollright {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}

#Contact #ContactContent {
  width: 100%;
}
#Contact #ContactContent .contact_inner {
  width: 100%;
  margin-left: calc(4.1666666667vw);
  box-sizing: border-box;
  padding-bottom: calc(8.3333333333vw);
}
@media (max-width: 767px) {
  #Contact #ContactContent .contact_inner {
    margin-left: calc(8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner {
    margin-left: calc(4.1666666667vw);
  }
}
@media (max-width: 767px) {
  #Contact #ContactContent .contact_inner {
    padding-bottom: calc(16vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner {
    padding-bottom: calc(8.3333333333vw);
  }
}
#Contact #ContactContent .contact_inner .contact_box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#Contact #ContactContent .contact_inner .contact_box .text_loop_wrapper {
  margin-left: calc(-4.1666666667vw);
}
@media (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .text_loop_wrapper {
    margin-left: calc(-8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .text_loop_wrapper {
    margin-left: calc(-4.1666666667vw);
  }
}
#Contact #ContactContent .contact_inner .contact_box .form_wrap {
  width: calc(66.5277777778vw);
}
@media (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap {
    width: calc(127.7333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap {
    width: calc(66.5277777778vw);
  }
}
#Contact #ContactContent .contact_inner .contact_box .form_wrap form {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap p {
  width: 100%;
}
#Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap label {
  font-size: min(1.25vw, 18px);
  line-height: calc(1.25vw * 2);
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap label {
    font-size: min(2.4vw, 18px);
    line-height: calc(2.4vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap label {
    font-size: min(1.25vw, 18px);
    line-height: calc(1.25vw * 2);
  }
}
#Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap label span {
  font-size: min(0.9722222222vw, 14px);
  line-height: calc(0.9722222222vw * 1);
  color: #fff;
  box-sizing: border-box;
  padding: calc(0.4166666667vw) calc(0.8333333333vw);
  background: #B70000;
  border-radius: 4px;
  margin-left: calc(1.1111111111vw);
}
@media (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap label span {
    font-size: min(1.8666666667vw, 14px);
    line-height: calc(1.8666666667vw * 1);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap label span {
    font-size: min(0.9722222222vw, 14px);
    line-height: calc(0.9722222222vw * 1);
  }
}
@media (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap label span {
    padding: calc(0.8vw) calc(1.6vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap label span {
    padding: calc(0.4166666667vw) calc(0.8333333333vw);
  }
}
@media (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap label span {
    margin-left: calc(2.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap label span {
    margin-left: calc(1.1111111111vw);
  }
}
#Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap input {
  width: 100%;
  height: calc(3.125vw);
  margin-top: calc(1.1111111111vw);
  border: 1px solid #B8B8B8;
  box-sizing: border-box;
  padding-left: calc(1.4930555556vw);
  font-size: min(1.1111111111vw, 16px);
}
@media (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap input {
    height: calc(6vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap input {
    height: calc(3.125vw);
  }
}
@media (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap input {
    margin-top: calc(2.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap input {
    margin-top: calc(1.1111111111vw);
  }
}
@media (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap input {
    padding-left: calc(2.8666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap input {
    padding-left: calc(1.4930555556vw);
  }
}
@media (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap input {
    font-size: min(2.1333333333vw, 16px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap input {
    font-size: min(1.1111111111vw, 16px);
  }
}
#Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap input::-moz-placeholder {
  color: #B9B9B9;
}
#Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap input::placeholder {
  color: #B9B9B9;
}
#Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap textarea {
  width: 100%;
  height: calc(16.6666666667vw);
  margin-top: calc(1.1111111111vw);
  border: 1px solid #B8B8B8;
  box-sizing: border-box;
  padding: calc(1.4930555556vw);
  font-size: min(1.1111111111vw, 16px);
}
@media (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap textarea {
    height: calc(32vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap textarea {
    height: calc(16.6666666667vw);
  }
}
@media (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap textarea {
    margin-top: calc(2.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap textarea {
    margin-top: calc(1.1111111111vw);
  }
}
@media (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap textarea {
    padding: calc(2.8666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap textarea {
    padding: calc(1.4930555556vw);
  }
}
@media (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap textarea {
    font-size: min(2.1333333333vw, 16px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap textarea {
    font-size: min(1.1111111111vw, 16px);
  }
}
#Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap:not(:first-child) {
  margin-top: calc(2.2222222222vw);
}
@media (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap:not(:first-child) {
    margin-top: calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap:not(:first-child) {
    margin-top: calc(2.2222222222vw);
  }
}
#Contact #ContactContent .contact_inner .contact_box .form_wrap form .privacy_wrap {
  align-self: center;
  margin: calc(2.7777777778vw) calc(0vw) calc(2.0833333333vw);
  display: flex;
  flex-direction: row;
  align-items: center;
  font-size: min(1.1111111111vw, 16px);
}
@media (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .privacy_wrap {
    margin: calc(5.3333333333vw) calc(0vw) calc(4vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .privacy_wrap {
    margin: calc(2.7777777778vw) calc(0vw) calc(2.0833333333vw);
  }
}
@media (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .privacy_wrap {
    font-size: min(2.1333333333vw, 16px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .privacy_wrap {
    font-size: min(1.1111111111vw, 16px);
  }
}
#Contact #ContactContent .contact_inner .contact_box .form_wrap form .privacy_wrap a {
  text-decoration: underline;
}
#Contact #ContactContent .contact_inner .contact_box .form_wrap form input[type=submit] {
  align-self: center;
  width: calc(27.2222222222vw);
  height: calc(4.1666666667vw);
  background: #CE1B2E;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: min(1.25vw, 18px);
  font-weight: 700;
  border-radius: 4.86vw;
  transition: all 0.4s ease;
}
@media (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form input[type=submit] {
    width: calc(52.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form input[type=submit] {
    width: calc(27.2222222222vw);
  }
}
@media (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form input[type=submit] {
    height: calc(8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form input[type=submit] {
    height: calc(4.1666666667vw);
  }
}
@media (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form input[type=submit] {
    font-size: min(2.4vw, 18px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form input[type=submit] {
    font-size: min(1.25vw, 18px);
  }
}
#Contact #ContactContent .contact_inner .contact_box .form_wrap form input[type=submit]:hover {
  background: #fff;
  border: 1px solid #B70000;
  color: #B70000;
}
#Contact #ContactContent .contact_inner .contact_box .form_wrap > p {
  display: flex;
  justify-content: center;
}

@media (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent {
    width: 100%;
  }
  #Contact #ContactContent .contact_inner {
    width: 100%;
    box-sizing: border-box;
    padding-bottom: calc(8.3333333333vw);
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
    margin-left: 0;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Contact #ContactContent .contact_inner {
    padding-bottom: calc(16vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner {
    padding-bottom: calc(8.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Contact #ContactContent .contact_inner {
    padding: calc(13.3333333333vw) calc(6.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner {
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #Contact #ContactContent .contact_inner .contact_box .text_loop_wrapper {
    margin-left: calc(-4.1666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .text_loop_wrapper {
    margin-left: calc(-8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .text_loop_wrapper {
    margin-left: calc(-4.1666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap {
    width: 100%;
  }
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap p {
    width: 100%;
  }
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap label {
    font-size: 13px;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap label span {
    padding: calc(0.625vw) calc(1.0416666667vw);
    font-size: 10px;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap label span {
    padding: calc(1.2vw) calc(2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap label span {
    padding: calc(0.625vw) calc(1.0416666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap input {
    height: 40px !important;
    margin-top: -10px;
  }
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap input::-moz-placeholder {
    color: #B9B9B9;
  }
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap input::placeholder {
    color: #B9B9B9;
  }
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap textarea {
    margin-top: -10px;
  }
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap:not(:first-child) {
    margin-top: calc(2.2222222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap:not(:first-child) {
    margin-top: calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap:not(:first-child) {
    margin-top: calc(2.2222222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .privacy_wrap {
    align-self: center;
    margin: calc(2.7777777778vw) calc(0vw) calc(2.0833333333vw);
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: min(1.1111111111vw, 16px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .privacy_wrap {
    margin: calc(5.3333333333vw) calc(0vw) calc(4vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .privacy_wrap {
    margin: calc(2.7777777778vw) calc(0vw) calc(2.0833333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .privacy_wrap {
    font-size: min(2.1333333333vw, 16px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .privacy_wrap {
    font-size: min(1.1111111111vw, 16px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .privacy_wrap a {
    text-decoration: underline;
  }
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form input[type=submit] {
    align-self: center;
    width: calc(27.2222222222vw);
    height: calc(4.1666666667vw);
    background: #CE1B2E;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-size: 12px !important;
    font-weight: 700;
    border-radius: 4.86vw;
    transition: all 0.4s ease;
    height: 40px;
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form input[type=submit] {
    width: calc(52.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form input[type=submit] {
    width: calc(27.2222222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form input[type=submit] {
    height: calc(8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form input[type=submit] {
    height: calc(4.1666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form input[type=submit]:hover {
    background: #fff;
    border: 1px solid #B70000;
    color: #B70000;
  }
  #Contact #ContactContent .contact_inner .contact_box .form_wrap > p {
    display: flex;
    justify-content: center;
  }
  .wpcf7-spinner {
    display: none !important;
  }
}
@media (max-width: 767px) {
  #Contact #ContactContent {
    width: 100%;
  }
  #Contact #ContactContent .contact_inner {
    width: 100%;
    box-sizing: border-box;
    padding-bottom: calc(8.3333333333vw);
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
    margin-left: 0;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Contact #ContactContent .contact_inner {
    padding-bottom: calc(16vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner {
    padding-bottom: calc(8.3333333333vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Contact #ContactContent .contact_inner {
    padding: calc(13.3333333333vw) calc(6.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner {
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #Contact #ContactContent .contact_inner .contact_box .text_loop_wrapper {
    margin-left: calc(-4.1666666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .text_loop_wrapper {
    margin-left: calc(-8vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .text_loop_wrapper {
    margin-left: calc(-4.1666666667vw);
  }
}
@media (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap {
    width: 100%;
  }
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap p {
    width: 100%;
  }
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap label {
    font-size: 13px;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap label span {
    padding: calc(0.625vw) calc(1.0416666667vw);
    font-size: 10px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap label span {
    padding: calc(1.2vw) calc(2vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap label span {
    padding: calc(0.625vw) calc(1.0416666667vw);
  }
}
@media (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap input {
    height: 40px !important;
    margin-top: -10px;
  }
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap input::-moz-placeholder {
    color: #B9B9B9;
  }
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap input::placeholder {
    color: #B9B9B9;
  }
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap textarea {
    margin-top: -10px;
  }
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap:not(:first-child) {
    margin-top: calc(2.2222222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap:not(:first-child) {
    margin-top: calc(4.2666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .input_wrap:not(:first-child) {
    margin-top: calc(2.2222222222vw);
  }
}
@media (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .privacy_wrap {
    align-self: center;
    margin: calc(2.7777777778vw) calc(0vw) calc(2.0833333333vw);
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: min(1.1111111111vw, 16px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .privacy_wrap {
    margin: calc(5.3333333333vw) calc(0vw) calc(4vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .privacy_wrap {
    margin: calc(2.7777777778vw) calc(0vw) calc(2.0833333333vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .privacy_wrap {
    font-size: min(2.1333333333vw, 16px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .privacy_wrap {
    font-size: min(1.1111111111vw, 16px);
  }
}
@media (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form .privacy_wrap a {
    text-decoration: underline;
  }
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form input[type=submit] {
    align-self: center;
    width: calc(27.2222222222vw);
    height: calc(4.1666666667vw);
    background: #CE1B2E;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    font-size: 12px !important;
    font-weight: 700;
    border-radius: 4.86vw;
    transition: all 0.4s ease;
    height: 40px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form input[type=submit] {
    width: calc(52.2666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form input[type=submit] {
    width: calc(27.2222222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form input[type=submit] {
    height: calc(8vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form input[type=submit] {
    height: calc(4.1666666667vw);
  }
}
@media (max-width: 767px) {
  #Contact #ContactContent .contact_inner .contact_box .form_wrap form input[type=submit]:hover {
    background: #fff;
    border: 1px solid #B70000;
    color: #B70000;
  }
  #Contact #ContactContent .contact_inner .contact_box .form_wrap > p {
    display: flex;
    justify-content: center;
  }
  .wpcf7-spinner {
    display: none !important;
  }
}
/* 例: CF7 のエラーメッセージを既存トーンに合わせる */
.wpcf7 form .wpcf7-not-valid-tip {
  color: #c00;
  font-size: 12px;
  margin-top: 4px;
}

.wpcf7 form .wpcf7-response-output {
  margin-top: 12px;
  padding: 10px;
  border: 1px solid #ddd;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #4caf50;
}

.hp-field {
  display: none;
}

/* プライバシーポリシー */
.privacy_block {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
}

.privacy_title {
  font-size: 1rem;
  margin: 0 0 8px;
}

.privacy_box {
  width: 100%;
  max-height: 200px;
  /* 高さは好みに応じて調整 */
  overflow: auto;
  /* スクロールを有効化 */
  border: 1px solid #ddd;
  border-radius: 6px;
  padding: 12px 14px;
  background: #fff;
  line-height: 1.7;
}

.privacy_box p {
  margin: 0 0 1em;
}

.privacy_check {
  display: block;
  margin-top: 10px;
  font-size: 0.95rem;
}

.privacy_check input {
  -webkit-appearance: auto;
  width: 20px;
  height: 20px;
}

.wpcf7-form-control-wrap {
  display: block;
}

.privacy_check br {
  display: none;
}

@media (min-width: 767px) and (max-width: 1000px) {
  input,
  textarea {
    font-size: 12px !important;
  }
  .privacy_title {
    font-size: 12px;
  }
  .privacy_check {
    margin-bottom: 20px;
  }
  .privacy_box p {
    font-size: 12px;
  }
  .wpcf7-list-item-label {
    font-size: 12px;
  }
}
@media (max-width: 767px) {
  input,
  textarea {
    font-size: 10px !important;
  }
  .privacy_title {
    font-size: 12px;
  }
  .privacy_check {
    margin-bottom: 20px;
  }
  .privacy_box p {
    font-size: 10px;
  }
  .wpcf7-list-item-label {
    font-size: 12px;
  }
}
#ArchiveNews {
  width: 100%;
}
#ArchiveNews .archive_inner {
  width: 100%;
  margin-left: calc(4.1666666667vw);
  box-sizing: border-box;
  padding-bottom: calc(3.4722222222vw);
}
@media (max-width: 767px) {
  #ArchiveNews .archive_inner {
    margin-left: calc(8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .archive_inner {
    margin-left: calc(4.1666666667vw);
  }
}
@media (max-width: 767px) {
  #ArchiveNews .archive_inner {
    padding-bottom: calc(6.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .archive_inner {
    padding-bottom: calc(3.4722222222vw);
  }
}
#ArchiveNews .archive_inner .archive_box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#ArchiveNews .archive_inner .archive_box .text_loop_wrapper {
  margin-left: calc(-4.1666666667vw);
}
@media (max-width: 767px) {
  #ArchiveNews .archive_inner .archive_box .text_loop_wrapper {
    margin-left: calc(-8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .archive_inner .archive_box .text_loop_wrapper {
    margin-left: calc(-4.1666666667vw);
  }
}
#ArchiveNews .archive_inner .archive_box--inner {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  box-sizing: border-box;
  padding-top: calc(3.4722222222vw);
}
@media (max-width: 767px) {
  #ArchiveNews .archive_inner .archive_box--inner {
    padding-top: calc(6.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .archive_inner .archive_box--inner {
    padding-top: calc(3.4722222222vw);
  }
}
#ArchiveNews .top_news--sidebar {
  margin-left: calc(6.9444444444vw);
  box-sizing: border-box;
  padding: calc(2.8472222222vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--sidebar {
    margin-left: calc(13.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--sidebar {
    margin-left: calc(6.9444444444vw);
  }
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--sidebar {
    padding: calc(5.4666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--sidebar {
    padding: calc(2.8472222222vw);
  }
}
#ArchiveNews .top_news--sidebar .s--title {
  margin-bottom: calc(4.1666666667vw);
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--sidebar .s--title {
    margin-bottom: calc(8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--sidebar .s--title {
    margin-bottom: calc(4.1666666667vw);
  }
}
#ArchiveNews .top_news--sidebar_list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  padding-right: calc(2.9166666667vw);
  margin-bottom: calc(11.6666666667vw);
  list-style: none;
  margin: 0;
  padding: 0;
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--sidebar_list {
    padding-right: calc(5.6vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--sidebar_list {
    padding-right: calc(2.9166666667vw);
  }
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--sidebar_list {
    margin-bottom: calc(22.4vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--sidebar_list {
    margin-bottom: calc(11.6666666667vw);
  }
}
#ArchiveNews .top_news--sidebar_list li {
  margin-bottom: calc(1.1111111111vw);
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--sidebar_list li {
    margin-bottom: calc(2.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--sidebar_list li {
    margin-bottom: calc(1.1111111111vw);
  }
}
#ArchiveNews .top_news--sidebar_list li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: min(0.9722222222vw, 14px);
  box-sizing: border-box;
  padding: calc(0.8333333333vw);
  border-radius: 2.78vw;
  border: 1px solid #262523;
  transition: all 0.3s 0s ease;
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--sidebar_list li a {
    font-size: min(1.8666666667vw, 14px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--sidebar_list li a {
    font-size: min(0.9722222222vw, 14px);
  }
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--sidebar_list li a {
    padding: calc(1.6vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--sidebar_list li a {
    padding: calc(0.8333333333vw);
  }
}
#ArchiveNews .top_news--sidebar_list li a:hover {
  opacity: 0.85;
}
#ArchiveNews .top_news--sidebar_list li a.is-active {
  color: #fff;
  background: linear-gradient(to right, #760813, #262523);
  /* お好みで */
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
}
#ArchiveNews .top_news--sidebar_list li:hover a {
  background: #262523;
  color: #fff;
}
#ArchiveNews .top_news--sidebar_more {
  align-self: flex-end;
  width: calc(8.8888888889vw);
  height: calc(2.9166666667vw);
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #262523;
  border-radius: 3.47vw;
  position: relative;
  box-sizing: border-box;
  padding-left: calc(1.6666666667vw);
  transition: all 0.3s 0s ease;
  border: 1px solid #262523;
  overflow: hidden;
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--sidebar_more {
    width: calc(17.0666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--sidebar_more {
    width: calc(8.8888888889vw);
  }
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--sidebar_more {
    height: calc(5.6vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--sidebar_more {
    height: calc(2.9166666667vw);
  }
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--sidebar_more {
    padding-left: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--sidebar_more {
    padding-left: calc(1.6666666667vw);
  }
}
#ArchiveNews .top_news--sidebar_more span {
  font-size: min(1.0416666667vw, 15px);
  font-family: "Questrial", sans-serif;
  font-weight: 400;
  color: #fff;
  transition: all 0.3s 0s ease;
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--sidebar_more span {
    font-size: min(2vw, 15px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--sidebar_more span {
    font-size: min(1.0416666667vw, 15px);
  }
}
#ArchiveNews .top_news--sidebar_more::before {
  content: "";
  display: block;
  width: calc(0.6944444444vw);
  height: calc(0.6944444444vw);
  border-radius: 50%;
  background: #fff;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) scale(1);
  right: 10%;
  transition: all 0.3s 0s ease;
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--sidebar_more::before {
    width: calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--sidebar_more::before {
    width: calc(0.6944444444vw);
  }
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--sidebar_more::before {
    height: calc(1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--sidebar_more::before {
    height: calc(0.6944444444vw);
  }
}
#ArchiveNews .top_news--sidebar_more:hover span {
  color: #262523;
  z-index: 1;
}
#ArchiveNews .top_news--sidebar_more:hover::before {
  transform: translateY(-50%) scale(100);
}
#ArchiveNews .top_news--content {
  border-left: 1px solid #262523;
  width: calc(61.8055555556vw);
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--content {
    width: calc(118.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--content {
    width: calc(61.8055555556vw);
  }
}
#ArchiveNews .top_news--content_list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
}
#ArchiveNews .top_news--content_list .top_news--content_item {
  width: 100%;
  transition: all 0.3s 0s ease;
}
#ArchiveNews .top_news--content_list .top_news--content_item a {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  padding: calc(2.7777777778vw) calc(0vw) calc(2.7777777778vw) calc(2.2222222222vw);
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--content_list .top_news--content_item a {
    padding: calc(5.3333333333vw) calc(0vw) calc(5.3333333333vw) calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--content_list .top_news--content_item a {
    padding: calc(2.7777777778vw) calc(0vw) calc(2.7777777778vw) calc(2.2222222222vw);
  }
}
#ArchiveNews .top_news--content_list .top_news--content_item_sub {
  margin-bottom: calc(1.1111111111vw);
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_sub {
    margin-bottom: calc(2.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_sub {
    margin-bottom: calc(1.1111111111vw);
  }
}
#ArchiveNews .top_news--content_list .top_news--content_item_sub .date {
  font-size: min(0.9027777778vw, 13px);
  font-weight: 600;
  margin-right: calc(2.2222222222vw);
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_sub .date {
    font-size: min(1.7333333333vw, 13px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_sub .date {
    font-size: min(0.9027777778vw, 13px);
  }
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_sub .date {
    margin-right: calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_sub .date {
    margin-right: calc(2.2222222222vw);
  }
}
#ArchiveNews .top_news--content_list .top_news--content_item_sub .cat {
  font-size: min(0.9722222222vw, 14px);
  font-weight: 500;
  display: flex;
  flex-direction: row;
  align-items: center;
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_sub .cat {
    font-size: min(1.8666666667vw, 14px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_sub .cat {
    font-size: min(0.9722222222vw, 14px);
  }
}
#ArchiveNews .top_news--content_list .top_news--content_item_sub .cat::before {
  content: "";
  display: block;
  width: calc(0.7638888889vw);
  height: calc(0.7638888889vw);
  border-radius: 50%;
  background: linear-gradient(to bottom right, #760813, #0F3D74);
  margin-right: calc(0.5555555556vw);
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_sub .cat::before {
    width: calc(1.4666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_sub .cat::before {
    width: calc(0.7638888889vw);
  }
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_sub .cat::before {
    height: calc(1.4666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_sub .cat::before {
    height: calc(0.7638888889vw);
  }
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_sub .cat::before {
    margin-right: calc(1.0666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_sub .cat::before {
    margin-right: calc(0.5555555556vw);
  }
}
#ArchiveNews .top_news--content_list .top_news--content_item_title {
  width: 100%;
  font-size: min(1.1111111111vw, 16px);
  line-height: calc(1.1111111111vw * 2);
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_title {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_title {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
#ArchiveNews .top_news--content_list .top_news--content_item:not(:last-child) {
  border-bottom: 1px solid #262523;
}
#ArchiveNews .top_news--content_list .top_news--content_item:hover {
  background: rgba(0, 0, 0, 0.12);
}

@media (max-width: 767px) {
  #ArchiveNews {
    width: 100%;
  }
  #ArchiveNews .archive_inner {
    width: 100%;
    margin: 0 10px !important;
    box-sizing: border-box;
    padding-bottom: calc(3.4722222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #ArchiveNews .archive_inner {
    padding-bottom: calc(6.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .archive_inner {
    padding-bottom: calc(3.4722222222vw);
  }
}
@media (max-width: 767px) {
  #ArchiveNews .archive_inner .archive_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  #ArchiveNews .archive_inner .archive_box .text_loop_wrapper {
    margin-left: calc(-4.1666666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #ArchiveNews .archive_inner .archive_box .text_loop_wrapper {
    margin-left: calc(-8vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .archive_inner .archive_box .text_loop_wrapper {
    margin-left: calc(-4.1666666667vw);
  }
}
@media (max-width: 767px) {
  #ArchiveNews .archive_inner .archive_box--inner {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    box-sizing: border-box;
    padding-top: calc(3.4722222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #ArchiveNews .archive_inner .archive_box--inner {
    padding-top: calc(6.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .archive_inner .archive_box--inner {
    padding-top: calc(3.4722222222vw);
  }
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--sidebar {
    margin-left: calc(0.6944444444vw);
    box-sizing: border-box;
    padding: calc(0.6944444444vw);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #ArchiveNews .top_news--sidebar {
    margin-left: calc(1.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--sidebar {
    margin-left: calc(0.6944444444vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #ArchiveNews .top_news--sidebar {
    padding: calc(1.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--sidebar {
    padding: calc(0.6944444444vw);
  }
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--sidebar .s--title {
    margin-bottom: calc(4.1666666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #ArchiveNews .top_news--sidebar .s--title {
    margin-bottom: calc(8vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--sidebar .s--title {
    margin-bottom: calc(4.1666666667vw);
  }
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--sidebar_list {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    box-sizing: border-box;
    padding-right: calc(2.9166666667vw);
    margin-bottom: calc(2.0833333333vw);
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #ArchiveNews .top_news--sidebar_list {
    padding-right: calc(5.6vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--sidebar_list {
    padding-right: calc(2.9166666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #ArchiveNews .top_news--sidebar_list {
    margin-bottom: calc(4vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--sidebar_list {
    margin-bottom: calc(2.0833333333vw);
  }
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--sidebar_list li {
    margin-bottom: calc(1.1111111111vw);
    margin-left: 10px;
    width: 30%;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #ArchiveNews .top_news--sidebar_list li {
    margin-bottom: calc(2.1333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--sidebar_list li {
    margin-bottom: calc(1.1111111111vw);
  }
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--sidebar_list li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: min(0.9722222222vw, 14px);
    box-sizing: border-box;
    padding: calc(0.8333333333vw);
    border-radius: 2.78vw;
    border: 1px solid #262523;
    transition: all 0.3s 0s ease;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #ArchiveNews .top_news--sidebar_list li a {
    font-size: min(1.8666666667vw, 14px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--sidebar_list li a {
    font-size: min(0.9722222222vw, 14px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #ArchiveNews .top_news--sidebar_list li a {
    padding: calc(1.6vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--sidebar_list li a {
    padding: calc(0.8333333333vw);
  }
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--sidebar_list li a:hover {
    opacity: 0.85;
  }
  #ArchiveNews .top_news--sidebar_list li a.is-active {
    color: #fff;
    background: linear-gradient(to right, #760813, #262523);
    /* お好みで */
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  }
  #ArchiveNews .top_news--sidebar_list li:hover a {
    background: #262523;
    color: #fff;
  }
  #ArchiveNews .top_news--sidebar_more {
    align-self: flex-end;
    width: calc(8.8888888889vw);
    height: calc(2.9166666667vw);
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #262523;
    border-radius: 3.47vw;
    position: relative;
    box-sizing: border-box;
    padding-left: calc(1.6666666667vw);
    transition: all 0.3s 0s ease;
    border: 1px solid #262523;
    overflow: hidden;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #ArchiveNews .top_news--sidebar_more {
    width: calc(17.0666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--sidebar_more {
    width: calc(8.8888888889vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #ArchiveNews .top_news--sidebar_more {
    height: calc(5.6vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--sidebar_more {
    height: calc(2.9166666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #ArchiveNews .top_news--sidebar_more {
    padding-left: calc(3.2vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--sidebar_more {
    padding-left: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--sidebar_more span {
    font-size: min(1.0416666667vw, 15px);
    font-family: "Questrial", sans-serif;
    font-weight: 400;
    color: #fff;
    transition: all 0.3s 0s ease;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #ArchiveNews .top_news--sidebar_more span {
    font-size: min(2vw, 15px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--sidebar_more span {
    font-size: min(1.0416666667vw, 15px);
  }
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--sidebar_more::before {
    content: "";
    display: block;
    width: calc(0.6944444444vw);
    height: calc(0.6944444444vw);
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%) scale(1);
    right: 10%;
    transition: all 0.3s 0s ease;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #ArchiveNews .top_news--sidebar_more::before {
    width: calc(1.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--sidebar_more::before {
    width: calc(0.6944444444vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #ArchiveNews .top_news--sidebar_more::before {
    height: calc(1.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--sidebar_more::before {
    height: calc(0.6944444444vw);
  }
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--sidebar_more:hover span {
    color: #262523;
    z-index: 1;
  }
  #ArchiveNews .top_news--sidebar_more:hover::before {
    transform: translateY(-50%) scale(100);
  }
  #ArchiveNews .top_news--content {
    border-left: none;
    width: 100%;
  }
  #ArchiveNews .top_news--content_list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
  }
  #ArchiveNews .top_news--content_list .top_news--content_item {
    width: 100%;
    transition: all 0.3s 0s ease;
  }
  #ArchiveNews .top_news--content_list .top_news--content_item a {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-sizing: border-box;
    padding: calc(2.7777777778vw) calc(0vw) calc(2.7777777778vw) calc(2.2222222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #ArchiveNews .top_news--content_list .top_news--content_item a {
    padding: calc(5.3333333333vw) calc(0vw) calc(5.3333333333vw) calc(4.2666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--content_list .top_news--content_item a {
    padding: calc(2.7777777778vw) calc(0vw) calc(2.7777777778vw) calc(2.2222222222vw);
  }
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_sub {
    margin-bottom: calc(1.1111111111vw);
    display: flex;
    flex-direction: row;
    align-items: center;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_sub {
    margin-bottom: calc(2.1333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_sub {
    margin-bottom: calc(1.1111111111vw);
  }
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_sub .date {
    font-size: min(0.9027777778vw, 13px);
    font-weight: 600;
    margin-right: calc(2.2222222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_sub .date {
    font-size: min(1.7333333333vw, 13px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_sub .date {
    font-size: min(0.9027777778vw, 13px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_sub .date {
    margin-right: calc(4.2666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_sub .date {
    margin-right: calc(2.2222222222vw);
  }
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_sub .cat {
    font-size: min(0.9722222222vw, 14px);
    font-weight: 500;
    display: flex;
    flex-direction: row;
    align-items: center;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_sub .cat {
    font-size: min(1.8666666667vw, 14px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_sub .cat {
    font-size: min(0.9722222222vw, 14px);
  }
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_sub .cat::before {
    content: "";
    display: block;
    width: calc(0.7638888889vw);
    height: calc(0.7638888889vw);
    border-radius: 50%;
    background: linear-gradient(to bottom right, #760813, #0F3D74);
    margin-right: calc(0.5555555556vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_sub .cat::before {
    width: calc(1.4666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_sub .cat::before {
    width: calc(0.7638888889vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_sub .cat::before {
    height: calc(1.4666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_sub .cat::before {
    height: calc(0.7638888889vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_sub .cat::before {
    margin-right: calc(1.0666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_sub .cat::before {
    margin-right: calc(0.5555555556vw);
  }
}
@media (max-width: 767px) {
  #ArchiveNews .top_news--content_list .top_news--content_item_title {
    width: 100%;
    font-size: 11px;
  }
  #ArchiveNews .top_news--content_list .top_news--content_item:not(:last-child) {
    border-bottom: 1px solid #262523;
  }
  #ArchiveNews .top_news--content_list .top_news--content_item:hover {
    background: rgba(0, 0, 0, 0.12);
  }
}
#SingleInterview .interview_inner {
  width: 100%;
  margin-left: calc(4.1666666667vw);
  box-sizing: border-box;
  padding: calc(0vw) calc(6.9444444444vw) calc(8.3333333333vw) calc(5.5555555556vw);
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner {
    margin-left: calc(8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner {
    margin-left: calc(4.1666666667vw);
  }
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner {
    padding: calc(0vw) calc(13.3333333333vw) calc(16vw) calc(10.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner {
    padding: calc(0vw) calc(6.9444444444vw) calc(8.3333333333vw) calc(5.5555555556vw);
  }
}
#SingleInterview .interview_inner .single_interview {
  width: 100%;
  box-sizing: border-box;
  padding: calc(3.4722222222vw) calc(0vw) calc(7.9861111111vw);
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview {
    padding: calc(6.6666666667vw) calc(0vw) calc(15.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview {
    padding: calc(3.4722222222vw) calc(0vw) calc(7.9861111111vw);
  }
}
#SingleInterview .interview_inner .single_interview_box {
  width: calc(100% - 41.66vw);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  box-sizing: border-box;
  padding-top: calc(1.3888888889vw);
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box {
    padding-top: calc(2.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_box {
    padding-top: calc(1.3888888889vw);
  }
}
#SingleInterview .interview_inner .single_interview_box--title {
  width: auto;
  padding: 10px 20px;
  height: calc(2.7777777778vw);
  border-radius: 2vw;
  font-size: min(1.1111111111vw, 16px);
  color: #fff;
  background: linear-gradient(to right, #760813, #262523);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-bottom: calc(3.4722222222vw);
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box--title {
    height: calc(5.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_box--title {
    height: calc(2.7777777778vw);
  }
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box--title {
    font-size: min(2.1333333333vw, 16px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_box--title {
    font-size: min(1.1111111111vw, 16px);
  }
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box--title {
    margin-bottom: calc(6.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_box--title {
    margin-bottom: calc(3.4722222222vw);
  }
}
#SingleInterview .interview_inner .single_interview_box--name {
  font-size: min(2.2222222222vw, 32px);
  font-style: bold;
  margin-bottom: calc(4.1666666667vw);
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box--name {
    font-size: min(4.2666666667vw, 32px);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_box--name {
    font-size: min(2.2222222222vw, 32px);
  }
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box--name {
    margin-bottom: calc(8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_box--name {
    margin-bottom: calc(4.1666666667vw);
  }
}
#SingleInterview .interview_inner .single_interview_box--wrap_title {
  font-size: min(1.6666666667vw, 24px);
  line-height: calc(1.6666666667vw * 1.5);
  font-weight: bold;
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: calc(1.6666666667vw);
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box--wrap_title {
    font-size: min(3.2vw, 24px);
    line-height: calc(3.2vw * 1.5);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_box--wrap_title {
    font-size: min(1.6666666667vw, 24px);
    line-height: calc(1.6666666667vw * 1.5);
  }
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box--wrap_title {
    margin-bottom: calc(3.2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_box--wrap_title {
    margin-bottom: calc(1.6666666667vw);
  }
}
#SingleInterview .interview_inner .single_interview_box--wrap_title::before {
  content: "";
  display: block;
  width: calc(0.3472222222vw);
  height: calc(3.4722222222vw);
  background: linear-gradient(to bottom, #760813, #262523);
  margin-right: calc(1.0416666667vw);
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box--wrap_title::before {
    width: calc(0.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_box--wrap_title::before {
    width: calc(0.3472222222vw);
  }
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box--wrap_title::before {
    height: calc(6.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_box--wrap_title::before {
    height: calc(3.4722222222vw);
  }
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box--wrap_title::before {
    margin-right: calc(2vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_box--wrap_title::before {
    margin-right: calc(1.0416666667vw);
  }
}
#SingleInterview .interview_inner .single_interview_box--wrap_desc {
  font-size: min(1.1111111111vw, 16px);
  line-height: calc(1.1111111111vw * 2);
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box--wrap_desc {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_box--wrap_desc {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
#SingleInterview .interview_inner .single_interview_box--wrap:not(:last-child) {
  margin-bottom: calc(3.4722222222vw);
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box--wrap:not(:last-child) {
    margin-bottom: calc(6.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_box--wrap:not(:last-child) {
    margin-bottom: calc(3.4722222222vw);
  }
}
#SingleInterview .interview_inner .single_interview_imgbox {
  width: calc(37.8472222222vw);
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_imgbox {
    width: calc(72.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_imgbox {
    width: calc(37.8472222222vw);
  }
}
#SingleInterview .interview_inner .single_interview_imgbox .main_img {
  width: calc(33.3333333333vw);
  margin-bottom: calc(9.5138888889vw);
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_imgbox .main_img {
    width: calc(64vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_imgbox .main_img {
    width: calc(33.3333333333vw);
  }
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_imgbox .main_img {
    margin-bottom: calc(18.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_imgbox .main_img {
    margin-bottom: calc(9.5138888889vw);
  }
}
#SingleInterview .interview_inner .single_interview_imgbox .middle_img {
  width: calc(31.9444444444vw);
  align-self: center;
  margin-bottom: calc(3.2638888889vw);
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_imgbox .middle_img {
    width: calc(61.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_imgbox .middle_img {
    width: calc(31.9444444444vw);
  }
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_imgbox .middle_img {
    margin-bottom: calc(6.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_imgbox .middle_img {
    margin-bottom: calc(3.2638888889vw);
  }
}
#SingleInterview .interview_inner .single_interview_imgbox .last_img {
  width: calc(22.9166666667vw);
  align-self: flex-start;
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_imgbox .last_img {
    width: calc(44vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_imgbox .last_img {
    width: calc(22.9166666667vw);
  }
}
#SingleInterview .interview_inner .single_interview_imgbox::before, #SingleInterview .interview_inner .single_interview_imgbox::after {
  content: "";
  display: block;
  border: 4px solid #CE1B2E;
  width: calc(23.0555555556vw);
  height: calc(31.6666666667vw);
  position: absolute;
  right: 0;
  bottom: 15%;
  z-index: -1;
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_imgbox::before, #SingleInterview .interview_inner .single_interview_imgbox::after {
    width: calc(44.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_imgbox::before, #SingleInterview .interview_inner .single_interview_imgbox::after {
    width: calc(23.0555555556vw);
  }
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_imgbox::before, #SingleInterview .interview_inner .single_interview_imgbox::after {
    height: calc(60.8vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_imgbox::before, #SingleInterview .interview_inner .single_interview_imgbox::after {
    height: calc(31.6666666667vw);
  }
}
#SingleInterview .interview_inner .single_interview_imgbox::after {
  width: calc(33.3333333333vw);
  height: calc(45.8333333333vw);
  position: absolute;
  left: 0;
  top: 3%;
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_imgbox::after {
    width: calc(64vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_imgbox::after {
    width: calc(33.3333333333vw);
  }
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_imgbox::after {
    height: calc(88vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_imgbox::after {
    height: calc(45.8333333333vw);
  }
}
#SingleInterview .interview_inner .other_list {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
#SingleInterview .interview_inner .other_list .box_list {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-around;
  flex-wrap: wrap;
  box-sizing: border-box;
  margin-top: calc(-0.6944444444vw);
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .other_list .box_list {
    margin-top: calc(-1.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .other_list .box_list {
    margin-top: calc(-0.6944444444vw);
  }
}
#SingleInterview .interview_inner .other_list .box_list .box_item {
  width: calc(25.1736111111vw);
  position: relative;
  margin-bottom: calc(2.2222222222vw);
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item {
    width: calc(48.3333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item {
    width: calc(25.1736111111vw);
  }
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item {
    margin-bottom: calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item {
    margin-bottom: calc(2.2222222222vw);
  }
}
#SingleInterview .interview_inner .other_list .box_list .box_item img {
  width: 100%;
  height: 550px;
  -o-object-fit: cover;
     object-fit: cover;
}
#SingleInterview .interview_inner .other_list .box_list .box_item--content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(217, 217, 217, 0), rgba(165, 165, 164, 0), rgba(119, 118, 117, 0.6705882353), rgba(38, 37, 35, 0.8980392157));
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  box-sizing: border-box;
  padding: calc(0vw) calc(1.3888888889vw) calc(2.2222222222vw);
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item--content {
    padding: calc(0vw) calc(2.6666666667vw) calc(4.2666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item--content {
    padding: calc(0vw) calc(1.3888888889vw) calc(2.2222222222vw);
  }
}
#SingleInterview .interview_inner .other_list .box_list .box_item--content_title {
  font-size: min(1.6666666667vw, 24px);
  line-height: calc(1.6666666667vw * 1.5);
  color: #fff;
  font-weight: 700;
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item--content_title {
    font-size: min(3.2vw, 24px);
    line-height: calc(3.2vw * 1.5);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item--content_title {
    font-size: min(1.6666666667vw, 24px);
    line-height: calc(1.6666666667vw * 1.5);
  }
}
#SingleInterview .interview_inner .other_list .box_list .box_item--content .tags {
  box-sizing: border-box;
  padding: calc(0.2777777778vw) calc(1.1111111111vw);
  background: linear-gradient(to right, #760813, #262523);
  border-radius: 2vw;
  font-size: min(1.1111111111vw, 16px);
  line-height: calc(1.1111111111vw * 2);
  font-weight: 500;
  color: #fff;
  margin: calc(1.6666666667vw) calc(0vw) calc(1.1111111111vw);
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item--content .tags {
    padding: calc(0.5333333333vw) calc(2.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item--content .tags {
    padding: calc(0.2777777778vw) calc(1.1111111111vw);
  }
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item--content .tags {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item--content .tags {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item--content .tags {
    margin: calc(3.2vw) calc(0vw) calc(2.1333333333vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item--content .tags {
    margin: calc(1.6666666667vw) calc(0vw) calc(1.1111111111vw);
  }
}
#SingleInterview .interview_inner .other_list .box_list .box_item--content .name {
  color: #fff;
  font-size: min(1.25vw, 18px);
  line-height: calc(1.25vw * 2);
  font-weight: 700;
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item--content .name {
    font-size: min(2.4vw, 18px);
    line-height: calc(2.4vw * 2);
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item--content .name {
    font-size: min(1.25vw, 18px);
    line-height: calc(1.25vw * 2);
  }
}
#SingleInterview.jtc .interview_inner .single_interview_box--title {
  background: linear-gradient(to right, #123969, #262523);
}
#SingleInterview.jtc .interview_inner .single_interview_box--wrap_title::before {
  background: linear-gradient(to right, #123969, #262523);
}
#SingleInterview.jtc .interview_inner .single_interview_imgbox::before, #SingleInterview.jtc .interview_inner .single_interview_imgbox::after {
  border: 4px solid #024FAD;
}
#SingleInterview.jtc .interview_inner .other_list .box_list .box_item--content .tags {
  background: linear-gradient(to right, #123969, #262523);
}

@media (min-width: 767px) and (max-width: 1000px) {
  .top_news--content_item_title {
    font-size: 12px !important;
  }
}
@media (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner {
    width: 100%;
    margin-left: calc(0vw);
    box-sizing: border-box;
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #SingleInterview .interview_inner {
    margin-left: calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner {
    margin-left: calc(0vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (max-width: 767px) {
  #SingleInterview .interview_inner {
    padding: calc(13.3333333333vw) calc(6.6666666667vw);
  }
}
@media (min-width: 767px) and (max-width: 1000px) and (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner {
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (max-width: 767px) {
  #SingleInterview .text_loop p {
    font-size: 30px;
  }
  #SingleInterview .interview_inner {
    width: 100%;
    margin-left: calc(0vw);
    box-sizing: border-box;
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #SingleInterview .interview_inner {
    margin-left: calc(0vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner {
    margin-left: calc(0vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #SingleInterview .interview_inner {
    padding: calc(13.3333333333vw) calc(6.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner {
    padding: calc(6.9444444444vw) calc(3.4722222222vw);
  }
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview {
    width: 100%;
    box-sizing: border-box;
    padding: calc(3.4722222222vw) calc(0vw) calc(7.9861111111vw);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview {
    padding: calc(6.6666666667vw) calc(0vw) calc(15.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview {
    padding: calc(3.4722222222vw) calc(0vw) calc(7.9861111111vw);
  }
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    box-sizing: border-box;
    padding-top: calc(1.3888888889vw);
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box {
    padding-top: calc(2.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_box {
    padding-top: calc(1.3888888889vw);
  }
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box--title {
    width: auto;
    padding: 10px 20px;
    height: calc(2.7777777778vw);
    border-radius: 2vw;
    font-size: min(1.1111111111vw, 16px);
    color: #fff;
    background: linear-gradient(to right, #760813, #262523);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: calc(3.4722222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box--title {
    height: calc(5.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_box--title {
    height: calc(2.7777777778vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box--title {
    font-size: min(2.1333333333vw, 16px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_box--title {
    font-size: min(1.1111111111vw, 16px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box--title {
    margin-bottom: calc(6.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_box--title {
    margin-bottom: calc(3.4722222222vw);
  }
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box--name {
    font-size: min(2.2222222222vw, 32px);
    font-style: bold;
    margin-bottom: calc(4.1666666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box--name {
    font-size: min(4.2666666667vw, 32px);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_box--name {
    font-size: min(2.2222222222vw, 32px);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box--name {
    margin-bottom: calc(8vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_box--name {
    margin-bottom: calc(4.1666666667vw);
  }
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box--wrap_title {
    font-size: min(1.6666666667vw, 24px);
    line-height: calc(1.6666666667vw * 1.5);
    font-weight: bold;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box--wrap_title {
    font-size: min(3.2vw, 24px);
    line-height: calc(3.2vw * 1.5);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_box--wrap_title {
    font-size: min(1.6666666667vw, 24px);
    line-height: calc(1.6666666667vw * 1.5);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box--wrap_title {
    margin-bottom: calc(3.2vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_box--wrap_title {
    margin-bottom: calc(1.6666666667vw);
  }
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box--wrap_title::before {
    content: "";
    display: block;
    width: calc(0.3472222222vw);
    height: calc(3.4722222222vw);
    background: linear-gradient(to bottom, #760813, #262523);
    margin-right: calc(1.0416666667vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box--wrap_title::before {
    width: calc(0.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_box--wrap_title::before {
    width: calc(0.3472222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box--wrap_title::before {
    height: calc(6.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_box--wrap_title::before {
    height: calc(3.4722222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box--wrap_title::before {
    margin-right: calc(2vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_box--wrap_title::before {
    margin-right: calc(1.0416666667vw);
  }
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box--wrap_desc {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box--wrap_desc {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_box--wrap_desc {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box--wrap:not(:last-child) {
    margin-bottom: calc(3.4722222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_box--wrap:not(:last-child) {
    margin-bottom: calc(6.6666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .single_interview_box--wrap:not(:last-child) {
    margin-bottom: calc(3.4722222222vw);
  }
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .single_interview_imgbox {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    position: relative;
    text-align: right;
  }
  #SingleInterview .interview_inner .single_interview_imgbox .last_img {
    width: 70%;
    align-self: flex-end;
  }
  #SingleInterview .interview_inner .single_interview_imgbox::before, #SingleInterview .interview_inner .single_interview_imgbox::after {
    display: none;
  }
  #SingleInterview .interview_inner .other_list {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  #SingleInterview .interview_inner .other_list .box_list {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-around;
    flex-wrap: wrap;
    box-sizing: border-box;
    margin-top: calc(-0.6944444444vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #SingleInterview .interview_inner .other_list .box_list {
    margin-top: calc(-1.3333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .other_list .box_list {
    margin-top: calc(-0.6944444444vw);
  }
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item {
    width: 46%;
    position: relative;
    margin-bottom: calc(2.2222222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item {
    margin-bottom: calc(4.2666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item {
    margin-bottom: calc(2.2222222222vw);
  }
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item img {
    height: 200px;
  }
  #SingleInterview .interview_inner .other_list .box_list .box_item--content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(217, 217, 217, 0), rgba(165, 165, 164, 0), rgba(119, 118, 117, 0.6705882353), rgba(38, 37, 35, 0.8980392157));
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    box-sizing: border-box;
    padding: calc(0vw) calc(1.3888888889vw) calc(2.2222222222vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item--content {
    padding: calc(0vw) calc(2.6666666667vw) calc(4.2666666667vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item--content {
    padding: calc(0vw) calc(1.3888888889vw) calc(2.2222222222vw);
  }
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item--content_title {
    font-size: min(1.6666666667vw, 24px);
    line-height: calc(1.6666666667vw * 1.5);
    color: #fff;
    font-weight: 700;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item--content_title {
    font-size: min(3.2vw, 24px);
    line-height: calc(3.2vw * 1.5);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item--content_title {
    font-size: min(1.6666666667vw, 24px);
    line-height: calc(1.6666666667vw * 1.5);
  }
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item--content .tags {
    box-sizing: border-box;
    padding: calc(0.2777777778vw) calc(1.1111111111vw);
    background: linear-gradient(to right, #760813, #262523);
    border-radius: 2vw;
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
    font-weight: 500;
    color: #fff;
    margin: calc(1.6666666667vw) calc(0vw) calc(1.1111111111vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item--content .tags {
    padding: calc(0.5333333333vw) calc(2.1333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item--content .tags {
    padding: calc(0.2777777778vw) calc(1.1111111111vw);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item--content .tags {
    font-size: min(2.1333333333vw, 16px);
    line-height: calc(2.1333333333vw * 2);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item--content .tags {
    font-size: min(1.1111111111vw, 16px);
    line-height: calc(1.1111111111vw * 2);
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item--content .tags {
    margin: calc(3.2vw) calc(0vw) calc(2.1333333333vw);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item--content .tags {
    margin: calc(1.6666666667vw) calc(0vw) calc(1.1111111111vw);
  }
}
@media (max-width: 767px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item--content .name {
    color: #fff;
    font-size: min(1.25vw, 18px);
    line-height: calc(1.25vw * 2);
    font-weight: 700;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item--content .name {
    font-size: min(2.4vw, 18px);
    line-height: calc(2.4vw * 2);
  }
}
@media (max-width: 767px) and (min-width: 767px) and (max-width: 1000px) {
  #SingleInterview .interview_inner .other_list .box_list .box_item--content .name {
    font-size: min(1.25vw, 18px);
    line-height: calc(1.25vw * 2);
  }
}
@media (max-width: 767px) {
  #SingleInterview.jtc .interview_inner .single_interview_box--title {
    background: linear-gradient(to right, #123969, #262523);
  }
  #SingleInterview.jtc .interview_inner .single_interview_box--wrap_title::before {
    background: linear-gradient(to right, #123969, #262523);
  }
  #SingleInterview.jtc .interview_inner .single_interview_imgbox::before, #SingleInterview.jtc .interview_inner .single_interview_imgbox::after {
    border: 4px solid #024FAD;
  }
  #SingleInterview.jtc .interview_inner .other_list .box_list .box_item--content .tags {
    background: linear-gradient(to right, #123969, #262523);
  }
}
.interview-sp {
  display: none !important;
}

@media (max-width: 767px) {
  .interview-pc {
    display: none !important;
  }
  .interview-sp {
    display: block !important;
  }
  .top-group {
    display: flex;
  }
  .top-group-left {
    width: 40%;
  }
  .top-group-right {
    width: 60%;
    position: relative;
    text-align: right;
  }
  .top-group-right .img-wrap {
    position: relative;
    display: inline-block;
    width: 90%;
  }
  .top-group-right .img-wrap::before {
    content: "";
    display: block;
    border: 4px solid #CE1B2E;
    width: 110%;
    height: 90%;
    position: absolute;
    right: 10px;
    top: 20px;
    z-index: -1;
  }
  .top-group-right .img-wrap img {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
  }
  .second-sp-img-wrap {
    position: relative;
    z-index: 0;
    margin-bottom: 30px;
  }
  .second-sp-img-wrap::before {
    content: "";
    display: block;
    border: 4px solid #CE1B2E;
    width: 80%;
    height: 100%;
    position: absolute;
    right: 10px;
    top: 20px;
    z-index: -1;
  }
  .second-sp-img-wrap img {
    position: relative;
    width: 80%;
    z-index: 1;
  }
  .jtc .top-group-right .img-wrap::before {
    border: 4px solid #024FAD;
  }
  .jtc .second-sp-img-wrap::before {
    border: 4px solid #024FAD;
  }
}
/* Single News
-------------------------------------------------- */
#SingleNews .news_back {
  margin: 24px 0 12px;
}
#SingleNews .news_back a {
  text-decoration: none;
  border-bottom: 1px solid currentColor;
  padding-bottom: 2px;
}
#SingleNews .news_back a:hover {
  opacity: 0.7;
}
#SingleNews .news_back.bottom {
  margin: 24px 0 0;
}
#SingleNews .news_single {
  max-width: 960px;
  margin: 0 auto 80px;
  padding: 0 16px;
}
#SingleNews .news_single .news_head {
  margin-bottom: 28px;
  margin-top: 100px;
}
#SingleNews .news_single .news_head .news_meta {
  display: flex;
  gap: 12px;
  align-items: center;
  margin-bottom: 10px;
}
#SingleNews .news_single .news_head .news_meta .date {
  font-family: var(--en-font, sans-serif);
  font-size: 14px;
  /* @include mysize(14); */
  color: #666;
}
#SingleNews .news_single .news_head .news_meta .cat {
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  background: linear-gradient(to right, #760813, #262523);
  border-radius: 999px;
  padding: 6px 12px;
}
#SingleNews .news_single .news_head .news_title {
  font-size: clamp(22px, 2.6vw, 32px);
  /* @include mysize(32,1.3); */
  line-height: 1.3;
  font-weight: 700;
  margin: 0;
}
#SingleNews .news_single .news_head .news_hero {
  margin-top: 20px;
  border-radius: 12px;
  overflow: hidden;
}
#SingleNews .news_single .news_head .news_hero .news_hero_img,
#SingleNews .news_single .news_head .news_hero img {
  display: block;
  width: 100%;
  height: auto;
  /* 生成済み16:9想定。比率固定したいなら height: 420px; object-fit: cover; */
}
#SingleNews .news_single .news_body {
  /* 本文のタイポグラフィ */
  font-size: 16px;
  line-height: 1.9;
  color: #222;
  /* 画像/動画などがはみ出さないように */
  /* 表の横スクロール */
  /* ページ分割ナビ */
}
#SingleNews .news_single .news_body h2 {
  font-size: 22px;
  margin: 32px 0 12px;
  font-weight: 700;
}
#SingleNews .news_single .news_body h3 {
  font-size: 18px;
  margin: 28px 0 10px;
  font-weight: 700;
}
#SingleNews .news_single .news_body p {
  margin: 0 0 1.1em;
}
#SingleNews .news_single .news_body ul,
#SingleNews .news_single .news_body ol {
  margin: 0 0 1.2em 1.4em;
}
#SingleNews .news_single .news_body a {
  color: #0F3D74;
  text-decoration: underline;
}
#SingleNews .news_single .news_body img,
#SingleNews .news_single .news_body video,
#SingleNews .news_single .news_body iframe {
  max-width: 100%;
  height: auto;
}
#SingleNews .news_single .news_body figure {
  margin: 1.2em 0;
}
#SingleNews .news_single .news_body table {
  border-collapse: collapse;
  width: 100%;
  display: block;
  overflow-x: auto;
}
#SingleNews .news_single .news_body th,
#SingleNews .news_single .news_body td {
  border: 1px solid #ddd;
  padding: 0.6em 0.8em;
  white-space: nowrap;
}
#SingleNews .news_single .news_body th {
  background: #fafafa;
}
#SingleNews .news_single .news_body .page-links {
  margin-top: 24px;
}
#SingleNews .news_single .news_body .page-links a,
#SingleNews .news_single .news_body .page-links span {
  margin-right: 6px;
}

@media (max-width: 767px) {
  #SingleNews .news_back {
    margin: 24px 0 12px;
  }
  #SingleNews .news_back a {
    text-decoration: none;
    border-bottom: 1px solid currentColor;
    padding-bottom: 2px;
  }
  #SingleNews .news_back a:hover {
    opacity: 0.7;
  }
  #SingleNews .news_back.bottom {
    margin: 24px 0 0;
  }
  #SingleNews .news_single {
    max-width: 960px;
    /* @include mywidth(960); */
    margin: 0 auto 80px;
    padding: 0 16px;
    /* @include mypadding(0,16); */
  }
  #SingleNews .news_single .news_head {
    margin-bottom: 15px;
    margin-top: 50px;
  }
  #SingleNews .news_single .news_head .news_meta {
    display: flex;
    gap: 12px;
    align-items: center;
    margin-bottom: 10px;
  }
  #SingleNews .news_single .news_head .news_meta .date {
    font-family: var(--en-font, sans-serif);
    font-size: 11px;
    /* @include mysize(14); */
    color: #666;
  }
  #SingleNews .news_single .news_head .news_meta .cat {
    display: inline-block;
    font-size: 11px;
    line-height: 1;
    color: #fff;
    background: linear-gradient(to right, #760813, #262523);
    border-radius: 999px;
    padding: 6px 12px;
  }
  #SingleNews .news_single .news_head .news_title {
    font-size: 15px;
    /* @include mysize(32,1.3); */
    line-height: 1.3;
    font-weight: 700;
    margin: 0;
  }
  #SingleNews .news_single .news_head .news_hero {
    margin-top: 20px;
    border-radius: 12px;
    overflow: hidden;
  }
  #SingleNews .news_single .news_head .news_hero .news_hero_img,
  #SingleNews .news_single .news_head .news_hero img {
    display: block;
    width: 100%;
    height: auto;
    /* 生成済み16:9想定。比率固定したいなら height: 420px; object-fit: cover; */
  }
  #SingleNews .news_single .news_body {
    /* 本文のタイポグラフィ */
    font-size: 16px;
    line-height: 1.9;
    color: #222;
    /* 画像/動画などがはみ出さないように */
    /* 表の横スクロール */
    /* ページ分割ナビ */
  }
  #SingleNews .news_single .news_body h2 {
    font-size: 15px;
    margin: 32px 0 12px;
    font-weight: 700;
  }
  #SingleNews .news_single .news_body h3 {
    font-size: 13px;
    margin: 28px 0 10px;
    font-weight: 700;
  }
  #SingleNews .news_single .news_body p {
    font-size: 10px;
  }
  #SingleNews .news_single .news_body ul,
  #SingleNews .news_single .news_body ol {
    margin: 0 0 1.2em 1.4em;
  }
  #SingleNews .news_single .news_body a {
    color: #0F3D74;
    text-decoration: underline;
  }
  #SingleNews .news_single .news_body img,
  #SingleNews .news_single .news_body video,
  #SingleNews .news_single .news_body iframe {
    max-width: 100%;
    height: auto;
  }
  #SingleNews .news_single .news_body figure {
    margin: 1.2em 0;
  }
  #SingleNews .news_single .news_body table {
    border-collapse: collapse;
    width: 100%;
    display: block;
    overflow-x: auto;
  }
  #SingleNews .news_single .news_body th,
  #SingleNews .news_single .news_body td {
    border: 1px solid #ddd;
    padding: 0.6em 0.8em;
    white-space: nowrap;
  }
  #SingleNews .news_single .news_body th {
    background: #fafafa;
  }
  #SingleNews .news_single .news_body .page-links {
    margin-top: 24px;
  }
  #SingleNews .news_single .news_body .page-links a,
  #SingleNews .news_single .news_body .page-links span {
    margin-right: 6px;
  }
}/*# sourceMappingURL=style.css.map */