@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /*overflow-y: scroll;*/ }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

a:active,
.notouch a:hover {
  outline: 0; }

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

small {
  font-size: 80%; }

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

img {
  border: 0; }

svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
figure {
  margin: 1em 40px; }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

button {
  overflow: visible; }

button,
select {
  text-transform: none; }

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

button[disabled],
html input[disabled] {
  cursor: default; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

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

td,
th {
  padding: 0; }

/* Add Reset
------------------------------------------------------------------------------*/
html {
  text-rendering: optimizeLegibility; }

br {
  letter-spacing: 0 !important; }

img {
  -ms-interpolation-mode: bicubic; }

ul, ol {
  padding: 0; }

li {
  list-style: none; }

dd {
  margin-left: 0; }

a {
  color: inherit;
  text-decoration: none; }

h1, h2, h3, h4, h5, h6, p, ul, ol, dl, table, pre {
  margin-top: 0;
  margin-bottom: 0; }

* {
  vertical-align: top; }

* {
  filter: inherit; }

p, li, dt, dd, th, td, pre {
  -ms-line-break: strict;
  line-break: strict;
  -ms-word-break: break-strict;
  word-break: break-strict;
  word-wrap: break-word; }

/* Font Set
------------------------------------------------------------------------------*/
body {
  background-color: #ffffff;
  font-family: 'Noto Sans JP', serif;
  font-size: 62.5%;
  line-height: 1.6;
  font-weight: 500;
  color: #000000;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: "palt" 1;
  /*-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;*/ }

.font-notoserif {
  font-family: 'Noto Sans JP', serif; }

.font-ebgaramond {
  font-family: 'Noto Sans JP', serif; }

/* --------------------------------------------------
  iconfont
-------------------------------------------------- */
@font-face {
  font-family: 'icomoon';
  src: url("../font/icomoon.eot?wkmoje");
  src: url("../font/icomoon.eot?wkmoje#iefix") format("embedded-opentype"), url("../font/icomoon.ttf?wkmoje") format("truetype"), url("../font/icomoon.woff?wkmoje") format("woff"), url("../font/icomoon.svg?wkmoje#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-arrow-next:before {
  content: "\e900"; }

.icon-arrow-prev:before {
  content: "\e901"; }

.icon-arrow-top:before {
  content: "\e902"; }

.icon-arrow:before {
  content: "\e903"; }

.icon-blank:before {
  content: "\e904"; }

/* modules
------------------------------------------------------------------------------*/
.wrapper {
  position: relative;
  overflow: hidden; }

.clearfix:after {
  content: "";
  display: table;
  clear: both;
  height: 0; }

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd {
  line-height: 1; }

a {
  outline: none;
  transition: color 400ms ease; }

/* utility
------------------------------------------------------------------------------*/
* {
  box-sizing: border-box; }

img {
  width: 100%;
  max-width: 100%;
  height: auto;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges; }

html,
body {
  box-sizing: border-box;
  width: 100%;
  min-width: 320px; }

.anker_wrap {
  margin-top: -85px;
  padding-top: 85px; }

.fade-action {
  opacity: 0;
  transform: translateY(20px);
  transition: transform 600ms ease 200ms, opacity 600ms ease 200ms; }
  .fade-action.fade-show {
    opacity: 1;
    transform: translateY(0); }

/* スクロールで画像が動く（パララックス効果） */
/* --------------------------------------------------
	各ウィンドウサイズでの表示非表示
	1024px〜      .pc_onlyを使用
	768px〜1023px .tb_onlyを使用
	768px〜       .tbpc_onlyを使用
	〜767px       .sp_onlyを使用
-------------------------------------------------- */
@media screen and (max-width: 1439px) {
  .wide_only {
    display: none !important; } }

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

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

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

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

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

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

/* --------------------------------------------------
	〜767px sp style wrapper
-------------------------------------------------- */
@media screen and (max-width: 767px) {
  .wrapper {
    width: 100%; } }

@media screen and (max-width: 767px) {
  .open_menu .wrapper {
    position: fixed;
    width: 100%;
    height: 100%; } }

/* --------------------------------------------------
	320px以下 最小サイズ以下
-------------------------------------------------- */
@media screen and (max-width: 767px) {
  body {
    overflow-x: scroll; } }

.grecaptcha-badge {
  visibility: hidden; }

@keyframes text-show {
  0% {
    transform: scaleX(0);
    transform-origin: 0 50%; }
  40% {
    transform: scaleX(1);
    transform-origin: 0 50%; }
  60% {
    transform: scaleX(1);
    transform-origin: 100% 50%; }
  100% {
    transform: scaleX(0);
    transform-origin: 100% 50%; } }
/* 幾何学のイラストと写真をふわふわアニメーションさせる */
/*!
	Modaal - accessible modals - v0.4.3
	by Humaan, for all humans.
	http://humaan.com
 */
.modaal-noscroll {
  overflow: hidden; }

.modaal-accessible-hide {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }

.modaal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0; }

.modaal-wrapper {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: auto;
  opacity: 1;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out; }

.modaal-wrapper * {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden; }

.modaal-wrapper .modaal-close {
  border: none;
  background: 0 0;
  padding: 0;
  -webkit-appearance: none; }

.modaal-wrapper.modaal-start_none {
  display: none;
  opacity: 1; }

.modaal-wrapper.modaal-start_fade {
  opacity: 0; }

.modaal-wrapper [tabindex="0"] {
  outline: 0 !important; }

.modaal-wrapper.modaal-fullscreen {
  overflow: hidden; }

.modaal-outer-wrapper {
  display: table;
  position: relative;
  width: 100%;
  height: 100%; }

.modaal-fullscreen .modaal-outer-wrapper {
  display: block; }

.modaal-inner-wrapper {
  display: table-cell;
  width: 100%;
  height: 100%;
  position: relative;
  vertical-align: middle;
  text-align: center;
  padding: 80px 25px; }

.modaal-fullscreen .modaal-inner-wrapper {
  padding: 0;
  display: block;
  vertical-align: top; }

.modaal-container {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: auto;
  text-align: left;
  color: #000;
  max-width: 1000px;
  border-radius: 0;
  background: #fff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  cursor: auto; }

.modaal-container.is_loading {
  height: 100px;
  width: 100px;
  overflow: hidden; }

.modaal-fullscreen .modaal-container {
  max-width: none;
  height: 100%;
  overflow: auto; }

.modaal-close {
  position: fixed;
  right: 20px;
  top: 20px;
  color: #fff;
  cursor: pointer;
  opacity: 1;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border-radius: 100%;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

.modaal-close:focus, .modaal-close:hover {
  outline: 0;
  background: #fff; }

.modaal-close:focus:after, .modaal-close:focus:before, .modaal-close:hover:after, .modaal-close:hover:before {
  background: #b93d0c; }

.modaal-close span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }

.modaal-close:after, .modaal-close:before {
  display: block;
  content: " ";
  position: absolute;
  top: 14px;
  left: 23px;
  width: 4px;
  height: 22px;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out; }

.modaal-close:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.modaal-close:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.modaal-fullscreen .modaal-close {
  background: #afb7bc;
  right: 10px;
  top: 10px; }

.modaal-content-container {
  padding: 30px; }

.modaal-confirm-wrap {
  padding: 30px 0 0;
  text-align: center;
  font-size: 0; }

.modaal-confirm-btn {
  font-size: 14px;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  background: 0 0; }

.modaal-confirm-btn.modaal-ok {
  padding: 10px 15px;
  color: #fff;
  background: #555;
  border-radius: 3px;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out; }

.modaal-confirm-btn.modaal-ok:hover {
  background: #2f2f2f; }

.modaal-confirm-btn.modaal-cancel {
  text-decoration: underline; }

.modaal-confirm-btn.modaal-cancel:hover {
  text-decoration: none;
  color: #2f2f2f; }

.modaal-instagram .modaal-container {
  width: auto;
  background: 0 0;
  box-shadow: none !important; }

.modaal-instagram .modaal-content-container {
  padding: 0;
  background: 0 0; }

.modaal-instagram .modaal-content-container > blockquote {
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important; }

.modaal-instagram iframe {
  opacity: 0;
  margin: -6px !important;
  border-radius: 0 !important;
  width: 1000px !important;
  max-width: 800px !important;
  box-shadow: none !important;
  -webkit-animation: instaReveal 1s linear forwards;
  animation: instaReveal 1s linear forwards; }

.modaal-image .modaal-inner-wrapper {
  padding-left: 140px;
  padding-right: 140px; }

.modaal-image .modaal-container {
  width: auto;
  max-width: 100%; }

.modaal-gallery-wrap {
  position: relative;
  color: #fff; }

.modaal-gallery-item {
  display: none; }

.modaal-gallery-item img {
  display: block; }

.modaal-gallery-item.is_active {
  display: block; }

.modaal-gallery-label {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 20px 0 0;
  font-size: 18px;
  text-align: center;
  color: #fff; }

.modaal-gallery-label:focus {
  outline: 0; }

.modaal-gallery-control {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  opacity: 1;
  cursor: pointer;
  color: #fff;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 100%;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

.modaal-gallery-control.is_hidden {
  opacity: 0;
  cursor: default; }

.modaal-gallery-control:focus, .modaal-gallery-control:hover {
  outline: 0;
  background: #fff; }

.modaal-gallery-control:focus:after, .modaal-gallery-control:focus:before, .modaal-gallery-control:hover:after, .modaal-gallery-control:hover:before {
  background: #afb7bc; }

.modaal-gallery-control span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden; }

.modaal-gallery-control:after, .modaal-gallery-control:before {
  display: block;
  content: " ";
  position: absolute;
  top: 16px;
  left: 25px;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  background: #fff;
  -webkit-transition: background .2s ease-in-out;
  transition: background .2s ease-in-out; }

.modaal-gallery-control:before {
  margin: -5px 0 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.modaal-gallery-control:after {
  margin: 5px 0 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.modaal-gallery-next-inner {
  left: 100%;
  margin-left: 40px; }

.modaal-gallery-next-outer {
  right: 45px; }

.modaal-gallery-prev:after, .modaal-gallery-prev:before {
  left: 22px; }

.modaal-gallery-prev:before {
  margin: 5px 0 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.modaal-gallery-prev:after {
  margin: -5px 0 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.modaal-gallery-prev-inner {
  right: 100%;
  margin-right: 40px; }

.modaal-gallery-prev-outer {
  left: 45px; }

.modaal-video-wrap {
  margin: auto 50px;
  position: relative; }

.modaal-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background: #000;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto; }

.modaal-video-container embed, .modaal-video-container iframe, .modaal-video-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.modaal-iframe .modaal-content {
  width: 100%;
  height: 100%; }

.modaal-iframe-elem {
  width: 100%;
  height: 100%;
  display: block; }

.modaal-loading-spinner {
  background: 0 0;
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  -webkit-transform: scale(0.25);
  -ms-transform: scale(0.25);
  transform: scale(0.25); }

.modaal-loading-spinner > div {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-top: 4px;
  position: absolute; }

.modaal-loading-spinner > div > div {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: #fff; }

.modaal-loading-spinner > div:nth-of-type(1) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: 0s;
  animation-delay: 0s; }

.modaal-loading-spinner > div:nth-of-type(2) > div, .modaal-loading-spinner > div:nth-of-type(3) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite; }

.modaal-loading-spinner > div:nth-of-type(1) {
  -ms-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(2) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .12s;
  animation-delay: .12s; }

.modaal-loading-spinner > div:nth-of-type(2) {
  -ms-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(3) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .25s;
  animation-delay: .25s; }

.modaal-loading-spinner > div:nth-of-type(4) > div, .modaal-loading-spinner > div:nth-of-type(5) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite; }

.modaal-loading-spinner > div:nth-of-type(3) {
  -ms-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(4) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .37s;
  animation-delay: .37s; }

.modaal-loading-spinner > div:nth-of-type(4) {
  -ms-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(5) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .5s;
  animation-delay: .5s; }

.modaal-loading-spinner > div:nth-of-type(6) > div, .modaal-loading-spinner > div:nth-of-type(7) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite; }

.modaal-loading-spinner > div:nth-of-type(5) {
  -ms-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(6) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .62s;
  animation-delay: .62s; }

.modaal-loading-spinner > div:nth-of-type(6) {
  -ms-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(7) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .75s;
  animation-delay: .75s; }

.modaal-loading-spinner > div:nth-of-type(7) {
  -ms-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(8) > div {
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation-delay: .87s;
  animation-delay: .87s; }

.modaal-loading-spinner > div:nth-of-type(8) {
  -ms-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
  transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); }

@media only screen and (min-width: 1400px) {
  .modaal-video-container {
    padding-bottom: 0;
    height: 731px; } }
@media only screen and (max-width: 1140px) {
  .modaal-image .modaal-inner-wrapper {
    padding-left: 25px;
    padding-right: 25px; }

  .modaal-gallery-control {
    top: auto;
    bottom: 20px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background: rgba(0, 0, 0, 0.7); }

  .modaal-gallery-control:after, .modaal-gallery-control:before {
    background: #fff; }

  .modaal-gallery-next {
    left: auto;
    right: 20px; }

  .modaal-gallery-prev {
    left: 20px;
    right: auto; } }
@media screen and (max-width: 900px) {
  .modaal-instagram iframe {
    width: 500px !important; } }
@media only screen and (max-width: 600px) {
  .modaal-instagram iframe {
    width: 280px !important; } }
@media screen and (max-height: 1100px) {
  .modaal-instagram iframe {
    width: 700px !important; } }
@media screen and (max-height: 1000px) {
  .modaal-inner-wrapper {
    padding-top: 60px;
    padding-bottom: 60px; }

  .modaal-instagram iframe {
    width: 600px !important; } }
@media screen and (max-height: 900px) {
  .modaal-instagram iframe {
    width: 500px !important; }

  .modaal-video-container {
    max-width: 900px;
    max-height: 510px; } }
@media only screen and (max-height: 820px) {
  .modaal-gallery-label {
    display: none; } }
@keyframes instaReveal {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes instaReveal {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@-webkit-keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5); }
  100% {
    opacity: .1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }
@keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5); }
  100% {
    opacity: .1;
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1); } }
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

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

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

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

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

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

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

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

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

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

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

.slick-slide img {
  display: block; }

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

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

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

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

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

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

/* --------------------------------------------------
  global_header
-------------------------------------------------- */
.global_header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%; }

.under .gh-inner {
  width: 100%;
  min-height: 6.9444444444vw;
  padding: 0.6944444444% 3.4722222222%;
  background: #FFF;
  box-shadow: 0px 0px 0.6944444444vw 0px rgba(0, 0, 0, 0.2); }
  @media screen and (max-width: 1023px) {
    .under .gh-inner {
      min-height: 16.6666666667vw; } }

.gh-company {
  position: absolute;
  top: 0;
  left: 3.4722222222%;
  margin-top: 2.0833333333%;
  z-index: 10; }
  @media screen and (max-width: 1023px) {
    .gh-company {
      left: 5.3333333333vw;
      margin-top: 5.8666666667vw; } }
  .gh-company-link {
    display: flex;
    justify-content: center;
    align-items: center; }
  .gh-company-logo {
    display: block;
    width: 9.7222222222vw; }
    @media screen and (max-width: 1023px) {
      .gh-company-logo {
        width: 22.6666666667vw; } }
    .gh-company-logo:not(:last-child) {
      margin-right: 2.0833333333vw; }
      @media screen and (max-width: 1023px) {
        .gh-company-logo:not(:last-child) {
          margin-right: 4.5333333333vw; } }
    .gh-company-logo .gh-cls-1 {
      fill: url(#gh-gradient);
      transition: fill 400ms ease; }
      .under:not(.open_menu) .gh-company-logo .gh-cls-1 {
        fill: url(#gradient); }
    .gh-company-logo #gh-stop1,
    .gh-company-logo #gh-stop2 {
      stop-color: #fff; }
  .gh-company-title {
    display: block;
    font-size: 1.25vw;
    font-weight: 700;
    letter-spacing: 0.1em;
    background: #fff;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
    transition: color 400ms ease, background 400ms ease; }
    @media screen and (max-width: 1023px) {
      .gh-company-title {
        font-size: 2.9333333333vw; } }
    .under:not(.open_menu) .gh-company-title {
      background: linear-gradient(90deg, #e3340d 0%, #771b07 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      color: #b42925; }
.gh-entry {
  position: absolute;
  top: 0;
  right: 8.8194444444%;
  z-index: 10;
  margin-top: 2.2222222222%; }
  @media screen and (max-width: 1023px) {
    .gh-entry {
      right: 16vw;
      margin-top: 6.1333333333vw; } }
  .gh-entry-link {
    position: relative;
    font-size: 1.25vw;
    font-weight: 700;
    letter-spacing: 0.1em;
    color: #FFF;
    transition: color 400ms ease, background 400ms ease, background-position 400ms ease, background-size 400ms ease; }
    @media screen and (max-width: 1023px) {
      .gh-entry-link {
        font-size: 3.7333333333vw; } }
    .under:not(.open_menu) .gh-entry-link {
      background: linear-gradient(90deg, #e3340d 0%, #771b07 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-size: 100%;
      background-position: 0 0;
      color: #b42925; }
    .gh-entry-link::after {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      bottom: -6px;
      width: 100%;
      height: 1px;
      background-color: #FFF;
      transition: background 400ms ease; }
      .under:not(.open_menu) .gh-entry-link::after {
        background: linear-gradient(90deg, #e3340d 0%, #771b07 100%); }
    @media (hover: hover) {
      .notouch .gh-entry-link:hover {
        color: #c1c1c1; }
        .notouch .gh-entry-link:hover::after {
          background-color: #c1c1c1; } }
    .notouch .under:not(.open_menu) .gh-entry-link:hover {
      background-size: 200% 100%;
      background-position: -100% 0;
      color: #771b07; }
      .notouch .under:not(.open_menu) .gh-entry-link:hover::after {
        background-color: linear-gradient(-90deg, #e3340d 0%, #771b07 100%); }

#top:not(.open_menu) .gh-inner-bg {
  transition: all .3s ease; }
  #top:not(.open_menu) .gh-inner-bg.bg-white {
    background: #FFF;
    box-shadow: 0px 0px 0.6944444444vw 0px rgba(0, 0, 0, 0.2);
    min-height: 6.9444444444vw; }
    @media screen and (max-width: 1023px) {
      #top:not(.open_menu) .gh-inner-bg.bg-white {
        min-height: 16.6666666667vw; } }
    #top:not(.open_menu) .gh-inner-bg.bg-white .gh-cls-1 {
      fill: url(#gradient); }
    #top:not(.open_menu) .gh-inner-bg.bg-white .gh-company-title {
      background: linear-gradient(90deg, #e3340d 0%, #771b07 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      color: #b42925; }
    #top:not(.open_menu) .gh-inner-bg.bg-white .gh-entry-link {
      background: linear-gradient(90deg, #e3340d 0%, #771b07 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-size: 100%;
      background-position: 0 0;
      color: #b42925; }
      #top:not(.open_menu) .gh-inner-bg.bg-white .gh-entry-link::after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: -6px;
        width: 100%;
        height: 1px;
        background: linear-gradient(90deg, #e3340d 0%, #771b07 100%);
        transition: background 400ms ease; }
      @media (hover: hover) {
        .notouch #top:not(.open_menu) .gh-inner-bg.bg-white .gh-entry-link:hover {
          background-size: 200% 100%;
          background-position: -100% 0;
          color: #771b07; }
          .notouch #top:not(.open_menu) .gh-inner-bg.bg-white .gh-entry-link:hover::after {
            background-color: linear-gradient(-90deg, #e3340d 0%, #771b07 100%); } }

/* --------------------------------------------------
  gh-btn
-------------------------------------------------- */
.gh-btn,
.gh-btn button {
  display: block;
  border: none;
  background-color: transparent;
  outline: none; }

.gh-btn {
  position: fixed;
  top: 0;
  right: 3.0555555556%;
  z-index: 100;
  width: 2.7777777778vw;
  height: 2.7777777778vw;
  margin-top: 2.1527777778%;
  transition: opacity 400ms ease; }
  @media screen and (max-width: 1023px) {
    .gh-btn {
      right: 4.2666666667vw;
      width: 8vw;
      height: 8vw;
      margin-top: 5.0666666667vw; } }
  .gh-btn button {
    appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
    border-radius: 0; }
    .notouch body:not(.open_menu) .gh-btn button:hover .line {
      background-color: #c1c1c1; }
      .notouch body:not(.open_menu) .gh-btn button:hover .line::before {
        top: -0.4166666667vw; }
      .notouch body:not(.open_menu) .gh-btn button:hover .line::after {
        top: 0.4166666667vw; }
    .notouch body.under:not(.open_menu) .gh-btn button:hover .line {
      background-color: linear-gradient(-90deg, #e3340d 0%, #771b07 100%); }
    @media (hover: hover) {
      .notouch .gh-btn button:hover .line::before, .notouch .gh-btn button:hover .line::after {
        background-color: #c1c1c1; } }
    .notouch body.under:not(.open_menu) .gh-btn button:hover .line::before, .notouch body.under:not(.open_menu) .gh-btn button:hover .line::after {
      background-color: linear-gradient(-90deg, #e3340d 0%, #771b07 100%); }
  .gh-btn .line {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.875vw;
    height: 0.1388888889vw;
    background-color: #fff;
    border-radius: 0;
    transform: translateX(-50%);
    transition: background 400ms ease, width 400ms ease; }
    @media screen and (max-width: 1023px) {
      .gh-btn .line {
        width: 5.3333333333vw;
        height: 0.5333333333vw; } }
    .under:not(.open_menu) .gh-btn .line {
      background: linear-gradient(90deg, #e3340d 0%, #771b07 100%); }
    .open_menu .gh-btn .line {
      width: 1.875vw;
      background-color: transparent; }
      @media screen and (max-width: 1023px) {
        .open_menu .gh-btn .line {
          width: 5.3333333333vw; } }
    .gh-btn .line::before, .gh-btn .line::after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: #fff;
      transition: background 400ms ease, top 400ms cubic-bezier(0.61, 1, 0.88, 1) 100ms, transform 400ms cubic-bezier(0.61, 1, 0.88, 1) 0ms; }
      .under:not(.open_menu) .gh-btn .line::before, .under:not(.open_menu) .gh-btn .line::after {
        background: linear-gradient(90deg, #e3340d 0%, #771b07 100%); }
      .open_menu .gh-btn .line::before, .open_menu .gh-btn .line::after {
        transition: background 400ms ease, top 400ms cubic-bezier(0.61, 1, 0.88, 1) 0ms, transform 400ms cubic-bezier(0.61, 1, 0.88, 1) 100ms; }
    .gh-btn .line::before {
      top: -0.4861111111vw; }
      @media screen and (max-width: 1023px) {
        .gh-btn .line::before {
          top: -1.6vw; } }
      .open_menu .gh-btn .line::before {
        top: 0;
        transform: rotate(45deg); }
    .gh-btn .line::after {
      top: 0.4861111111vw; }
      @media screen and (max-width: 1023px) {
        .gh-btn .line::after {
          top: 1.6vw; } }
      .open_menu .gh-btn .line::after {
        top: 0;
        transform: rotate(-45deg); }

#top:not(.open_menu) .gh-inner-bg.bg-white .gh-btn .line {
  background: linear-gradient(90deg, #e3340d 0%, #771b07 100%); }
  #top:not(.open_menu) .gh-inner-bg.bg-white .gh-btn .line::before, #top:not(.open_menu) .gh-inner-bg.bg-white .gh-btn .line::after {
    background: linear-gradient(90deg, #e3340d 0%, #771b07 100%); }

/* --------------------------------------------------
  gh-nav
-------------------------------------------------- */
.gh-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.2083333333vw;
  overflow: hidden;
  background: linear-gradient(90deg, #e3340d 0%, #771b07 100%);
  transition: height 500ms cubic-bezier(0.76, 0, 0.24, 1); }
  @media screen and (max-width: 1023px) {
    .gh-nav {
      height: 2px; } }
  .gh-nav-scroll {
    height: 100vh;
    overflow: auto;
    padding-bottom: 6.9444444444vw; }
    @media screen and (max-width: 1023px) {
      .gh-nav-scroll {
        padding-bottom: 26.6666666667vw; } }
  .gh-nav-inner {
    height: 100vh;
    min-height: 56.25vw; }
    @media screen and (max-width: 1023px) {
      .gh-nav-inner {
        min-height: 100%; } }
  .gh-nav-list {
    display: flex;
    flex-wrap: wrap;
    width: 70.1388888889%;
    margin: 0 auto;
    padding-top: 9.375%; }
    @media screen and (max-width: 1023px) {
      .gh-nav-list {
        flex-direction: column;
        width: 89.3333333333vw;
        padding-top: 19.7333333333vw; } }
  .gh-nav-item {
    width: 29.702970297%;
    margin-bottom: 5.4455445545%; }
    @media screen and (max-width: 1023px) {
      .gh-nav-item {
        width: 100%;
        margin-bottom: 0; } }
    .gh-nav-item:not(:nth-child(3n)) {
      margin-right: 5.4455445545%; }
      @media screen and (max-width: 1023px) {
        .gh-nav-item:not(:nth-child(3n)) {
          margin-right: 0; } }
    @media screen and (max-width: 1023px) {
      .gh-nav-item:not(:last-child) {
        margin-top: -1px; } }
    .gh-nav-item-cat {
      position: relative;
      border-top: 0.3472222222vw solid #fff;
      border-bottom: 1px solid #fff; }
      @media screen and (max-width: 1023px) {
        .gh-nav-item-cat {
          border-top-width: 1.0666666667vw; } }
      .gh-nav-item-cat-link {
        display: block;
        padding: 6.3333333333% 0;
        font-size: 1.25vw;
        font-weight: 700;
        letter-spacing: 0.2em;
        color: #FFF; }
        @media screen and (max-width: 1023px) {
          .gh-nav-item-cat-link {
            padding: 4vw 0;
            font-size: 4vw; } }
        @media (hover: hover) {
          .notouch .gh-nav-item-cat-link:hover {
            color: #c1c1c1; } }
      @media screen and (max-width: 1023px) {
        .gh-nav-item-cat .accordion-trigger {
          appearance: none;
          position: absolute;
          top: 0;
          right: 0;
          width: 8.2666666667vw;
          height: 100%;
          margin: 0;
          padding: 0;
          border: none;
          background: transparent;
          pointer-events: none; } }
      @media screen and (max-width: 1023px) {
        .gh-nav-item-cat .accordion-trigger::before, .gh-nav-item-cat .accordion-trigger::after {
          content: "";
          display: block;
          position: absolute;
          top: 50%;
          left: 50%;
          width: 3.7333333333vw;
          height: 0.5333333333vw;
          background-color: #FFF;
          transform: translate(-50%, -50%);
          transition: transform 400ms ease; } }
      @media screen and (max-width: 1023px) {
        .gh-nav-item-cat .accordion-trigger::before {
          transform: translate(-50%, -50%) rotate(90deg); } }
      @media screen and (max-width: 1023px) {
        .gh-nav-item-cat .accordion-trigger.show::before {
          transform: translate(-50%, -50%) rotate(0deg); } }
    @media screen and (max-width: 1023px) {
      .gh-nav-item-cont.accordion-content {
        display: none; } }
    .gh-nav-item-cont-link {
      display: block;
      position: relative;
      padding: 6.3333333333% 0;
      border-bottom: 1px solid rgba(255, 255, 255, 0.5);
      font-size: 0.9722222222vw;
      font-weight: 700;
      letter-spacing: 0.2em;
      color: #FFF; }
      @media screen and (max-width: 1023px) {
        .gh-nav-item-cont-link {
          padding: 4.2666666667vw 0;
          font-size: 3.2vw; } }
      .gh-nav-item-cont-link.coming {
        color: rgba(255, 255, 255, 0.5);
        pointer-events: none; }
        .gh-nav-item-cont-link.coming .icon-arrow-next {
          display: none; }
      .gh-nav-item-cont-link .icon-arrow-next {
        position: absolute;
        top: 50%;
        right: 0;
        font-size: 0.8333333333vw;
        letter-spacing: 0;
        transform: translateY(-50%);
        transition: transform 400ms ease; }
        @media screen and (max-width: 1023px) {
          .gh-nav-item-cont-link .icon-arrow-next {
            right: 2.6666666667vw;
            font-size: 3.2vw; } }
      @media (hover: hover) {
        .notouch .gh-nav-item-cont-link:hover {
          color: #c1c1c1; }
          .notouch .gh-nav-item-cont-link:hover .icon-arrow-next {
            transform: translateY(-50%) translateX(30%); } }

/* --------------------------------------------------
  breadcrumb
-------------------------------------------------- */
.breadcrumb {
  position: fixed;
  top: 0;
  left: 27.0833333333vw;
  z-index: 100;
  margin-top: 3.1944444444vw; }
  @media screen and (max-width: 1023px) {
    .breadcrumb {
      display: none; } }
  .breadcrumb-list {
    display: flex; }
  .breadcrumb-item {
    padding: 0 1.5972222222vw;
    font-size: 0.9722222222vw;
    font-weight: 700;
    letter-spacing: 0.07em;
    transition: color 400ms ease; }
    .breadcrumb-item:not(:last-child) {
      border-right: 1px solid #c1c1c1; }
    .open_menu .breadcrumb-item {
      color: #FFF; }
  .breadcrumb-link {
    color: #b42925; }
    @media (hover: hover) {
      .notouch .breadcrumb-link:hover {
        color: #771b07; } }
    .open_menu .breadcrumb-link {
      color: #c1c1c1; }
    @media (hover: hover) {
      .notouch .notouch .open_menu .breadcrumb-link:hover {
        color: #e6e6e6; } }

/* --------------------------------------------------
	global_footer
-------------------------------------------------- */
.global_footer {
  position: relative;
  background-color: #FFF; }

.gf-inner {
  padding-top: 3.8194444444%;
  padding-bottom: 3.2638888889%; }
  @media screen and (max-width: 1023px) {
    .gf-inner {
      padding-top: 10.6666666667vw;
      padding-bottom: 15.2vw; } }
.gf-logo {
  display: flex;
  justify-content: center; }
  @media screen and (max-width: 1023px) {
    .gf-logo {
      flex-wrap: wrap; } }
  .gf-logo:not(:last-child) {
    margin-bottom: 3.4027777778%; }
    @media screen and (max-width: 1023px) {
      .gf-logo:not(:last-child) {
        margin-bottom: 5.3333333333vw; } }
  .gf-logo-item {
    height: 3.8263888889vw;
    margin: 0 1.0416666667%; }
    @media screen and (max-width: 1023px) {
      .gf-logo-item {
        width: 29.8666666667vw;
        height: 11.2vw;
        margin: 0 0 2.6666666667vw;
        text-align: center; } }
    .gf-logo-item a {
      display: block;
      height: 100%; }
      @media (hover: hover) {
        .notouch .gf-logo-item a:hover img {
          opacity: 0.7; } }
    .gf-logo-item img {
      width: auto;
      height: 100%;
      transition: opacity 400ms ease; }
.gf-nav:not(:last-child) {
  margin-bottom: 3.6111111111%; }
  @media screen and (max-width: 1023px) {
    .gf-nav:not(:last-child) {
      margin-bottom: 4vw; } }
.gf-nav-list {
  display: flex;
  justify-content: center; }
  @media screen and (max-width: 1023px) {
    .gf-nav-list {
      flex-wrap: wrap; } }
@media screen and (max-width: 1023px) {
  .gf-nav-item {
    margin-bottom: 4vw; } }
.gf-nav-item:not(:last-child) a {
  border-right: 1px solid #c1c1c1; }
  @media screen and (max-width: 1023px) {
    .gf-nav-item:not(:last-child) a {
      border-right: none; } }
@media screen and (max-width: 1023px) {
  .gf-nav-item:not(:nth-child(2n)) a {
    border-right: 1px solid #c1c1c1; } }
.gf-nav-item a {
  display: inline-block;
  padding: 0 2.7083333333vw;
  font-size: 0.9722222222vw;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #b42925; }
  @media screen and (max-width: 1023px) {
    .gf-nav-item a {
      padding: 0 8vw;
      font-size: 2.9333333333vw; } }
  @media (hover: hover) {
    .notouch .gf-nav-item a:hover {
      color: #771b07; } }
.gf-company {
  padding-left: 0.1388888889%; }
  .gf-company:not(:last-child) {
    margin-bottom: 3.4027777778%; }
    @media screen and (max-width: 1023px) {
      .gf-company:not(:last-child) {
        margin-bottom: 8.8vw; } }
  .gf-company-link {
    display: flex;
    justify-content: center;
    align-items: center; }
  .gf-company-logo {
    width: 9.7222222222%; }
    @media screen and (max-width: 1023px) {
      .gf-company-logo {
        width: 28vw; } }
    .gf-company-logo:not(:last-child) {
      margin-right: 2.0833333333%; }
      @media screen and (max-width: 1023px) {
        .gf-company-logo:not(:last-child) {
          margin-right: 5.8666666667vw; } }
    .gf-company-logo .cls-1 {
      fill: url(#gradient); }
    .gf-company-logo #stop1 {
      stop-color: #e3340d; }
    .gf-company-logo #stop2 {
      stop-color: #771b07; }
  .gf-company-title {
    background: linear-gradient(90deg, #e3340d 0%, #771b07 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #b42925;
    font-size: 1.25vw;
    font-weight: 700;
    letter-spacing: 0.15em; }
    @media screen and (max-width: 1023px) {
      .gf-company-title {
        font-size: 3.7333333333vw; } }
.gf-info {
  display: flex;
  justify-content: center; }
  @media screen and (max-width: 1023px) {
    .gf-info {
      flex-direction: column;
      align-items: center; } }
  .gf-info:not(:last-child) {
    margin-bottom: 3.8194444444%; }
    @media screen and (max-width: 1023px) {
      .gf-info:not(:last-child) {
        margin-bottom: 10.6666666667vw; } }
  .gf-info-item {
    padding: 0 2.7777777778%;
    font-size: 0.8333333333vw;
    font-weight: 500;
    color: #8e8e8e;
    letter-spacing: 0.1em; }
    @media screen and (max-width: 1023px) {
      .gf-info-item {
        font-size: 2.4vw; } }
    .gf-info-item:not(:last-child) {
      border-right: 1px solid #c1c1c1; }
      @media screen and (max-width: 1023px) {
        .gf-info-item:not(:last-child) {
          margin-bottom: 4.8vw; } }
    .gf-info-item a {
      position: relative;
      color: #b42925; }
      @media (hover: hover) {
        .notouch .gf-info-item a:hover {
          color: #771b07; }
          .notouch .gf-info-item a:hover::after {
            background-color: #771b07;
            transform: translateY(0.1388888889vw); } }
      .gf-info-item a::after {
        content: "";
        display: block;
        position: absolute;
        bottom: -0.3472222222vw;
        left: 0;
        width: 100%;
        height: 1px;
        background-color: #b42925;
        transition: background 400ms ease, transform 400ms ease; }
        @media screen and (max-width: 1023px) {
          .gf-info-item a::after {
            bottom: -1.0666666667vw; } }
      .gf-info-item a .icon-blank {
        position: relative;
        top: 0.1388888889vw;
        margin-right: 0.5555555556vw;
        font-size: 0.6944444444vw;
        letter-spacing: 0; }
        @media screen and (max-width: 1023px) {
          .gf-info-item a .icon-blank {
            margin-right: 1.8666666667vw;
            font-size: 2.1333333333vw; } }
.gf-copyright {
  text-align: center;
  font-size: 0.8333333333vw;
  font-weight: 700;
  letter-spacing: 0.1em; }
  @media screen and (max-width: 1023px) {
    .gf-copyright {
      font-size: 2.4vw; } }

/* --------------------------------------------------
	global-entry-btn
-------------------------------------------------- */
.global-entry-btn {
  position: relative;
  height: 10.4166666667vw;
  background: linear-gradient(90deg, #e3340d 0%, #771b07 100%); }
  @media screen and (max-width: 1023px) {
    .global-entry-btn {
      height: auto; } }
  .global-entry-btn-inner {
    width: 72.9166666667vw;
    margin: 0 auto; }
    @media screen and (max-width: 1023px) {
      .global-entry-btn-inner {
        width: 76vw; } }
  .global-entry-btn-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2.0833333333vw 2.0833333333vw;
    padding: 4.2857142857% 0; }
    @media screen and (max-width: 1023px) {
      .global-entry-btn-list {
        flex-direction: column;
        align-items: center;
        gap: 5.3333333333vw;
        padding: 8vw 0; } }
  .global-entry-btn-item {
    width: 28.5714285714%; }
    @media screen and (max-width: 1023px) {
      .global-entry-btn-item {
        width: 60vw; } }
    .global-entry-btn-item a {
      display: block;
      background-color: #FFF;
      border-radius: 4.1666666667vw;
      transition: background 400ms ease, box-shadow 400ms ease, transform 400ms ease; }
      @media screen and (max-width: 1023px) {
        .global-entry-btn-item a {
          border-radius: 16vw; } }
      @media (hover: hover) {
        .notouch .global-entry-btn-item a:hover {
          background-color: #f9e0df;
          box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.3);
          transform: scale(1.01); } }

/* --------------------------------------------------
  parts-btn
-------------------------------------------------- */
.parts-btn {
  display: block;
  position: relative;
  min-width: 17.3611111111vw;
  overflow: hidden;
  padding: 1.1805555556vw 0.6944444444vw;
  background: linear-gradient(90deg, #e3340d 0%, #771b07 100%);
  border-radius: 40px;
  text-align: center;
  font-size: 1.1111111111vw;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #FFF; }
  .parts-btn-column {
    display: flex;
    opacity: 0;
    transform: translateX(-10%);
    transition: opacity 400ms ease 1200ms, transform 400ms cubic-bezier(0, 0.55, 0.45, 1) 1200ms; }
  @media screen and (max-width: 1023px) {
    .parts-btn {
      padding: 2.9333333333vw 2.9333333333vw;
      font-size: 2.6666666667vw; } }
  .parts-btn.coming {
    opacity: 0.5;
    pointer-events: none; }
  .parts-btn::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(-90deg, #e3340d 0%, #771b07 100%);
    transform: scaleX(0);
    transform-origin: 100% 50%;
    transition: transform 400ms ease; }
  .parts-btn-text {
    position: relative; }
  @media (hover: hover) {
    .notouch .parts-btn:hover::before {
      transform: scaleX(1);
      transform-origin: 0 50%; } }

/* --------------------------------------------------
  parts-text
-------------------------------------------------- */
.parts-text {
  text-align: justify;
  font-size: 0.9722222222vw;
  line-height: 2.25;
  font-weight: 500;
  letter-spacing: 0.1em; }
  @media screen and (max-width: 1023px) {
    .parts-text {
      font-size: 3.2vw; } }
  .parts-text.center {
    text-align: center; }
    @media screen and (max-width: 1023px) {
      .parts-text.center {
        text-align: justify; } }
  .parts-text a {
    position: relative;
    color: #b42925; }
    .parts-text a::after {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      bottom: -0.3472222222vw;
      width: 100%;
      height: 1px;
      background-color: #b42925;
      transition: background 400ms ease, transform 400ms ease; }
    @media (hover: hover) {
      .notouch .parts-text a:hover {
        color: #771b07; }
        .notouch .parts-text a:hover::after {
          background-color: #771b07;
          transform: translateY(0.1388888889vw); } }
  .parts-text-indent {
    display: block;
    position: relative;
    padding-left: 1.3em;
    line-height: 2; }
    .parts-text-indent::before {
      content: "";
      display: block;
      position: absolute;
      top: 0.5555555556vw;
      left: 0;
      width: 0.8333333333vw;
      height: 0.8333333333vw;
      background: url(/assets/img/env/welfare/circle.svg) 0 0/100% auto no-repeat; }
      @media screen and (max-width: 1023px) {
        .parts-text-indent::before {
          top: 1.8666666667vw;
          width: 2.6666666667vw;
          height: 2.6666666667vw; } }

/* --------------------------------------------------
  parts-stext
-------------------------------------------------- */
.parts-stext {
  text-align: justify;
  font-size: 0.8333333333vw;
  line-height: 2.5714285714;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #666666; }
  @media screen and (max-width: 1023px) {
    .parts-stext {
      font-size: 2.6666666667vw; } }
  .parts-stext.center {
    text-align: center; }
    @media screen and (max-width: 1023px) {
      .parts-stext.center {
        text-align: justify; } }

/* --------------------------------------------------
  parts-hd
-------------------------------------------------- */
.parts-hd {
  font-size: 2.0833333333vw;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.1em; }
  @media screen and (max-width: 1023px) {
    .parts-hd {
      font-size: 6.4vw; } }
  .parts-hd.center {
    text-align: center; }
    @media screen and (max-width: 1023px) {
      .parts-hd.center {
        text-align: left; } }
  .parts-hd .parts-hd-text {
    display: inline-block;
    background: linear-gradient(90deg, #e3340d 0%, #771b07 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #b42925;
    font-weight: 700; }

/* --------------------------------------------------
  parts-mhd
-------------------------------------------------- */
.parts-mhd {
  font-size: 2.0833333333vw;
  line-height: 1.6666666667;
  font-weight: 700;
  letter-spacing: 0.1em; }
  @media screen and (max-width: 1023px) {
    .parts-mhd {
      font-size: 4.2666666667vw; } }
  .parts-mhd.center {
    text-align: center; }
    @media screen and (max-width: 1023px) {
      .parts-mhd.center {
        text-align: left; } }
  .parts-mhd .accent {
    color: #b42925; }
  .parts-mhd .parts-hd-text {
    display: inline-block;
    background: linear-gradient(90deg, #e3340d 0%, #771b07 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #b42925; }

/* --------------------------------------------------
  parts-shd
-------------------------------------------------- */
.parts-shd {
  font-size: 2.0833333333vw;
  line-height: 1.6;
  font-weight: 700;
  letter-spacing: 0.1em; }
  @media screen and (max-width: 1023px) {
    .parts-shd {
      font-size: 4.2666666667vw; } }
  .parts-shd.center {
    text-align: center; }
  .parts-shd .accent {
    color: #b42925; }
  .parts-shd .parts-hd-text {
    font-size: 1.6666666667vw;
    display: inline-block;
    background: linear-gradient(90deg, #e3340d 0%, #771b07 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #b42925; }
    @media screen and (max-width: 1023px) {
      .parts-shd .parts-hd-text {
        font-size: 4.2666666667vw; } }

/* --------------------------------------------------
  parts-slide
-------------------------------------------------- */
.parts-slide:not(:last-child) {
  margin-bottom: 1.0416666667vw; }
  @media screen and (max-width: 1023px) {
    .parts-slide:not(:last-child) {
      margin-bottom: 3.2vw; } }
.parts-slide-item-img {
  margin: 0;
  padding: 0; }
.parts-slide-thumb {
  display: flex; }
  .parts-slide-thumb:not(:last-child) {
    margin-bottom: 3.6111111111vw; }
    @media screen and (max-width: 1023px) {
      .parts-slide-thumb:not(:last-child) {
        margin-bottom: 8vw; } }
  .parts-slide-thumb-item {
    position: relative;
    width: 4.1666666667vw;
    cursor: pointer; }
    @media screen and (max-width: 1023px) {
      .parts-slide-thumb-item {
        width: 12.5333333333vw; } }
    .parts-slide-thumb-item:not(:last-child) {
      margin-right: 1.0416666667vw; }
      @media screen and (max-width: 1023px) {
        .parts-slide-thumb-item:not(:last-child) {
          margin-right: 3.2vw; } }
    @media (hover: hover) {
      .notouch .parts-slide-thumb-item:hover .parts-slide-item-img::after {
        background-color: rgba(255, 255, 255, 0.3); } }
    .parts-slide-thumb-item::after {
      content: "";
      display: block;
      position: absolute;
      bottom: -0.3472222222vw;
      left: 0;
      width: 100%;
      height: 1px;
      background: linear-gradient(90deg, #e3340d 0%, #771b07 100%);
      transform-origin: 100% 50%;
      transition: transform 200ms linear; }
      @media screen and (max-width: 1023px) {
        .parts-slide-thumb-item::after {
          bottom: -0.8vw; } }
    .parts-slide-thumb-item.active::after {
      transform: scaleX(0);
      transition-duration: 3000ms; }
    .parts-slide-thumb-item .parts-slide-item-img {
      position: relative;
      margin: 0;
      padding: 0; }
      .parts-slide-thumb-item .parts-slide-item-img::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0);
        transition: background 400ms ease; }

/* --------------------------------------------------
  icon-arrow-wrap
-------------------------------------------------- */
.icon-arrow-wrap {
  position: relative;
  width: 2.5vw;
  height: 2.5vw;
  overflow: hidden;
  border: 0.2083333333vw solid #fff;
  border-radius: 100%;
  transition: border 400ms ease; }
  @media screen and (max-width: 1023px) {
    .icon-arrow-wrap {
      width: 6.1333333333vw;
      height: 6.1333333333vw;
      border-width: 2px; } }
  .icon-arrow-wrap .icon-arrow {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 1.0416666667vw;
    letter-spacing: 0;
    transform: translate(-50%, -50%);
    transition: transform 400ms ease; }
    @media screen and (max-width: 1023px) {
      .icon-arrow-wrap .icon-arrow {
        font-size: 2.1333333333vw; } }
    .icon-arrow-wrap .icon-arrow-front {
      transform: translate(-50%, -50%); }
    .icon-arrow-wrap .icon-arrow-back {
      transform: translate(-250%, -50%); }

@media (hover: hover) {
  .notouch a:hover .icon-arrow-front {
    transform: translate(250%, -50%); }
  .notouch a:hover .icon-arrow-back {
    transform: translate(-50%, -50%); } }

/* --------------------------------------------------
  page-top
-------------------------------------------------- */
.page-top {
  position: fixed;
  bottom: 0;
  right: 2.4305555556%;
  z-index: 9;
  width: 2.5vw;
  height: 2.5vw;
  margin-bottom: 2.4305555556%;
  opacity: 0;
  transition: opacity 400ms ease; }
  @media screen and (max-width: 1023px) {
    .page-top {
      right: 50%;
      width: 5.3333333333vw;
      height: 5.3333333333vw;
      margin-right: -2.6666666667vw;
      margin-bottom: 4.8vw; } }
  .page-top.show {
    opacity: 1; }
  .page-top-link {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #000000;
    border-radius: 100%;
    color: #FFF;
    transition: background 300ms ease; }
    @media (hover: hover) {
      .notouch .page-top-link:hover {
        background-color: #4d4d4d; }
        .notouch .page-top-link:hover .icon-arrow-top-front {
          transform: translate(-50%, -300%); }
        .notouch .page-top-link:hover .icon-arrow-top-back {
          transform: translate(-50%, -50%); } }
  .page-top .icon-arrow-top {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 0.6944444444vw;
    transform: translate(-50%, -50%);
    transition: transform 300ms ease; }
    @media screen and (max-width: 1023px) {
      .page-top .icon-arrow-top {
        font-size: 1.6vw; } }
    .page-top .icon-arrow-top-front {
      transform: translate(-50%, -50%); }
    .page-top .icon-arrow-top-back {
      transform: translate(-50%, 250%); }

/* --------------------------------------------------
  modal
-------------------------------------------------- */
.modaal-inner-wrapper {
  padding: 0; }

.modaal-video-wrap {
  margin: 0; }

.modaal-video-container {
  max-width: 69.4444444444vw;
  max-height: 39.0625vw; }
  @media screen and (max-width: 1023px) {
    .modaal-video-container {
      max-width: 1000px;
      max-height: 1000px; } }
  .modaal-video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.modaal-close {
  top: 50%;
  right: 50%;
  margin-top: -20.2777777778vw;
  margin-right: -39.5833333333vw; }
  @media screen and (max-width: 1023px) {
    .modaal-close {
      margin-top: -41.3333333333vw;
      margin-right: -48vw; } }
  .modaal-close::before, .modaal-close::after {
    top: 7.5px;
    height: 35px;
    border-radius: 0; }
  .modaal-close:focus, .modaal-close:hover {
    background: transparent; }
    .modaal-close:focus::before, .modaal-close:focus::after, .modaal-close:hover::before, .modaal-close:hover::after {
      background-color: #c1c1c1; }

.modaal-inline .modaal-container {
  max-width: 100%;
  background: transparent;
  box-shadow: none; }
.modaal-inline .modaal-content-container {
  padding: 0; }
.modaal-inline .global-entry-btn-inner {
  background: linear-gradient(90deg, #e3340d 0%, #771b07 100%);
  border-radius: 5.2083333333vw; }
  @media screen and (max-width: 1023px) {
    .modaal-inline .global-entry-btn-inner {
      border-radius: 10.6666666667vw; } }
.modaal-inline .modaal-close {
  margin-top: -9.375vw;
  margin-right: -37.5vw; }
  @media screen and (max-width: 1023px) {
    .modaal-inline .modaal-close {
      margin-top: -61.3333333333vw;
      margin-right: -42.6666666667vw; } }
  .modaal-inline .modaal-close::before, .modaal-inline .modaal-close::after {
    top: 11.5px;
    width: 2.5px;
    height: 27px; }

/* --------------------------------------------------
  parts-inlinemovie
-------------------------------------------------- */
.parts-inlinemovie {
  position: relative;
  padding-top: 56.25%; }
  .parts-inlinemovie video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  .parts-inlinemovie::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0); }

/* --------------------------------------------------
  data-table
-------------------------------------------------- */
.data-table-item {
  display: flex;
  padding-top: 1.7361111111vw;
  padding-bottom: 1.7361111111vw;
  border-bottom: 1px solid #e6e6e6; }
  @media screen and (max-width: 1023px) {
    .data-table-item {
      padding-top: 5.3333333333vw;
      padding-bottom: 5.3333333333vw; } }
  .data-table-item:first-child {
    border-top: 1px solid #e6e6e6; }
.data-table-hd {
  width: 13.1944444444vw;
  font-size: 1.1111111111vw;
  line-height: 1.6666666667;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #b42925; }
  @media screen and (max-width: 1023px) {
    .data-table-hd {
      width: 26.6666666667vw;
      font-size: 3.2vw; } }
.data-table-text {
  width: calc(100% - 190 / 1440 * 100vw);
  font-size: 0.9722222222vw;
  line-height: 1.65625;
  font-weight: 500;
  letter-spacing: 0.1em; }
  @media screen and (max-width: 1023px) {
    .data-table-text {
      width: calc(100% - 100 / 375 * 100vw);
      font-size: 3.2vw; } }

/* --------------------------------------------------
	people-job-list
-------------------------------------------------- */
.people-job {
  width: 81.25%;
  margin: 0 auto;
  padding-top: 7.9861111111%; }
  @media screen and (max-width: 1023px) {
    .people-job {
      width: 93.3333333333vw;
      padding-top: 16vw; } }
  .people-job .parts-hd {
    margin-bottom: 4.3859649123%; }
  .people-job-blue .people-job-item-link::after {
    background: rgba(8, 141, 205, 0.8);
    background: linear-gradient(10deg, rgba(8, 141, 205, 0.8) 0%, rgba(47, 81, 197, 0.8) 100%); }
  .people-job-green .people-job-item-link::after {
    background: rgba(163, 204, 7, 0.8);
    background: linear-gradient(10deg, rgba(163, 204, 7, 0.8) 0%, rgba(62, 80, 1, 0.8) 100%); }
  .people-job-orange .people-job-item-link::after {
    background: rgba(240, 173, 101, 0.8);
    background: linear-gradient(10deg, rgba(240, 173, 101, 0.8) 0%, rgba(100, 70, 38, 0.8) 100%); }
  .people-job-red .people-job-item-link::after {
    background: rgba(119, 27, 7, 0.8);
    background: linear-gradient(10deg, rgba(119, 27, 7, 0.8) 0%, rgba(227, 52, 13, 0.8) 100%); }
  .people-job-item {
    width: 18.2638888889vw;
    margin: 0 1.0416666667vw;
    opacity: 0;
    transform: translateY(10%);
    transition: opacity 400ms ease 800ms, transform 400ms cubic-bezier(0, 0.55, 0.45, 1) 800ms; }
    @media screen and (max-width: 1023px) {
      .people-job-item {
        width: 41.8666666667vw;
        margin: 0 2.6666666667vw; } }
    .people-job-item:nth-child(1) {
      transition-delay: 300ms; }
    .people-job-item:nth-child(2) {
      transition-delay: 400ms; }
    .people-job-item:nth-child(3) {
      transition-delay: 500ms; }
    .people-job-item:nth-child(4) {
      transition-delay: 600ms; }
    .people-job-item:nth-child(5) {
      transition-delay: 700ms; }
    .people-job-item:nth-child(6) {
      transition-delay: 800ms; }
    .people-job-item:nth-child(7) {
      transition-delay: 900ms; }
    .people-job-item:nth-child(8) {
      transition-delay: 1000ms; }
    .people-job-item:nth-child(9) {
      transition-delay: 1100ms; }
    .people-job-item:nth-child(10) {
      transition-delay: 1200ms; }
    .people-job-item:nth-child(11) {
      transition-delay: 1300ms; }
    .people-job-item:nth-child(12) {
      transition-delay: 1400ms; }
    .people-job-item:nth-child(13) {
      transition-delay: 1500ms; }
    .people-job-item:nth-child(14) {
      transition-delay: 1600ms; }
    .people-job-item:nth-child(15) {
      transition-delay: 1700ms; }
    .people-job-item:nth-child(16) {
      transition-delay: 1800ms; }
    .people-job-item:nth-child(17) {
      transition-delay: 1900ms; }
    .people-job-item:nth-child(18) {
      transition-delay: 2000ms; }
    .people-job-item:nth-child(19) {
      transition-delay: 2100ms; }
    .people-job-item:nth-child(20) {
      transition-delay: 2200ms; }
    .people-job-item-link {
      display: block;
      position: relative;
      padding: 1.3888888889vw 1.3888888889vw 5.5555555556vw;
      background: transparent center center / cover no-repeat;
      border-radius: 10.4166666667vw; }
      @media screen and (max-width: 1023px) {
        .people-job-item-link {
          padding: 2.6666666667vw 2.6666666667vw 12vw;
          border-radius: 20vw; } }
      .people-job-item-link.coming {
        opacity: 0.5;
        pointer-events: none; }
        .people-job-item-link.coming .icon-arrow-wrap {
          display: none; }
      .people-job-item-link::before, .people-job-item-link::after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 10.4166666667vw; }
        @media screen and (max-width: 1023px) {
          .people-job-item-link::before, .people-job-item-link::after {
            border-radius: 20vw; } }
      .people-job-item-link::before {
        background-color: rgba(255, 255, 255, 0);
        transition: background 600ms ease; }
      @media (hover: hover) {
        .notouch .people-job-item-link:hover::before {
          background-color: rgba(255, 255, 255, 0.2); }
        .notouch .people-job-item-link:hover .people-job-item-photo img {
          transform: scale(1.07); } }
    .people-job-item-photo {
      position: relative;
      z-index: 1;
      overflow: hidden;
      margin: 0;
      padding: 0;
      border-radius: 100%; }
      .people-job-item-photo:not(:last-child) {
        margin-bottom: 1.4583333333vw; }
        @media screen and (max-width: 1023px) {
          .people-job-item-photo:not(:last-child) {
            margin-bottom: 2.6666666667vw; } }
      .people-job-item-photo img {
        border-radius: 100%;
        transition: transform 400ms cubic-bezier(0.61, 1, 0.88, 1); }
    .people-job-item-text {
      position: relative;
      z-index: 1;
      text-align: center;
      font-size: 0.9722222222vw;
      line-height: inherit;
      font-weight: 500;
      letter-spacing: 0.08em;
      color: #FFF; }
      @media screen and (max-width: 1023px) {
        .people-job-item-text {
          font-size: 2.4vw; } }
      .people-job-item-text-wrap {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 5.4em;
        font-size: 1.1111111111vw;
        line-height: 1.8; }
        @media screen and (max-width: 1023px) {
          .people-job-item-text-wrap {
            font-size: 2.4vw; } }
        .people-job-item-text-wrap:not(:last-child) {
          margin-bottom: 1.1805555556vw; }
          @media screen and (max-width: 1023px) {
            .people-job-item-text-wrap:not(:last-child) {
              margin-bottom: 2.1333333333vw; } }
    .people-job-item-info {
      position: relative;
      z-index: 1;
      margin: 0 0.8333333333vw;
      padding-top: 0.9722222222vw;
      border-top: 2px solid #fff;
      text-align: center;
      font-weight: 700;
      color: #FFF; }
      @media screen and (max-width: 1023px) {
        .people-job-item-info {
          margin: 0 1.6vw;
          padding-top: 1.8666666667vw;
          border-top-width: 1px; } }
      .people-job-item-info-shop {
        width: 102%;
        margin-left: -1%;
        font-size: 0.8333333333vw;
        line-height: 1.6; }
        @media screen and (max-width: 1023px) {
          .people-job-item-info-shop {
            font-size: 2.1333333333vw; } }
      .people-job-item-info-name {
        width: 102%;
        margin-left: -1%;
        font-size: 1.4583333333vw;
        line-height: 1.5; }
        @media screen and (max-width: 1023px) {
          .people-job-item-info-name {
            font-size: 3.4666666667vw; } }
    .people-job-item .icon-arrow-wrap {
      position: absolute;
      bottom: 1.25vw;
      left: 50%;
      z-index: 1;
      color: #FFF;
      transform: translateX(-50%); }
      @media screen and (max-width: 1023px) {
        .people-job-item .icon-arrow-wrap {
          bottom: 2.4vw; } }
      .people-job-item .icon-arrow-wrap .icon-arrow {
        letter-spacing: 0; }

.under {
  /* ==========================================================================
  dummy
  ========================================================================== */
  /* --------------------------------------------------
  	hero
  -------------------------------------------------- */ }
  .under .hero {
    position: relative;
    padding-top: 12.6388888889%; }
    @media screen and (max-width: 1023px) {
      .under .hero {
        padding-top: 24vw; } }
    .under .hero-bg {
      position: absolute;
      top: 0;
      right: -13.0555555556%;
      width: 57.6388888889%;
      margin-top: -13.5416666667%; }
      @media screen and (max-width: 1023px) {
        .under .hero-bg {
          right: -12.5333333333vw;
          width: 73.6vw;
          margin-top: 2.6666666667vw; } }
    .under .hero-title {
      position: relative;
      margin-left: 10.4166666667%; }
      @media screen and (max-width: 1023px) {
        .under .hero-title {
          margin-left: 5.3333333333vw; } }
      .under .hero-title-en {
        vertical-align: middle;
        font-size: 5vw;
        font-weight: 700;
        letter-spacing: 0.1em; }
        @media screen and (max-width: 1023px) {
          .under .hero-title-en {
            display: block;
            font-size: 10.6666666667vw;
            margin-left: -0.8vw; } }
        .under .hero-title-en:not(:last-child) {
          margin-bottom: 3.2vw; }
      .under .hero-title-jp {
        position: relative;
        top: 0.2777777778vw;
        margin-left: 1.1111111111vw;
        vertical-align: middle;
        font-size: 1.1111111111vw;
        font-weight: 700;
        letter-spacing: 0.1em; }
        @media screen and (max-width: 1023px) {
          .under .hero-title-jp {
            display: block;
            top: 0;
            margin-left: 0vw;
            font-size: 3.2vw; } }
      .under .hero-title:not(:last-child) {
        margin-bottom: 6.3888888889%; }
        @media screen and (max-width: 1023px) {
          .under .hero-title:not(:last-child) {
            margin-bottom: 6.6666666667vw; } }
    .under .hero-hd {
      position: relative;
      z-index: 1;
      width: 100%;
      padding-top: 20.8333333333%;
      background: transparent center center / cover no-repeat; }
      .under .hero-hd-box {
        display: block;
        position: absolute;
        top: 50%;
        left: 11.1111111111%;
        width: 50%;
        color: #FFF;
        transform: translateY(-50%); }
        @media screen and (max-width: 1023px) {
          .under .hero-hd-box {
            left: 5.3333333333vw; } }
        .under .hero-hd-box-label {
          display: block;
          font-size: 1.6666666667vw;
          line-height: 1.5;
          font-weight: 700;
          letter-spacing: 0.1em; }
          @media screen and (max-width: 1023px) {
            .under .hero-hd-box-label {
              font-size: 2.4vw; } }
          .under .hero-hd-box-label:not(:last-child) {
            margin-bottom: 0.3472222222vw; }
            @media screen and (max-width: 1023px) {
              .under .hero-hd-box-label:not(:last-child) {
                margin-bottom: 1.3333333333vw; } }
        .under .hero-hd-box-jp {
          display: block;
          font-size: 2.5vw;
          font-weight: 700;
          letter-spacing: 0.1em; }
          @media screen and (max-width: 1023px) {
            .under .hero-hd-box-jp {
              font-size: 4.2666666667vw; } }
          .under .hero-hd-box-jp:not(:last-child) {
            margin-bottom: 1.7361111111vw; }
            @media screen and (max-width: 1023px) {
              .under .hero-hd-box-jp:not(:last-child) {
                margin-bottom: 2.6666666667vw; } }
        .under .hero-hd-box-en {
          display: block;
          font-size: 1.1111111111vw;
          font-weight: 700;
          letter-spacing: 0.1em; }
          @media screen and (max-width: 1023px) {
            .under .hero-hd-box-en {
              font-size: 2.1333333333vw; } }
      .under .hero-hd-year {
        position: absolute;
        bottom: 3.4722222222vw;
        right: 0;
        padding: 0.9722222222vw 3.2638888889vw 0.9722222222vw 2.0833333333vw;
        background-color: rgba(255, 255, 255, 0.8);
        font-size: 1.25vw;
        font-weight: 700;
        letter-spacing: 0.1em; }
        @media screen and (max-width: 1023px) {
          .under .hero-hd-year {
            padding: 1.8666666667vw 4vw;
            font-size: 2.4vw; } }

#company.under .hero-bg,
#business.under .hero-bg,
#restaurant.under .hero-bg,
#hotel.under .hero-bg,
#contract.under
#food.under .hero-bg {
  right: -6.9444444444%;
  width: 57.6388888889%;
  margin-top: -6.5972222222%; }
  @media screen and (max-width: 1023px) {
    #company.under .hero-bg,
    #business.under .hero-bg,
    #restaurant.under .hero-bg,
    #hotel.under .hero-bg,
    #contract.under
    #food.under .hero-bg {
      right: -12.5333333333vw;
      width: 73.6vw;
      margin-top: 2.6666666667vw; } }

#company.under .hero-hd {
  background-image: url(../img/hero-img/company-hero-img.jpg); }

#business.under .hero-hd {
  background-image: url(../img/hero-img/company-business-hero-img.jpg); }

#restaurant.under .hero-hd {
  background-image: url(../img/hero-img/company-business-restaurant-hero-img.jpg); }

#hotel.under .hero-hd {
  background-image: url(../img/hero-img/company-business-hotel-hero-img.jpg); }

#contract.under .hero-hd {
  background-image: url(../img/hero-img/company-business-contract-hero-img.jpg); }

#food.under .hero-hd {
  background-image: url(../img/hero-img/company-business-food-hero-img.jpg); }

#movie.under .hero-bg,
#data.under .hero-bg,
#development.under .hero-bg,
#welfare.under .hero-bg,
#symposium.under .hero-bg {
  right: -14.5833333333%;
  width: 65.0694444444%;
  margin-top: -3.4722222222%; }
  @media screen and (max-width: 1023px) {
    #movie.under .hero-bg,
    #data.under .hero-bg,
    #development.under .hero-bg,
    #welfare.under .hero-bg,
    #symposium.under .hero-bg {
      right: -25.8666666667vw;
      width: 83.4666666667vw;
      margin-top: 2.6666666667vw; } }

#movie.under .hero-hd {
  background-image: url(../img/hero-img/env-movie-hero-img.jpg); }

#data.under .hero-hd {
  background-image: url(../img/hero-img/env-data-hero-img.jpg); }

#development.under .hero-hd {
  background-image: url(../img/hero-img/env-development-hero-img.jpg); }

#welfare.under .hero-hd {
  background-image: url(../img/hero-img/env-welfare-hero-img.jpg); }

#message.under .hero-bg,
#top-message.under .hero-bg {
  right: -6.6666666667%;
  width: 57.6388888889%;
  margin-top: -7.2916666667%; }
  @media screen and (max-width: 1023px) {
    #message.under .hero-bg,
    #top-message.under .hero-bg {
      right: -19.7333333333vw;
      width: 73.8666666667vw;
      margin-top: 2.6666666667vw; } }

#message.under .hero-hd {
  background-image: url(../img/hero-img/message-hero-img.jpg); }

#top-message.under .hero-hd {
  background-image: url(../img/hero-img/message-top-message-hero-img.jpg); }

#career-info-message.under .hero-bg,
#recruiting.under .hero-bg,
#faq.under .hero-bg,
#internship.under .hero-bg {
  right: -17.5%;
  width: 66.3888888889%;
  margin-top: -8.6805555556%; }
  @media screen and (max-width: 1023px) {
    #career-info-message.under .hero-bg,
    #recruiting.under .hero-bg,
    #faq.under .hero-bg,
    #internship.under .hero-bg {
      right: -36.8vw;
      width: 85.0666666667vw;
      margin-top: 2.6666666667vw; } }

#career-info-message.under .hero-hd {
  background-image: url(../img/hero-img/career-info-message-hero-img.jpg); }

#recruiting.under .hero-hd {
  background-image: url(../img/hero-img/career-info-recruiting-hero-img.jpg); }

#faq.under .hero-hd {
  background-image: url(../img/hero-img/career-info-faq-hero-img.jpg); }

#internship.under .hero-hd {
  background-image: url(../img/hero-img/career-info-internship-hero-img.jpg); }

#career.under .hero-bg,
#career-detail.under .hero-bg {
  right: 6.9444444444%;
  width: 36.875%;
  margin-top: -20.8333333333%; }
  @media screen and (max-width: 1023px) {
    #career.under .hero-bg,
    #career-detail.under .hero-bg {
      right: 5.3333333333vw;
      width: 47.2vw;
      margin-top: -16.5333333333vw; } }

#career.under .hero-hd {
  background-image: url(../img/hero-img/career-hero-img.jpg); }

#project.under .hero-bg,
#project-detail.under .hero-bg {
  right: -1.3888888889%;
  width: 54.6527777778%;
  margin-top: -10.4166666667%; }
  @media screen and (max-width: 1023px) {
    #project.under .hero-bg,
    #project-detail.under .hero-bg {
      right: -13.6vw;
      width: 69.8666666667vw;
      margin-top: -13.3333333333vw; } }

#project.under .hero-hd {
  background-image: url(../img/hero-img/project-hero-img.jpg); }

.under {
  /* --------------------------------------------------
  	content
  -------------------------------------------------- */ }
  .under .content {
    position: relative; }

.under {
  /* --------------------------------------------------
  	sec-block
  -------------------------------------------------- */ }
  .under .sec-block {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 1023px) {
      .under .sec-block {
        flex-direction: column-reverse; } }
    .under .sec-block:not(:last-child) {
      margin-bottom: 7.9861111111%; }
      @media screen and (max-width: 1023px) {
        .under .sec-block:not(:last-child) {
          margin-bottom: 16vw; } }
    .under .sec-block:not(:nth-child(2n)), .under .sec-block.sec-block-reverse:nth-child(2n) {
      flex-direction: row; }
      @media screen and (max-width: 1023px) {
        .under .sec-block:not(:nth-child(2n)), .under .sec-block.sec-block-reverse:nth-child(2n) {
          flex-direction: column-reverse; } }
      .under .sec-block:not(:nth-child(2n)) .sec-block-textbox, .under .sec-block.sec-block-reverse:nth-child(2n) .sec-block-textbox {
        margin-right: 0;
        margin-left: 10.4166666667%; }
        @media screen and (max-width: 1023px) {
          .under .sec-block:not(:nth-child(2n)) .sec-block-textbox, .under .sec-block.sec-block-reverse:nth-child(2n) .sec-block-textbox {
            margin-right: auto;
            margin-left: auto; } }
      .under .sec-block:not(:nth-child(2n)) .sec-block-imgbox, .under .sec-block.sec-block-reverse:nth-child(2n) .sec-block-imgbox {
        margin-left: 0;
        margin-right: 10.4166666667%; }
        .under .sec-block:not(:nth-child(2n)) .sec-block-imgbox-logo, .under .sec-block.sec-block-reverse:nth-child(2n) .sec-block-imgbox-logo {
          text-align: left; }
      .under .sec-block:not(:nth-child(2n)) .parts-slide-thumb, .under .sec-block.sec-block-reverse:nth-child(2n) .parts-slide-thumb {
        justify-content: flex-start; }
    .under .sec-block:nth-child(2n), .under .sec-block.sec-block-reverse:not(:nth-child(2n)) {
      flex-direction: row-reverse; }
      @media screen and (max-width: 1023px) {
        .under .sec-block:nth-child(2n), .under .sec-block.sec-block-reverse:not(:nth-child(2n)) {
          flex-direction: column-reverse; } }
      .under .sec-block:nth-child(2n) .sec-block-textbox, .under .sec-block.sec-block-reverse:not(:nth-child(2n)) .sec-block-textbox {
        margin-right: 10.4166666667%;
        margin-left: 0; }
        @media screen and (max-width: 1023px) {
          .under .sec-block:nth-child(2n) .sec-block-textbox, .under .sec-block.sec-block-reverse:not(:nth-child(2n)) .sec-block-textbox {
            margin-right: auto;
            margin-left: auto; } }
      .under .sec-block:nth-child(2n) .sec-block-imgbox, .under .sec-block.sec-block-reverse:not(:nth-child(2n)) .sec-block-imgbox {
        margin-right: 0;
        margin-left: 10.4166666667%; }
        @media screen and (max-width: 1023px) {
          .under .sec-block:nth-child(2n) .sec-block-imgbox, .under .sec-block.sec-block-reverse:not(:nth-child(2n)) .sec-block-imgbox {
            margin-left: 0; } }
        .under .sec-block:nth-child(2n) .sec-block-imgbox-logo, .under .sec-block.sec-block-reverse:not(:nth-child(2n)) .sec-block-imgbox-logo {
          text-align: right; }
          @media screen and (max-width: 1023px) {
            .under .sec-block:nth-child(2n) .sec-block-imgbox-logo, .under .sec-block.sec-block-reverse:not(:nth-child(2n)) .sec-block-imgbox-logo {
              text-align: left; } }
        .under .sec-block:nth-child(2n) .sec-block-imgbox-thumb, .under .sec-block.sec-block-reverse:not(:nth-child(2n)) .sec-block-imgbox-thumb {
          justify-content: flex-end; }
          @media screen and (max-width: 1023px) {
            .under .sec-block:nth-child(2n) .sec-block-imgbox-thumb, .under .sec-block.sec-block-reverse:not(:nth-child(2n)) .sec-block-imgbox-thumb {
              justify-content: flex-start; } }
      .under .sec-block:nth-child(2n) .parts-slide-thumb, .under .sec-block.sec-block-reverse:not(:nth-child(2n)) .parts-slide-thumb {
        justify-content: flex-end; }
        @media screen and (max-width: 1023px) {
          .under .sec-block:nth-child(2n) .parts-slide-thumb, .under .sec-block.sec-block-reverse:not(:nth-child(2n)) .parts-slide-thumb {
            justify-content: flex-start; } }
    .under .sec-block .parts-hd {
      width: 105%;
      margin-top: -1.7543859649%;
      margin-left: 1.2280701754%; }
      @media screen and (max-width: 1023px) {
        .under .sec-block .parts-hd {
          width: 100%;
          margin-top: 0;
          margin-left: 5.3333333333vw; } }
      .under .sec-block .parts-hd:not(:last-child) {
        margin-bottom: 5.9649122807%; }
        @media screen and (max-width: 1023px) {
          .under .sec-block .parts-hd:not(:last-child) {
            margin-bottom: 4vw; } }
    .under .sec-block-textbox {
      width: 39.5833333333%; }
      @media screen and (max-width: 1023px) {
        .under .sec-block-textbox {
          width: 89.3333333333%; } }
      .under .sec-block-textbox .parts-shd {
        width: 105%;
        margin-left: 1.2280701754%; }
        @media screen and (max-width: 1023px) {
          .under .sec-block-textbox .parts-shd {
            width: 100%;
            margin-left: 0; } }
        .under .sec-block-textbox .parts-shd:not(:last-child) {
          margin-bottom: 3.5087719298%; }
          @media screen and (max-width: 1023px) {
            .under .sec-block-textbox .parts-shd:not(:last-child) {
              margin-bottom: 4vw; } }
      .under .sec-block-textbox .parts-text {
        margin-left: 1.2280701754%;
        line-height: 2;
        font-weight: 500; }
        @media screen and (max-width: 1023px) {
          .under .sec-block-textbox .parts-text {
            margin-left: 0; } }
        .under .sec-block-textbox .parts-text:not(:last-child) {
          margin-bottom: 9.649122807%; }
          @media screen and (max-width: 1023px) {
            .under .sec-block-textbox .parts-text:not(:last-child) {
              margin-bottom: 5.3333333333vw; } }
      .under .sec-block-textbox .parts-btn {
        width: 43.8596491228%;
        margin-left: 1.2280701754%; }
        @media screen and (max-width: 1023px) {
          .under .sec-block-textbox .parts-btn {
            width: 42.4vw;
            margin-left: 0; } }
    .under .sec-block-imgbox {
      width: 32.6388888889%;
      margin-right: 10.4166666667%; }
      @media screen and (max-width: 1023px) {
        .under .sec-block-imgbox {
          width: 100%;
          margin-bottom: 6.6666666667vw; } }
      .under .sec-block-imgbox-logo {
        height: 5.5555555556vw;
        margin: -4.2553191489% 0 0;
        padding: 0; }
        @media screen and (max-width: 1023px) {
          .under .sec-block-imgbox-logo {
            height: 12vw;
            margin: -2.6666666667vw 0 0 5.3333333333vw; } }
        .under .sec-block-imgbox-logo:not(:last-child) {
          margin-bottom: 4.2553191489%; }
          @media screen and (max-width: 1023px) {
            .under .sec-block-imgbox-logo:not(:last-child) {
              margin-bottom: 2.6666666667vw; } }
        .under .sec-block-imgbox-logo img {
          width: auto;
          height: 100%; }
      @media screen and (max-width: 1023px) {
        .under .sec-block-imgbox .parts-shd {
          width: auto;
          margin-top: 0;
          margin-left: 5.3333333333vw;
          margin-right: 5.3333333333vw; } }
      @media screen and (max-width: 1023px) {
        .under .sec-block-imgbox .parts-shd:not(:last-child) {
          margin-bottom: 4vw; } }
      @media screen and (max-width: 1023px) {
        .under .sec-block-imgbox .parts-slide-thumb {
          margin-left: 5.3333333333vw; } }
      .under .sec-block-imgbox-thumb {
        display: flex;
        gap: 3.6805555556vw; }
        @media screen and (max-width: 1023px) {
          .under .sec-block-imgbox-thumb {
            gap: 6.6666666667vw;
            width: 89.3333333333vw;
            margin: 0 auto; } }
        .under .sec-block-imgbox-thumb:not(:last-child) {
          margin-bottom: 1.9444444444vw; }
          @media screen and (max-width: 1023px) {
            .under .sec-block-imgbox-thumb:not(:last-child) {
              margin-bottom: 4vw; } }
        .under .sec-block-imgbox-thumb-item {
          display: flex;
          align-items: center;
          gap: 1.8055555556vw; }
          @media screen and (max-width: 1023px) {
            .under .sec-block-imgbox-thumb-item {
              gap: 3.4666666667vw; } }
        .under .sec-block-imgbox-thumb-img {
          width: 4.5138888889vw;
          margin: 0;
          padding: 0; }
          @media screen and (max-width: 1023px) {
            .under .sec-block-imgbox-thumb-img {
              width: 9.3333333333vw; } }
          .under .sec-block-imgbox-thumb-img img {
            border-radius: 100%; }
        .under .sec-block-imgbox-thumb-info {
          font-weight: 700; }
          .under .sec-block-imgbox-thumb-info-hd {
            font-size: 1.1111111111vw;
            letter-spacing: 0.1em; }
            @media screen and (max-width: 1023px) {
              .under .sec-block-imgbox-thumb-info-hd {
                font-size: 3.2vw; } }
            .under .sec-block-imgbox-thumb-info-hd:not(:last-child) {
              margin-bottom: 0.5555555556vw; }
              @media screen and (max-width: 1023px) {
                .under .sec-block-imgbox-thumb-info-hd:not(:last-child) {
                  margin-bottom: 1.0666666667vw; } }
            .under .sec-block-imgbox-thumb-info-hd .grad {
              display: inline-block;
              background: linear-gradient(90deg, #e3340d 0%, #771b07 100%);
              -webkit-background-clip: text;
              -webkit-text-fill-color: transparent;
              color: #b42925; }
          .under .sec-block-imgbox-thumb-info-text {
            font-size: 0.8333333333vw;
            letter-spacing: 0.1em;
            color: #666666; }
            @media screen and (max-width: 1023px) {
              .under .sec-block-imgbox-thumb-info-text {
                font-size: 2.6666666667vw; } }

.under {
  /* --------------------------------------------------
  	sec-border-block
  -------------------------------------------------- */ }
  .under .sec-border-block {
    width: 79.1666666667%;
    margin: 0 auto; }
    @media screen and (max-width: 1023px) {
      .under .sec-border-block {
        width: 89.3333333333%; } }
    .under .sec-border-block:not(:last-child) {
      margin-bottom: 6.25%; }
      @media screen and (max-width: 1023px) {
        .under .sec-border-block:not(:last-child) {
          margin-bottom: 12vw; } }
    .under .sec-border-block::before {
      content: "";
      display: block;
      width: 100%;
      height: 0.3472222222vw;
      margin-bottom: 5.2631578947%;
      background: linear-gradient(90deg, #e3340d 0%, #771b07 100%); }
      @media screen and (max-width: 1023px) {
        .under .sec-border-block::before {
          height: 0.8vw;
          margin-bottom: 7.4666666667vw; } }

.under {
  /* --------------------------------------------------
  	sec-list
  -------------------------------------------------- */ }
  .under .sec-list {
    display: flex;
    flex-wrap: wrap;
    width: 79.1666666667%;
    margin: 0 auto;
    margin-bottom: -9.7222222222%; }
    @media screen and (max-width: 1023px) {
      .under .sec-list {
        width: 89.3333333333%;
        margin-bottom: -12vw; } }
  .under .sec-item {
    width: 45.6140350877%;
    margin-bottom: 12.2807017544%; }
    @media screen and (max-width: 1023px) {
      .under .sec-item {
        width: 100%;
        margin-bottom: 12vw; } }
    .under .sec-item:not(:nth-child(2n)) {
      margin-right: 8.7719298246%; }
      @media screen and (max-width: 1023px) {
        .under .sec-item:not(:nth-child(2n)) {
          margin-right: 0; } }
    @media (hover: hover) {
      .notouch .under .sec-item-link:hover {
        color: #c1c1c1; }
        .notouch .under .sec-item-link:hover .sec-item-link-img img {
          transform: scale(1.03); } }
    .under .sec-item-link-img {
      position: relative;
      margin: 0;
      padding: 0;
      overflow: hidden; }
      .under .sec-item-link-img:not(:last-child) {
        margin-bottom: 4.8076923077%; }
        @media screen and (max-width: 1023px) {
          .under .sec-item-link-img:not(:last-child) {
            margin-bottom: 2.6666666667vw; } }
      .under .sec-item-link-img img {
        transition: transform 600ms cubic-bezier(0.61, 1, 0.88, 1); }
    .under .sec-item-link-time {
      font-size: 0.9722222222vw;
      display: block;
      position: absolute;
      bottom: 0.6944444444vw;
      right: 0.6944444444vw;
      background: #FFF;
      font-weight: 700;
      line-height: 1;
      padding: 0.3472222222vw 0.9027777778vw 0.4166666667vw;
      border-radius: 0.3472222222vw;
      letter-spacing: 0.1em; }
      @media screen and (max-width: 1023px) {
        .under .sec-item-link-time {
          font-size: 2.6666666667vw; } }
    .under .sec-item-link-hd-text {
      position: relative;
      padding-right: 7.6666666667%;
      font-size: 1.6666666667vw;
      line-height: 1.6;
      font-weight: 700;
      letter-spacing: 0.1em; }
      @media screen and (max-width: 1023px) {
        .under .sec-item-link-hd-text {
          padding-right: 6.1333333333vw;
          font-size: 4.2666666667vw; } }
    .under .sec-item-link-hd .icon-arrow-wrap {
      position: absolute;
      bottom: 0.2083333333vw;
      right: 0;
      width: 1.8055555556vw;
      height: 1.8055555556vw;
      background: linear-gradient(90deg, #e3340d 0%, #771b07 100%);
      border: none; }
      @media screen and (max-width: 1023px) {
        .under .sec-item-link-hd .icon-arrow-wrap {
          width: 4.5333333333vw;
          height: 4.5333333333vw; } }
      .under .sec-item-link-hd .icon-arrow-wrap::after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        width: 1.5972222222vw;
        height: 1.5972222222vw;
        background-color: #FFF;
        border-radius: 100%;
        transform: translate(-50%, -50%); }
        @media screen and (max-width: 1023px) {
          .under .sec-item-link-hd .icon-arrow-wrap::after {
            width: 4vw;
            height: 4vw; } }
      .under .sec-item-link-hd .icon-arrow-wrap .icon-arrow {
        font-size: 0.6944444444vw; }
        @media screen and (max-width: 1023px) {
          .under .sec-item-link-hd .icon-arrow-wrap .icon-arrow {
            font-size: 2.1333333333vw; } }
      .under .sec-item-link-hd .icon-arrow-wrap span {
        z-index: 1;
        background: linear-gradient(90deg, #e3340d 0%, #771b07 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: #b42925;
        font-size: 0.8333333333vw; }
        @media screen and (max-width: 1023px) {
          .under .sec-item-link-hd .icon-arrow-wrap span {
            font-size: 2.1333333333vw; } }

.under {
  /* --------------------------------------------------
  	sec-column
  -------------------------------------------------- */ }
  .under .sec-column {
    display: flex;
    justify-content: space-between;
    gap: 8.7719298246%; }
    @media screen and (max-width: 1023px) {
      .under .sec-column {
        flex-direction: column;
        gap: 6.6666666667vw; } }
    .under .sec-column-primary, .under .sec-column-secondary {
      width: 45.6140350877%; }
      @media screen and (max-width: 1023px) {
        .under .sec-column-primary, .under .sec-column-secondary {
          width: 100%; } }
    .under .sec-column.sec-column3 .sec-column-primary,
    .under .sec-column.sec-column3 .sec-column-secondary {
      width: 30.350877193%; }
      @media screen and (max-width: 1023px) {
        .under .sec-column.sec-column3 .sec-column-primary,
        .under .sec-column.sec-column3 .sec-column-secondary {
          width: 100%; } }

.under {
  /* --------------------------------------------------
  	sec-img-wide
  -------------------------------------------------- */ }
  .under .sec-img-wide {
    display: flex; }
    @media screen and (max-width: 1023px) {
      .under .sec-img-wide {
        flex-direction: column; } }
    .under .sec-img-wide:not(:last-child) {
      margin-bottom: 5.2631578947%; }
      @media screen and (max-width: 1023px) {
        .under .sec-img-wide:not(:last-child) {
          margin-bottom: 6.6666666667vw; } }
    .under .sec-img-wide-item {
      width: 54.3859649123%;
      margin: 0;
      padding: 0; }
      @media screen and (max-width: 1023px) {
        .under .sec-img-wide-item {
          width: 100%; } }

.under {
  /* --------------------------------------------------
  	anker-nav
  -------------------------------------------------- */ }
  .under .anker-nav {
    position: relative;
    background: linear-gradient(90deg, #e3340d 0%, #771b07 100%); }
    .under .anker-nav-inner {
      width: 79.1666666667%;
      margin: 0 auto;
      padding: 2.7777777778% 0; }
      @media screen and (max-width: 1023px) {
        .under .anker-nav-inner {
          width: 89.3333333333%;
          padding: 5.3333333333vw 0 1.3333333333vw; } }
    .under .anker-nav-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      @media screen and (max-width: 1023px) {
        .under .anker-nav-list {
          flex-direction: column; } }
      .under .anker-nav-list:not(:last-child) {
        margin-bottom: 2.6315789474%; }
        @media screen and (max-width: 1023px) {
          .under .anker-nav-list:not(:last-child) {
            margin-bottom: 0; } }
    .under .anker-nav-item {
      font-size: 1.0416666667vw;
      font-weight: 700;
      letter-spacing: 0.1em; }
      @media screen and (max-width: 1023px) {
        .under .anker-nav-item {
          margin-bottom: 4vw;
          font-size: 3.2vw;
          letter-spacing: 0.1em; } }
      .under .anker-nav-item:not(:last-child) {
        border-right: 1px solid rgba(255, 255, 255, 0.5); }
        @media screen and (max-width: 1023px) {
          .under .anker-nav-item:not(:last-child) {
            border-right: none; } }
    .under .anker-nav-link {
      padding: 0 2.7777777778vw 0 3.125vw;
      color: #FFF; }
      @media screen and (max-width: 1023px) {
        .under .anker-nav-link {
          padding: 0; } }
      @media (hover: hover) {
        .notouch .under .anker-nav-link:hover {
          color: #c1c1c1; }
          .notouch .under .anker-nav-link:hover .icon-arrow-top {
            transform: rotate(180deg) translateY(-2px); } }
    .under .anker-nav .icon-arrow-top {
      display: inline-block;
      position: relative;
      top: -0.1388888889vw;
      margin-left: 0.4166666667vw;
      vertical-align: middle;
      font-size: 0.5208333333vw;
      letter-spacing: 0;
      transform: rotate(180deg);
      transition: transform 400ms ease; }
      @media screen and (max-width: 1023px) {
        .under .anker-nav .icon-arrow-top {
          margin-left: 0.8vw;
          font-size: 1.6vw; } }

.under {
  /* --------------------------------------------------
  	movie-modal
  -------------------------------------------------- */ }
  .under .movie-modal {
    position: relative; }
    @media (hover: hover) {
      .notouch .under .movie-modal:hover .movie-modal-img::after {
        opacity: 0.8; } }
    .under .movie-modal-img::after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      left: 50%;
      width: 4.1666666667vw;
      height: 4.1666666667vw;
      background: url(/assets/img/common/play.svg) 0 0/100% auto no-repeat;
      transform: translate(-50%, -50%);
      transition: opacity 400ms ease; }
      @media screen and (max-width: 1023px) {
        .under .movie-modal-img::after {
          width: 9.3333333333vw;
          height: 9.3333333333vw; } }

.under {
  /* --------------------------------------------------
  	bottom-link
  -------------------------------------------------- */ }
  .under .bottom-link {
    padding-bottom: 8.3333333333vw; }
    @media screen and (max-width: 1023px) {
      .under .bottom-link {
        padding-bottom: 16vw; } }
    .under .bottom-link .sec-border-block::before {
      margin-bottom: 7.6388888889vw; }
      @media screen and (max-width: 1023px) {
        .under .bottom-link .sec-border-block::before {
          margin-bottom: 9.3333333333vw; } }
    .under .bottom-link .sec-list {
      width: 100%;
      margin-bottom: -4.1666666667vw; }
      @media screen and (max-width: 1023px) {
        .under .bottom-link .sec-list {
          margin-bottom: -8vw; } }
    .under .bottom-link .sec-item {
      margin-bottom: 4.1666666667vw; }
      @media screen and (max-width: 1023px) {
        .under .bottom-link .sec-item {
          margin-bottom: 8vw; } }

.under {
  /* --------------------------------------------------
  	person
  -------------------------------------------------- */ }
  .under .person {
    display: flex;
    align-items: center;
    gap: 1.5277777778vw; }
    @media screen and (max-width: 1023px) {
      .under .person {
        gap: 2.9333333333vw; } }
    .under .person:not(:first-child) {
      margin-top: 4.5138888889vw; }
      @media screen and (max-width: 1023px) {
        .under .person:not(:first-child) {
          margin-top: 8vw; } }
    .under .person:not(:last-child) {
      margin-bottom: 2.2222222222vw; }
    .under .person-img {
      width: 5.2083333333vw;
      margin: 0;
      padding: 0; }
      @media screen and (max-width: 1023px) {
        .under .person-img {
          width: 9.3333333333vw; } }
      .under .person-img img {
        border-radius: 100%; }
    .under .person-name {
      width: calc(100% - (75 + 22) / 1440 * 100vw);
      font-size: 1.25vw;
      font-weight: 700;
      letter-spacing: 0.1em; }
      @media screen and (max-width: 1023px) {
        .under .person-name {
          width: calc(100% - (35 + 11) / 375 * 100vw);
          font-size: 3.2vw; } }
      .under .person-name .grad {
        display: inline-block;
        background: linear-gradient(90deg, #e3340d 0%, #771b07 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: #b42925; }

.under {
  /* --------------------------------------------------
  	people-job-list
  -------------------------------------------------- */ }
  .under .people-job-list {
    display: flex;
    flex-wrap: wrap;
    gap: 75px 4.649122807%; }
    @media screen and (max-width: 1023px) {
      .under .people-job-list {
        gap: 40px 6.2686567164%; } }
  .under .people-job-item {
    width: 21.0526315789%;
    margin: 0;
    opacity: 1;
    transform: translateY(0); }
    @media screen and (max-width: 1023px) {
      .under .people-job-item {
        width: 46.8656716418%;
        margin: 0; } }
    .under .people-job-item-link {
      padding: 1.25vw 1.25vw 5.625vw; }
      @media screen and (max-width: 1023px) {
        .under .people-job-item-link {
          padding: 2.4vw 2.4vw 10.8vw; } }
    .under .people-job-item-photo:not(:last-child) {
      margin-bottom: 1.3125vw; }
      @media screen and (max-width: 1023px) {
        .under .people-job-item-photo:not(:last-child) {
          margin-bottom: 2.4vw; } }
    .under .people-job-item-text-wrap {
      font-size: 1vw; }
      @media screen and (max-width: 1023px) {
        .under .people-job-item-text-wrap {
          font-size: 2.4vw; } }
      .under .people-job-item-text-wrap:not(:last-child) {
        margin-bottom: 1.0625vw; }
        @media screen and (max-width: 1023px) {
          .under .people-job-item-text-wrap:not(:last-child) {
            margin-bottom: 1.92vw; } }
    .under .people-job-item-info {
      margin: 0 0.75vw;
      padding-top: 0.875vw; }
      @media screen and (max-width: 1023px) {
        .under .people-job-item-info {
          margin: 0 1.44vw;
          padding-top: 1.68vw; } }
      .under .people-job-item-info-shop {
        font-size: 0.875vw; }
        @media screen and (max-width: 1023px) {
          .under .people-job-item-info-shop {
            font-size: 2.1333333333vw; } }
      .under .people-job-item-info-name {
        font-size: 1.5vw; }
        @media screen and (max-width: 1023px) {
          .under .people-job-item-info-name {
            font-size: 3.4666666667vw; } }
    .under .people-job-item .icon-arrow-wrap {
      bottom: 1.125vw; }
      @media screen and (max-width: 1023px) {
        .under .people-job-item .icon-arrow-wrap {
          bottom: 2.16vw; } }

#message.under {
  /* --------------------------------------------------
  	concept
  -------------------------------------------------- */ }
  #message.under .content {
    background: transparent center center / cover no-repeat; }
    @media screen and (min-width: 1024px) {
      #message.under .content {
        background-image: url(../img/message/bg.jpg); } }
    @media screen and (max-width: 1023px) {
      #message.under .content {
        background-image: url(../img/message/bg-sp.jpg); } }
  #message.under .concept {
    padding-top: 3.3333333333%;
    padding-bottom: 7.2916666667%; }
    @media screen and (max-width: 1023px) {
      #message.under .concept {
        padding-top: 16vw;
        padding-bottom: 13.3333333333vw; } }
    #message.under .concept .sec-inner {
      width: 79.1666666667%;
      margin: 0 auto; }
      @media screen and (max-width: 1023px) {
        #message.under .concept .sec-inner {
          flex-direction: column;
          gap: 13.3333333333vw;
          width: 89.3333333333vw; } }
    @media screen and (max-width: 1023px) {
      #message.under .concept-titlebox {
        width: 100%; } }
    #message.under .concept-title {
      margin: 0 auto;
      font-size: 8.6805555556vw;
      font-weight: 800;
      line-height: 1.04;
      text-align: center;
      letter-spacing: 0.03em;
      color: #FFF;
      white-space: nowrap;
      text-shadow: 0px 0px 1.7361111111vw rgba(0, 0, 0, 0.25), 0px 0px 2.7777777778vw rgba(0, 0, 0, 0.25);
      margin-bottom: 7.6388888889vw; }
      @media screen and (max-width: 1023px) {
        #message.under .concept-title {
          font-size: 12vw; } }
      #message.under .concept-title ruby {
        vertical-align: initial; }
      #message.under .concept-title ruby rt {
        font-size: 2.7777777778vw;
        margin-bottom: 0.2083333333vw; }
        @media screen and (max-width: 1023px) {
          #message.under .concept-title ruby rt {
            font-size: 4vw; } }
      #message.under .concept-title span {
        letter-spacing: 0.12em; }
      #message.under .concept-title #title-svg {
        filter: drop-shadow(0px 0px 2.0833333333vw #000); }
        @media screen and (max-width: 1023px) {
          #message.under .concept-title #title-svg {
            filter: drop-shadow(0px 0px 8vw #000); } }
    @media screen and (max-width: 1023px) {
      #message.under .concept-textbox {
        width: 100%; } }
    #message.under .concept-hd {
      font-size: 1.6666666667vw;
      line-height: 1.5;
      font-weight: 700;
      letter-spacing: 0.1em;
      color: #FFF;
      text-shadow: 0px 0px 1.7361111111vw rgba(0, 0, 0, 0.25), 0px 0px 2.7777777778vw rgba(0, 0, 0, 0.25); }
      @media screen and (max-width: 1023px) {
        #message.under .concept-hd {
          font-size: 4.2666666667vw;
          text-shadow: 0px 0px 6.6666666667vw rgba(0, 0, 0, 0.25), 0px 0px 10.6666666667vw rgba(0, 0, 0, 0.25); } }
      #message.under .concept-hd:not(:last-child) {
        margin-bottom: 2.7777777778vw; }
        @media screen and (max-width: 1023px) {
          #message.under .concept-hd:not(:last-child) {
            margin-bottom: 5.3333333333vw; } }
    #message.under .concept-text {
      font-size: 0.9722222222vw;
      line-height: 2.1428571429;
      font-weight: 700;
      letter-spacing: 0.1em;
      color: #FFF;
      text-shadow: 0px 0px 1.3888888889vw rgba(0, 0, 0, 0.25), 0px 0px 2.0833333333vw rgba(0, 0, 0, 0.25), 0px 0px 2.7777777778vw rgba(0, 0, 0, 0.25); }
      @media screen and (max-width: 1023px) {
        #message.under .concept-text {
          font-size: 3.2vw;
          text-shadow: 0px 0px 5.3333333333vw rgba(0, 0, 0, 0.25), 0px 0px 8vw rgba(0, 0, 0, 0.25), 0px 0px 10.6666666667vw rgba(0, 0, 0, 0.25); } }
      #message.under .concept-text:not(:last-child) {
        margin-bottom: 4.1666666667vw; }
        @media screen and (max-width: 1023px) {
          #message.under .concept-text:not(:last-child) {
            margin-bottom: 8vw; } }
      #message.under .concept-text-logo {
        width: 15.625%; }
        @media screen and (max-width: 1023px) {
          #message.under .concept-text-logo {
            width: 35.4666666667vw; } }
        #message.under .concept-text-logo:not(:last-child) {
          margin-bottom: 2.0833333333vw; }
          @media screen and (max-width: 1023px) {
            #message.under .concept-text-logo:not(:last-child) {
              margin-bottom: 4vw; } }
        #message.under .concept-text-logo #logo-concept .cls-1 {
          fill: #fff; }
        #message.under .concept-text-logo + .concept-text {
          font-size: 1.25vw; }
          @media screen and (max-width: 1023px) {
            #message.under .concept-text-logo + .concept-text {
              font-size: 3.2vw; } }

/* ルビの余白調整（Safariのみ） */
_::-webkit-full-page-media, _:future, :root #message.under ruby rt {
  margin-top: -2.0833333333vw; }
  @media screen and (max-width: 1023px) {
    _::-webkit-full-page-media, _:future, :root #message.under ruby rt {
      margin-top: -2.6666666667vw; } }

/* ルビの余白調整（Firefoxのみ） */
@-moz-document url-prefix() {
  #message.under ruby rt {
    position: relative;
    top: 2.0833333333vw; }
    @media screen and (max-width: 1023px) {
      #message.under ruby rt {
        top: 2.6666666667vw; } } }
#message.under {
  /* --------------------------------------------------
  	bottom-link
  -------------------------------------------------- */ }
  #message.under .bottom-link .sec-border-block::before {
    background: #FFF; }
  #message.under .bottom-link .sec-item-link-hd-text {
    color: #FFF;
    text-shadow: 0px 0px 2.0833333333vw rgba(0, 0, 0, 0.25), 0px 0px 2.0833333333vw rgba(0, 0, 0, 0.25), 0px 0px 2.0833333333vw rgba(0, 0, 0, 0.25); }
    @media screen and (max-width: 1023px) {
      #message.under .bottom-link .sec-item-link-hd-text {
        text-shadow: 0px 0px 8vw rgba(0, 0, 0, 0.25), 0px 0px 8vw rgba(0, 0, 0, 0.25), 0px 0px 8vw rgba(0, 0, 0, 0.25); } }
  #message.under .bottom-link .sec-item-link-hd .icon-arrow-wrap {
    border: 0.1388888889vw solid #fff;
    background: transparent;
    box-shadow: 0px 0px 2.0833333333vw rgba(0, 0, 0, 0.25); }
    @media screen and (max-width: 1023px) {
      #message.under .bottom-link .sec-item-link-hd .icon-arrow-wrap {
        border-width: 1px; } }
    #message.under .bottom-link .sec-item-link-hd .icon-arrow-wrap::after {
      background: transparent; }
    #message.under .bottom-link .sec-item-link-hd .icon-arrow-wrap span {
      background: transparent;
      -webkit-text-fill-color: #fff;
      color: #FFF; }

#top-message.under {
  /* --------------------------------------------------
  	catch
  -------------------------------------------------- */ }
  #top-message.under .catch:not(:last-child) {
    margin-bottom: 12.5%; }
    @media screen and (max-width: 1023px) {
      #top-message.under .catch:not(:last-child) {
        margin-bottom: 13.3333333333vw; } }
  #top-message.under .catch .sec-inner {
    width: 79.1666666667%;
    margin: 0 auto;
    padding-top: 6.9444444444%; }
    @media screen and (max-width: 1023px) {
      #top-message.under .catch .sec-inner {
        width: 89.3333333333vw;
        padding-top: 13.3333333333vw; } }
  #top-message.under .catch-title {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5.2631578947%; }
    @media screen and (max-width: 1023px) {
      #top-message.under .catch-title {
        width: 100%;
        margin-bottom: 5.3333333333vw; } }
  #top-message.under .catch-stitle {
    width: 63.1578947368%; }

#top-message.under {
  /* --------------------------------------------------
  	message
  -------------------------------------------------- */ }
  #top-message.under .message {
    margin-bottom: 7.2916666667%; }
    @media screen and (max-width: 1023px) {
      #top-message.under .message {
        margin-bottom: 13.3333333333vw; } }
    #top-message.under .message-name {
      margin-left: 1.3461538462%;
      font-size: 1.6666666667vw;
      line-height: 2;
      font-weight: 700;
      letter-spacing: 0.1em; }
      @media screen and (max-width: 1023px) {
        #top-message.under .message-name {
          margin-left: 0;
          font-size: 3.7333333333vw; } }

#company.under {
  /* --------------------------------------------------
  	intro
  -------------------------------------------------- */ }
  #company.under .intro:not(:last-child) {
    margin-bottom: 8.6805555556%; }
    @media screen and (max-width: 1023px) {
      #company.under .intro:not(:last-child) {
        margin-bottom: 12vw; } }
  #company.under .intro .sec-inner {
    width: 79.1666666667%;
    margin: 0 auto;
    padding-top: 6.25%; }
    @media screen and (max-width: 1023px) {
      #company.under .intro .sec-inner {
        width: 89.3333333333%;
        padding-top: 8vw; } }
  #company.under .intro-logo-wrap {
    width: 21.9298245614%;
    margin: 0 auto; }
    @media screen and (max-width: 1023px) {
      #company.under .intro-logo-wrap {
        width: 39.4666666667vw; } }
    #company.under .intro-logo-wrap:not(:last-child) {
      margin-bottom: 5.2631578947%; }
      @media screen and (max-width: 1023px) {
        #company.under .intro-logo-wrap:not(:last-child) {
          margin-bottom: 8vw; } }
    #company.under .intro-logo-wrap .cls-1-intro {
      fill: url(#gradient); }
    #company.under .intro-logo-wrap #stop1-intro,
    #company.under .intro-logo-wrap #stop2-intro {
      stop-color: #b42925; }

#company.under {
  /* --------------------------------------------------
  	sec-title
  -------------------------------------------------- */ }
  #company.under .sec-title:not(:last-child) {
    margin-bottom: 4.8611111111%; }
    @media screen and (max-width: 1023px) {
      #company.under .sec-title:not(:last-child) {
        margin-bottom: 7.4666666667vw; } }
  #company.under .sec-title .parts-hd {
    letter-spacing: 0.1em; }
  #company.under .sec-title .parts-text {
    font-size: 1.5277777778vw;
    line-height: 2; }
    @media screen and (max-width: 1023px) {
      #company.under .sec-title .parts-text {
        font-size: 3.7333333333vw; } }

#company.under {
  /* --------------------------------------------------
  	co-business-sales
  -------------------------------------------------- */ }
  #company.under .co-business-sales {
    width: 79.1666666667%;
    margin: 0 auto; }
    @media screen and (max-width: 1023px) {
      #company.under .co-business-sales {
        width: 89.3333333333vw; } }
    #company.under .co-business-sales:not(:last-child) {
      margin-bottom: 6.5972222222%; }
      @media screen and (max-width: 1023px) {
        #company.under .co-business-sales:not(:last-child) {
          margin-bottom: 12vw; } }
    #company.under .co-business-sales-list {
      display: flex;
      justify-content: center;
      gap: 5.7894736842%;
      padding: 4.3859649123% 0 3.9473684211%;
      background: linear-gradient(90deg, #e3340d 0%, #771b07 100%); }
      @media screen and (max-width: 1023px) {
        #company.under .co-business-sales-list {
          flex-direction: column;
          align-items: center;
          gap: 5.3333333333vw;
          padding: 5.3333333333vw 0 6.6666666667vw; } }
      #company.under .co-business-sales-list:not(:last-child) {
        margin-bottom: 4.7368421053%; }
        @media screen and (max-width: 1023px) {
          #company.under .co-business-sales-list:not(:last-child) {
            margin-bottom: 6.6666666667vw; } }
    #company.under .co-business-sales-item {
      font-size: 1.5277777778vw;
      font-weight: 700;
      letter-spacing: 0.1em;
      color: #FFF; }
      @media screen and (max-width: 1023px) {
        #company.under .co-business-sales-item {
          font-size: 3.7333333333vw; } }
      #company.under .co-business-sales-item .big {
        vertical-align: baseline;
        font-size: 195.8333333333%; }
    #company.under .co-business-sales-graph-wide {
      margin: 0;
      padding: 0; }
      @media screen and (max-width: 1023px) {
        #company.under .co-business-sales-graph-wide {
          overflow-x: scroll;
          padding-bottom: 8vw;
          scrollbar-width: thin;
          scrollbar-color: #737373 #f2f2f2; } }
      #company.under .co-business-sales-graph-wide::-webkit-scrollbar {
        height: 1.3333333333vw; }
      #company.under .co-business-sales-graph-wide::-webkit-scrollbar-track {
        background-color: #f2f2f2;
        border-radius: 1.3333333333vw; }
      #company.under .co-business-sales-graph-wide::-webkit-scrollbar-thumb {
        background-color: #737373;
        border-radius: 1.3333333333vw; }
      @media screen and (max-width: 1023px) {
        #company.under .co-business-sales-graph-wide img {
          width: 200%;
          max-width: 1000px; } }
      #company.under .co-business-sales-graph-wide:not(:last-child) {
        margin-bottom: 6.25vw; }
        @media screen and (max-width: 1023px) {
          #company.under .co-business-sales-graph-wide:not(:last-child) {
            margin-bottom: 12vw; } }
    #company.under .co-business-sales .sec-list {
      width: 100%;
      margin-bottom: -12.2807017544%; }
      @media screen and (max-width: 1023px) {
        #company.under .co-business-sales .sec-list {
          margin-bottom: -12vw; } }
    #company.under .co-business-sales .sec-item .parts-mhd {
      font-weight: 500; }
      #company.under .co-business-sales .sec-item .parts-mhd:not(:last-child) {
        margin-bottom: 2.4305555556vw; }
        @media screen and (max-width: 1023px) {
          #company.under .co-business-sales .sec-item .parts-mhd:not(:last-child) {
            margin-bottom: 4vw; } }
      @media screen and (max-width: 1023px) {
        #company.under .co-business-sales .sec-item .parts-mhd.center {
          text-align: center; } }

#company.under {
  /* --------------------------------------------------
  	bottom-link
  -------------------------------------------------- */ }
  #company.under .bottom-link .sec-border-block::before {
    height: 1px;
    background: #e6e6e6; }
    @media screen and (max-width: 1023px) {
      #company.under .bottom-link .sec-border-block::before {
        height: 1px; } }
  #company.under .bottom-link .sec-list {
    justify-content: center; }
  #company.under .bottom-link .sec-item:not(:nth-child(2n)):last-child {
    margin-right: 0; }
  #company.under .bottom-link .sec-item-link-hd .icon-arrow-wrap {
    bottom: 0.1388888889vw;
    width: 1.8055555556vw;
    height: 1.8055555556vw; }
    @media screen and (max-width: 1023px) {
      #company.under .bottom-link .sec-item-link-hd .icon-arrow-wrap {
        width: 4.5333333333vw;
        height: 4.5333333333vw;
        border-width: 1px; } }
    #company.under .bottom-link .sec-item-link-hd .icon-arrow-wrap::after {
      width: 1.5972222222vw;
      height: 1.5972222222vw; }
      @media screen and (max-width: 1023px) {
        #company.under .bottom-link .sec-item-link-hd .icon-arrow-wrap::after {
          width: 3.7333333333vw;
          height: 3.7333333333vw; } }
    #company.under .bottom-link .sec-item-link-hd .icon-arrow-wrap .icon-arrow {
      font-size: 0.6944444444vw; }
      @media screen and (max-width: 1023px) {
        #company.under .bottom-link .sec-item-link-hd .icon-arrow-wrap .icon-arrow {
          font-size: 2.1333333333vw; } }

#company.under {
  /* --------------------------------------------------
  	co-workstyle
  -------------------------------------------------- */ }
  #company.under .co-workstyle .sec-list {
    margin-bottom: 2.4305555556vw; }
    @media screen and (max-width: 1023px) {
      #company.under .co-workstyle .sec-list {
        margin-bottom: 0vw; } }
  #company.under .co-workstyle .sec-item {
    margin-bottom: 5.2083333333vw; }
    @media screen and (max-width: 1023px) {
      #company.under .co-workstyle .sec-item {
        margin-bottom: 9.3333333333vw; } }
    #company.under .co-workstyle .sec-item .parts-shd:not(:last-child) {
      margin-bottom: 2.0833333333vw; }
      @media screen and (max-width: 1023px) {
        #company.under .co-workstyle .sec-item .parts-shd:not(:last-child) {
          margin-bottom: 4vw; } }

#company.under {
  /* --------------------------------------------------
  	co-career
  -------------------------------------------------- */ }
  #company.under .co-career-list:not(:last-child) {
    margin-bottom: 5.9027777778vw; }
    @media screen and (max-width: 1023px) {
      #company.under .co-career-list:not(:last-child) {
        margin-bottom: 10.6666666667vw; } }
  #company.under .co-career .sec-block-reverse:not(:nth-child(2n)) .co-career-link-case {
    right: 2.4305555556vw; }
    @media screen and (max-width: 1023px) {
      #company.under .co-career .sec-block-reverse:not(:nth-child(2n)) .co-career-link-case {
        right: 5.3333333333vw; } }
  #company.under .co-career .sec-block-reverse:nth-child(2n) .co-career-link-case {
    left: 2.4305555556vw; }
    @media screen and (max-width: 1023px) {
      #company.under .co-career .sec-block-reverse:nth-child(2n) .co-career-link-case {
        left: 5.3333333333vw; } }
  #company.under .co-career-blue .co-career-link-grad {
    background: rgba(8, 141, 205, 0.9);
    background: linear-gradient(270deg, rgba(47, 81, 197, 0.9) 0%, rgba(8, 141, 205, 0.9) 100%); }
  #company.under .co-career-blue .co-career-step-icon-circle {
    background: #088dcd;
    background: linear-gradient(270deg, #2f51c5 0%, #088dcd 100%); }
  #company.under .co-career-blue .co-career-step-icon-arrow svg path {
    fill: #3082cf; }
  #company.under .co-career-blue .parts-shd {
    color: #3082cf; }
  @media (hover: hover) {
    .notouch #company.under .co-career-blue .co-career-link:hover .co-career-link-btn {
      color: #3082cf; } }
  #company.under .co-career-green .co-career-link-grad {
    background: rgba(163, 204, 7, 0.9);
    background: linear-gradient(270deg, rgba(62, 80, 1, 0.9) 0%, rgba(163, 204, 7, 0.9) 100%); }
  #company.under .co-career-green .co-career-step-icon-circle {
    background: #a3cc07;
    background: linear-gradient(270deg, #3e5001 0%, #a3cc07 100%); }
  #company.under .co-career-green .co-career-step-icon-arrow svg path {
    fill: #88a51e; }
  #company.under .co-career-green .parts-shd {
    color: #88a51e; }
  @media (hover: hover) {
    .notouch #company.under .co-career-green .co-career-link:hover .co-career-link-btn {
      color: #88a51e; } }
  #company.under .co-career-orange .co-career-link-grad {
    background: rgba(240, 173, 101, 0.9);
    background: linear-gradient(270deg, rgba(100, 70, 38, 0.9) 0%, rgba(240, 173, 101, 0.9) 100%); }
  #company.under .co-career-orange .co-career-step-icon-circle {
    background: #f0ad65;
    background: linear-gradient(270deg, #644626 0%, #f0ad65 100%); }
  #company.under .co-career-orange .co-career-step-icon-arrow svg path {
    fill: #a67d52; }
  #company.under .co-career-orange .parts-shd {
    color: #a67d52; }
  @media (hover: hover) {
    .notouch #company.under .co-career-orange .co-career-link:hover .co-career-link-btn {
      color: #a67d52; } }
  #company.under .co-career-red .co-career-link-grad {
    background: rgba(119, 27, 7, 0.9);
    background: linear-gradient(270deg, rgba(119, 27, 7, 0.9) 0%, rgba(227, 52, 13, 0.9) 100%); }
  #company.under .co-career-red .co-career-step-icon-circle {
    background: #771b07;
    background: linear-gradient(270deg, #771b07 0%, #e3340d 100%); }
  #company.under .co-career-red .co-career-step-icon-arrow svg path {
    fill: #b42925; }
  #company.under .co-career-red .parts-shd {
    color: #b42925; }
  @media (hover: hover) {
    .notouch #company.under .co-career-red .co-career-link:hover .co-career-link-btn {
      color: #b42925; } }
  #company.under .co-career-link {
    display: block;
    position: relative;
    overflow: hidden; }
    #company.under .co-career-link > img {
      transition: transform 600ms cubic-bezier(0.61, 1, 0.88, 1); }
    @media (hover: hover) {
      .notouch #company.under .co-career-link:hover > img {
        transform: scale(1.03); }
      .notouch #company.under .co-career-link:hover .co-career-link-btn::before {
        transform: scaleX(1);
        transform-origin: 0 50%; } }
    #company.under .co-career-link-case {
      display: block;
      position: absolute;
      top: 0.2777777778vw;
      font-size: 2.7777777778vw;
      color: #FFF;
      letter-spacing: 0.2em; }
      @media screen and (max-width: 1023px) {
        #company.under .co-career-link-case {
          font-size: 6.4vw; } }
      #company.under .co-career-link-case .big {
        vertical-align: baseline;
        font-size: 135.4166666667%; }
    #company.under .co-career-link-box {
      display: block;
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      text-align: right;
      font-weight: 700; }
    #company.under .co-career-link-join {
      display: inline-block;
      padding: 0.4166666667vw 1.7361111111vw;
      background-color: rgba(255, 255, 255, 0.8);
      font-size: 0.9722222222vw;
      letter-spacing: 0.2em; }
      @media screen and (max-width: 1023px) {
        #company.under .co-career-link-join {
          padding: 1.0666666667vw 4vw;
          font-size: 3.2vw; } }
      #company.under .co-career-link-join:not(:last-child) {
        margin-bottom: 2.0833333333vw; }
        @media screen and (max-width: 1023px) {
          #company.under .co-career-link-join:not(:last-child) {
            margin-bottom: 4vw; } }
    #company.under .co-career-link-grad {
      display: block;
      padding: 2.0833333333vw 2.0833333333vw;
      text-align: left;
      color: #FFF; }
      @media screen and (max-width: 1023px) {
        #company.under .co-career-link-grad {
          padding: 4vw 6.6666666667vw; } }
    #company.under .co-career-link-label {
      display: block;
      font-size: 1.25vw;
      line-height: 1.5;
      letter-spacing: 0.2em; }
      @media screen and (max-width: 1023px) {
        #company.under .co-career-link-label {
          font-size: 3.2vw; } }
    #company.under .co-career-link-info {
      display: flex;
      justify-content: space-between;
      align-items: center; }
      @media screen and (max-width: 1023px) {
        #company.under .co-career-link-info {
          flex-direction: column;
          align-items: flex-start;
          gap: 4vw; } }
    #company.under .co-career-link-name {
      font-size: 2.0833333333vw;
      letter-spacing: 0.1em; }
      @media screen and (max-width: 1023px) {
        #company.under .co-career-link-name {
          font-size: 4.2666666667vw; } }
    #company.under .co-career-link-btn {
      position: relative;
      width: 13.0555555556vw;
      overflow: hidden;
      padding: 0.4861111111vw;
      border: 1px solid #fff;
      border-radius: 3.4722222222vw;
      text-align: center;
      font-size: 0.9722222222vw;
      letter-spacing: 0.2em;
      transition: color 400ms ease; }
      @media screen and (max-width: 1023px) {
        #company.under .co-career-link-btn {
          width: 42.4vw;
          padding: 1.0666666667vw;
          font-size: 2.6666666667vw; } }
      #company.under .co-career-link-btn::before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        transform: scaleX(0);
        transform-origin: 100% 50%;
        transition: transform 400ms ease; }
      #company.under .co-career-link-btn-text {
        position: relative; }
  #company.under .co-career-step {
    display: flex;
    gap: 1.7361111111vw; }
    @media screen and (max-width: 1023px) {
      #company.under .co-career-step {
        gap: 3.2vw; } }
    #company.under .co-career-step:not(:last-child) .co-career-step-icon {
      padding-bottom: 1.5277777778vw; }
      @media screen and (max-width: 1023px) {
        #company.under .co-career-step:not(:last-child) .co-career-step-icon {
          padding-bottom: 4.8vw; } }
    #company.under .co-career-step:not(:last-child) .co-career-step-text {
      padding-bottom: 1.3888888889vw; }
      @media screen and (max-width: 1023px) {
        #company.under .co-career-step:not(:last-child) .co-career-step-text {
          padding-bottom: 4.2666666667vw; } }
    #company.under .co-career-step-icon {
      position: relative;
      width: 6.7708333333vw; }
      @media screen and (max-width: 1023px) {
        #company.under .co-career-step-icon {
          width: 18.6666666667vw; } }
      #company.under .co-career-step-icon-circle {
        position: relative;
        z-index: 1;
        width: 100%;
        height: 6.7708333333vw;
        padding-top: 1.5972222222vw;
        border-radius: 100%; }
        @media screen and (max-width: 1023px) {
          #company.under .co-career-step-icon-circle {
            height: 18.6666666667vw;
            padding-top: 3.7333333333vw; } }
      #company.under .co-career-step-icon-img {
        width: 1.0416666667vw;
        margin: 0 auto;
        padding: 0; }
        @media screen and (max-width: 1023px) {
          #company.under .co-career-step-icon-img {
            width: 4vw; } }
        #company.under .co-career-step-icon-img:not(:last-child) {
          margin-bottom: -0.8333333333vw; }
          @media screen and (max-width: 1023px) {
            #company.under .co-career-step-icon-img:not(:last-child) {
              margin-bottom: -1.0666666667vw; } }
      #company.under .co-career-step-icon-text {
        text-align: center;
        font-size: 0.9375vw;
        font-weight: 700;
        color: #FFF;
        letter-spacing: 0.1em; }
        @media screen and (max-width: 1023px) {
          #company.under .co-career-step-icon-text {
            font-size: 2.6666666667vw; } }
        #company.under .co-career-step-icon-text .big {
          vertical-align: baseline;
          font-size: 259.2592592593%;
          font-weight: 700; }
          @media screen and (max-width: 1023px) {
            #company.under .co-career-step-icon-text .big {
              font-size: 200%; } }
      #company.under .co-career-step-icon-arrow {
        position: absolute;
        bottom: 0;
        left: 50%;
        width: 1.6666666667vw;
        height: 100%;
        overflow: hidden;
        transform: translateX(-50%); }
        @media screen and (max-width: 1023px) {
          #company.under .co-career-step-icon-arrow {
            width: 3.7333333333vw; } }
        #company.under .co-career-step-icon-arrow svg {
          display: block;
          position: absolute;
          bottom: 0;
          left: 0;
          width: 100%; }
          #company.under .co-career-step-icon-arrow svg path {
            fill: #fff; }
    #company.under .co-career-step-text {
      width: calc(100% - 25 / 1440 * 100vw - 97.5 / 1440 * 100vw); }
      @media screen and (max-width: 1023px) {
        #company.under .co-career-step-text {
          width: calc(100% - 12 / 375 * 100vw - 70 / 375 * 100vw); } }
      #company.under .co-career-step-text .parts-shd {
        letter-spacing: 0.1em;
        font-size: 1.9444444444vw; }
        @media screen and (max-width: 1023px) {
          #company.under .co-career-step-text .parts-shd {
            font-size: 3.7333333333vw; } }
        #company.under .co-career-step-text .parts-shd:not(:last-child) {
          margin-bottom: 0.1388888889vw; }
          @media screen and (max-width: 1023px) {
            #company.under .co-career-step-text .parts-shd:not(:last-child) {
              margin-bottom: 0.5333333333vw; } }
      #company.under .co-career-step-text .parts-text {
        line-height: 1.5;
        letter-spacing: 0.1em; }

#company.under {
  /* --------------------------------------------------
  	co-vision
  -------------------------------------------------- */ }
  #company.under .co-vision {
    padding-bottom: 7.6388888889%; }
    @media screen and (max-width: 1023px) {
      #company.under .co-vision {
        padding-bottom: 13.3333333333vw; } }
    #company.under .co-vision-box {
      width: 79.1666666667%;
      margin: 0 auto;
      color: #FFF; }
      @media screen and (max-width: 1023px) {
        #company.under .co-vision-box {
          width: 89.3333333333vw; } }
    #company.under .co-vision-block {
      display: flex;
      gap: 8.7719298246%;
      padding: 9.2105263158% 9.649122807%;
      background: linear-gradient(90deg, #e3340d 0%, #771b07 100%); }
      @media screen and (max-width: 1023px) {
        #company.under .co-vision-block {
          flex-direction: column;
          gap: 8vw;
          padding: 8vw; } }
      #company.under .co-vision-block-item {
        width: 45.0980392157%; }
        @media screen and (max-width: 1023px) {
          #company.under .co-vision-block-item {
            width: 100%; } }
        #company.under .co-vision-block-item-hd:not(:last-child) {
          margin-bottom: 2.0833333333vw;
          padding-bottom: 1.7361111111vw;
          border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
          @media screen and (max-width: 1023px) {
            #company.under .co-vision-block-item-hd:not(:last-child) {
              margin-bottom: 4vw;
              padding-bottom: 2.6666666667vw; } }
        #company.under .co-vision-block-item .parts-mhd {
          font-size: 1.8055555556vw; }
    #company.under .co-vision-plus {
      width: 4.8611111111vw;
      margin: 4.1666666667vw auto; }
      @media screen and (max-width: 1023px) {
        #company.under .co-vision-plus {
          width: 9.3333333333vw;
          margin: 8vw auto; } }
    #company.under .co-vision-list:not(:last-child) {
      margin-bottom: 2.6388888889vw; }
      @media screen and (max-width: 1023px) {
        #company.under .co-vision-list:not(:last-child) {
          margin-bottom: 5.3333333333vw; } }
    #company.under .co-vision-item {
      position: relative;
      padding-left: 1.8055555556vw; }
      @media screen and (max-width: 1023px) {
        #company.under .co-vision-item {
          padding-left: 6.1333333333vw; } }
      #company.under .co-vision-item::before {
        content: "";
        display: block;
        position: absolute;
        top: 0.8333333333vw;
        left: 0;
        width: 1.0416666667vw;
        height: 1.0416666667vw;
        background: url(/assets/img/company/circle.svg) 0 0/100% auto no-repeat; }
        @media screen and (max-width: 1023px) {
          #company.under .co-vision-item::before {
            top: 2.1333333333vw;
            width: 3.4666666667vw;
            height: 3.4666666667vw; } }
      #company.under .co-vision-item .small {
        display: block;
        margin-top: -0.6944444444vw;
        font-size: 87.5%; }
        @media screen and (max-width: 1023px) {
          #company.under .co-vision-item .small {
            margin-top: -1.3333333333vw;
            line-height: 1.3; } }
    #company.under .co-vision-btn {
      padding: 2.0833333333vw 1.8055555556vw 3.6111111111vw 2.6388888889vw;
      border: 1px solid #fff; }
      @media screen and (max-width: 1023px) {
        #company.under .co-vision-btn {
          padding: 4vw 5.0666666667vw 6.9333333333vw 5.0666666667vw; } }
      #company.under .co-vision-btn-hd {
        display: flex;
        align-items: center;
        gap: 1.5277777778vw; }
        @media screen and (max-width: 1023px) {
          #company.under .co-vision-btn-hd {
            gap: 2.9333333333vw; } }
        #company.under .co-vision-btn-hd:not(:last-child) {
          margin-bottom: 0.6944444444vw; }
          @media screen and (max-width: 1023px) {
            #company.under .co-vision-btn-hd:not(:last-child) {
              margin-bottom: 2.6666666667vw; } }
      #company.under .co-vision-btn-icon {
        position: relative;
        top: 0.1388888889vw;
        height: 2.7777777778vw; }
        @media screen and (max-width: 1023px) {
          #company.under .co-vision-btn-icon {
            top: 0.2666666667vw;
            height: 5.3333333333vw; } }
        #company.under .co-vision-btn-icon img {
          width: 2.2222222222vw;
          height: 100%; }
      #company.under .co-vision-btn .parts-text:not(:last-child) {
        margin-bottom: 2.0833333333vw; }
        @media screen and (max-width: 1023px) {
          #company.under .co-vision-btn .parts-text:not(:last-child) {
            margin-bottom: 4vw; } }
      #company.under .co-vision-btn .parts-btn {
        width: 17.3611111111vw;
        background: #fff;
        color: #b42925; }
        @media screen and (max-width: 1023px) {
          #company.under .co-vision-btn .parts-btn {
            width: 42.4vw; } }
        #company.under .co-vision-btn .parts-btn::before {
          background: #e6e6e6; }

#business.under {
  /* --------------------------------------------------
  	intro
  -------------------------------------------------- */ }
  #business.under .intro:not(:last-child) {
    margin-bottom: 8.6805555556%; }
    @media screen and (max-width: 1023px) {
      #business.under .intro:not(:last-child) {
        margin-bottom: 12vw; } }
  #business.under .intro .sec-inner {
    width: 79.1666666667%;
    margin: 0 auto;
    padding-top: 6.25%; }
    @media screen and (max-width: 1023px) {
      #business.under .intro .sec-inner {
        width: 89.3333333333%;
        padding-top: 8vw; } }
  #business.under .intro-logo-wrap {
    width: 21.9298245614%;
    margin: 0 auto; }
    @media screen and (max-width: 1023px) {
      #business.under .intro-logo-wrap {
        width: 39.4666666667vw; } }
    #business.under .intro-logo-wrap:not(:last-child) {
      margin-bottom: 5.2631578947%; }
      @media screen and (max-width: 1023px) {
        #business.under .intro-logo-wrap:not(:last-child) {
          margin-bottom: 8vw; } }
    #business.under .intro-logo-wrap .cls-1-intro {
      fill: url(#gradient); }
    #business.under .intro-logo-wrap #stop1-intro,
    #business.under .intro-logo-wrap #stop2-intro {
      stop-color: #b42925; }
  #business.under .intro .parts-mhd:not(:last-child) {
    margin-bottom: 5.2631578947%; }
    @media screen and (max-width: 1023px) {
      #business.under .intro .parts-mhd:not(:last-child) {
        margin-bottom: 6.6666666667vw; } }

#business.under {
  /* --------------------------------------------------
  	type
  -------------------------------------------------- */ }
  #business.under .type:not(:last-child) {
    margin-bottom: 11.8055555556%; }
    @media screen and (max-width: 1023px) {
      #business.under .type:not(:last-child) {
        margin-bottom: 16vw; } }
  #business.under .type .sec-item .parts-hd:not(:last-child) {
    margin-bottom: 9.649122807%; }
    @media screen and (max-width: 1023px) {
      #business.under .type .sec-item .parts-hd:not(:last-child) {
        margin-bottom: 6.6666666667vw; } }
  #business.under .type .sec-item .parts-inlinemovie:not(:last-child) {
    margin-bottom: 8.7719298246%; }
    @media screen and (max-width: 1023px) {
      #business.under .type .sec-item .parts-inlinemovie:not(:last-child) {
        margin-bottom: 5.3333333333vw; } }
  #business.under .type .sec-item .parts-text:not(:last-child) {
    margin-bottom: 8.7719298246%; }
    @media screen and (max-width: 1023px) {
      #business.under .type .sec-item .parts-text:not(:last-child) {
        margin-bottom: 5.3333333333vw; } }
  #business.under .type .sec-item .parts-btn {
    width: 43.8596491228%; }
    @media screen and (max-width: 1023px) {
      #business.under .type .sec-item .parts-btn {
        width: 42.4vw; } }

#business.under {
  /* --------------------------------------------------
  	group
  -------------------------------------------------- */ }
  #business.under .group {
    margin-bottom: 8.6805555556%; }
    @media screen and (max-width: 1023px) {
      #business.under .group {
        margin-bottom: 13.3333333333vw; } }
    #business.under .group .sec-inner {
      width: 79.1666666667%;
      margin: 0 auto;
      text-align: center; }
      @media screen and (max-width: 1023px) {
        #business.under .group .sec-inner {
          width: 89.3333333333vw; } }
    #business.under .group .parts-hd:not(:last-child) {
      margin-bottom: 1.7543859649%; }
      @media screen and (max-width: 1023px) {
        #business.under .group .parts-hd:not(:last-child) {
          margin-bottom: 2.6666666667vw; } }
    #business.under .group .parts-text {
      text-align: center; }
      #business.under .group .parts-text:not(:last-child) {
        margin-bottom: 1.7543859649%; }
        @media screen and (max-width: 1023px) {
          #business.under .group .parts-text:not(:last-child) {
            margin-bottom: 5.3333333333vw; } }
    #business.under .group-map {
      position: relative;
      margin: 0;
      padding: 0; }

.under {
  /* --------------------------------------------------
  	brand
  -------------------------------------------------- */ }
  .under .brand .sec-inner {
    padding-top: 7.2916666667%;
    padding-bottom: 7.2916666667%; }
    @media screen and (max-width: 1023px) {
      .under .brand .sec-inner {
        padding-top: 13.3333333333vw;
        padding-bottom: 13.3333333333vw; } }

#career.under .career-list {
  width: 79.1666666667%;
  margin: 7.6388888889% auto 4.5138888889%; }
  @media screen and (max-width: 1023px) {
    #career.under .career-list {
      width: 89.3333333333vw;
      margin-top: 14.6666666667vw;
      margin-bottom: 14.6666666667vw; } }

#career-detail.under {
  /* --------------------------------------------------
  	intro
  -------------------------------------------------- */ }
  #career-detail.under .intro:not(:last-child) {
    margin-bottom: 5.5555555556%; }
    @media screen and (max-width: 1023px) {
      #career-detail.under .intro:not(:last-child) {
        margin-bottom: 12vw; } }
  #career-detail.under .intro .sec-inner {
    width: 79.1666666667%;
    margin: 0 auto;
    padding-top: 5.5555555556%; }
    @media screen and (max-width: 1023px) {
      #career-detail.under .intro .sec-inner {
        width: 89.3333333333%;
        padding-top: 9.3333333333vw; } }
  #career-detail.under .intro .parts-hd {
    line-height: 1.5; }
    #career-detail.under .intro .parts-hd:not(:last-child) {
      margin-bottom: 7.0175438596%; }
      @media screen and (max-width: 1023px) {
        #career-detail.under .intro .parts-hd:not(:last-child) {
          margin-bottom: 5.3333333333vw; } }

#career-detail.under {
  /* --------------------------------------------------
  	interview
  -------------------------------------------------- */ }
  #career-detail.under .interview .sec-inner {
    padding-bottom: 8.3333333333%; }
    @media screen and (max-width: 1023px) {
      #career-detail.under .interview .sec-inner {
        padding-bottom: 10.6666666667vw; } }
  #career-detail.under .interview .sec-block-textbox .parts-shd:not(:last-child) {
    margin-bottom: 5.9649122807%; }
    @media screen and (max-width: 1023px) {
      #career-detail.under .interview .sec-block-textbox .parts-shd:not(:last-child) {
        margin-bottom: 4vw; } }

#career-detail.under {
  /* --------------------------------------------------
  	for-students
  -------------------------------------------------- */ }
  #career-detail.under .for-students .sec-inner {
    padding-bottom: 7.2916666667%; }
    @media screen and (max-width: 1023px) {
      #career-detail.under .for-students .sec-inner {
        padding-bottom: 13.3333333333vw; } }
    #career-detail.under .for-students .sec-inner .parts-text {
      font-weight: 500; }

#career-detail.under {
  /* --------------------------------------------------
  	since-joining
  -------------------------------------------------- */ }
  #career-detail.under .since-joining .sec-inner {
    padding-bottom: 8.3333333333%; }
    @media screen and (max-width: 1023px) {
      #career-detail.under .since-joining .sec-inner {
        padding-bottom: 13.3333333333vw; } }
  #career-detail.under .since-joining .parts-hd:not(:last-child) {
    margin-bottom: 4.3859649123%; }
    @media screen and (max-width: 1023px) {
      #career-detail.under .since-joining .parts-hd:not(:last-child) {
        margin-bottom: 10.6666666667vw; } }
  #career-detail.under .since-joining .parts-shd {
    font-weight: 500;
    font-size: 1.6666666667vw; }
    #career-detail.under .since-joining .parts-shd:not(:last-child) {
      margin-bottom: 2.0175438596%; }
      @media screen and (max-width: 1023px) {
        #career-detail.under .since-joining .parts-shd:not(:last-child) {
          margin-bottom: 5.3333333333vw;
          font-size: 4.2666666667vw; } }

#project-detail.under {
  /* --------------------------------------------------
  	intro
  -------------------------------------------------- */ }
  #project-detail.under .intro .sec-inner {
    width: 79.1666666667%;
    margin: 0 auto;
    padding-top: 5.9027777778%;
    padding-bottom: 7.2916666667%; }
    @media screen and (max-width: 1023px) {
      #project-detail.under .intro .sec-inner {
        width: 89.3333333333%;
        padding-top: 10.6666666667vw;
        padding-bottom: 13.3333333333vw; } }
  #project-detail.under .intro .parts-hd {
    margin-bottom: 6.25%; }
    @media screen and (max-width: 1023px) {
      #project-detail.under .intro .parts-hd {
        margin-bottom: 10.6666666667vw; } }

#project-detail.under {
  /* --------------------------------------------------
  	intro-profile
  -------------------------------------------------- */ }
  #project-detail.under .intro-profile {
    display: flex;
    justify-content: center;
    gap: 8.7719298246%; }
    @media screen and (max-width: 1023px) {
      #project-detail.under .intro-profile {
        flex-direction: column;
        gap: 8vw; } }
    #project-detail.under .intro-profile-item {
      display: flex;
      gap: 10.7692307692%;
      width: 50%;
      font-weight: 700; }
      @media screen and (max-width: 1023px) {
        #project-detail.under .intro-profile-item {
          gap: 5.3333333333vw;
          width: 100%; } }
    #project-detail.under .intro-profile-img {
      width: 50%;
      margin: 0;
      padding: 0; }
      @media screen and (max-width: 1023px) {
        #project-detail.under .intro-profile-img {
          width: 21.3333333333vw; } }
      #project-detail.under .intro-profile-img img {
        border-radius: 100%; }
    #project-detail.under .intro-profile-box {
      width: 48.8461538462%; }
      @media screen and (max-width: 1023px) {
        #project-detail.under .intro-profile-box {
          width: 62.6666666667vw; } }
    #project-detail.under .intro-profile-label {
      font-size: 0.8333333333vw;
      line-height: 1.5;
      letter-spacing: 0.1em; }
      @media screen and (max-width: 1023px) {
        #project-detail.under .intro-profile-label {
          font-size: 2.6666666667vw; } }
      #project-detail.under .intro-profile-label:not(:last-child) {
        margin-bottom: 1.3888888889vw; }
        @media screen and (max-width: 1023px) {
          #project-detail.under .intro-profile-label:not(:last-child) {
            margin-bottom: 3.2vw; } }
    #project-detail.under .intro-profile-name {
      font-size: 1.9444444444vw;
      letter-spacing: 0.1em; }
      @media screen and (max-width: 1023px) {
        #project-detail.under .intro-profile-name {
          font-size: 4.2666666667vw; } }
      #project-detail.under .intro-profile-name:not(:last-child) {
        margin-bottom: 1.3888888889vw; }
        @media screen and (max-width: 1023px) {
          #project-detail.under .intro-profile-name:not(:last-child) {
            margin-bottom: 2.1333333333vw; } }
    #project-detail.under .intro-profile-join {
      font-size: 0.8333333333vw;
      letter-spacing: 0.1em;
      color: #666666; }
      @media screen and (max-width: 1023px) {
        #project-detail.under .intro-profile-join {
          font-size: 2.6666666667vw; } }
      #project-detail.under .intro-profile-join:not(:last-child) {
        margin-bottom: 2.0833333333vw; }
        @media screen and (max-width: 1023px) {
          #project-detail.under .intro-profile-join:not(:last-child) {
            margin-bottom: 3.2vw; } }
    #project-detail.under .intro-profile-info-text {
      font-size: 0.8333333333vw;
      line-height: 2.1428571429;
      letter-spacing: 0.05em; }
      @media screen and (max-width: 1023px) {
        #project-detail.under .intro-profile-info-text {
          font-size: 2.6666666667vw; } }
    #project-detail.under .intro-profile .grad {
      display: inline-block;
      background: linear-gradient(90deg, #e3340d 0%, #771b07 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      color: #b42925; }

#project-detail.under {
  /* --------------------------------------------------
  	interview
  -------------------------------------------------- */ }
  #project-detail.under .interview .sec-inner {
    padding-bottom: 7.2916666667%; }
    @media screen and (max-width: 1023px) {
      #project-detail.under .interview .sec-inner {
        padding-bottom: 10.6666666667vw; } }
  #project-detail.under .interview .sec-border-block:not(:last-child) {
    margin-bottom: 4.8611111111%; }
    @media screen and (max-width: 1023px) {
      #project-detail.under .interview .sec-border-block:not(:last-child) {
        margin-bottom: 9.3333333333vw; } }
  #project-detail.under .interview .sec-border-block .parts-hd {
    letter-spacing: 0.1em; }

#project-detail.under {
  /* --------------------------------------------------
  	for-students
  -------------------------------------------------- */ }
  #project-detail.under .for-students .sec-inner {
    padding-bottom: 9.0277777778%; }
    @media screen and (max-width: 1023px) {
      #project-detail.under .for-students .sec-inner {
        padding-bottom: 17.3333333333vw; } }
  #project-detail.under .for-students .parts-hd:not(:last-child) {
    margin-bottom: 5.5555555556vw; }
    @media screen and (max-width: 1023px) {
      #project-detail.under .for-students .parts-hd:not(:last-child) {
        margin-bottom: 9.3333333333vw; } }

#recruiting.under {
  /* --------------------------------------------------
  	intro
  -------------------------------------------------- */ }
  #recruiting.under .table {
    padding-top: 6.25%;
    padding-bottom: 7.2916666667%; }
    @media screen and (max-width: 1023px) {
      #recruiting.under .table {
        padding-top: 12vw;
        padding-bottom: 13.3333333333vw; } }
    #recruiting.under .table .parts-hd:not(:last-child) {
      margin-bottom: 3.0701754386%; }
      @media screen and (max-width: 1023px) {
        #recruiting.under .table .parts-hd:not(:last-child) {
          margin-bottom: 5.3333333333vw; } }
    #recruiting.under .table-block:not(:last-child) {
      margin-bottom: 5.701754386%;
      padding-bottom: 3.9473684211%;
      border-bottom: 1px solid #e6e6e6; }
      @media screen and (max-width: 1023px) {
        #recruiting.under .table-block:not(:last-child) {
          margin-bottom: 16vw;
          padding-bottom: 12vw; } }
    #recruiting.under .table .parts-shd:not(:last-child) {
      margin-bottom: 3.0701754386%; }
      @media screen and (max-width: 1023px) {
        #recruiting.under .table .parts-shd:not(:last-child) {
          margin-bottom: 5.3333333333vw; } }
    #recruiting.under .table .parts-text:not(:last-child) {
      margin-bottom: 3.5087719298%; }
      @media screen and (max-width: 1023px) {
        #recruiting.under .table .parts-text:not(:last-child) {
          margin-bottom: 4vw; } }
    #recruiting.under .table-img {
      margin: 0;
      padding: 0; }
      #recruiting.under .table-img:not(:last-child) {
        margin-bottom: 4.3859649123%; }
        @media screen and (max-width: 1023px) {
          #recruiting.under .table-img:not(:last-child) {
            margin-bottom: 6.6666666667vw; } }

#faq.under {
  /* --------------------------------------------------
  	faqs
  -------------------------------------------------- */ }
  #faq.under .faqs {
    padding-top: 6.25%;
    padding-bottom: 7.2916666667%; }
    @media screen and (max-width: 1023px) {
      #faq.under .faqs {
        padding-top: 12vw;
        padding-bottom: 13.3333333333vw; } }
    #faq.under .faqs .parts-hd:not(:last-child) {
      margin-bottom: 5.701754386%; }
      @media screen and (max-width: 1023px) {
        #faq.under .faqs .parts-hd:not(:last-child) {
          margin-bottom: 5.3333333333vw; } }
    #faq.under .faqs-item {
      display: flex;
      justify-content: space-between;
      padding-bottom: 5.701754386%;
      border-bottom: 1px solid #e6e6e6; }
      @media screen and (max-width: 1023px) {
        #faq.under .faqs-item {
          flex-direction: column;
          padding-bottom: 8vw; } }
      #faq.under .faqs-item:not(:last-child) {
        margin-bottom: 6.1403508772%; }
        @media screen and (max-width: 1023px) {
          #faq.under .faqs-item:not(:last-child) {
            margin-bottom: 9.3333333333vw; } }
      #faq.under .faqs-item-a, #faq.under .faqs-item-q {
        width: 45.6140350877%; }
        @media screen and (max-width: 1023px) {
          #faq.under .faqs-item-a, #faq.under .faqs-item-q {
            width: 100%; } }
      @media screen and (max-width: 1023px) {
        #faq.under .faqs-item-q:not(:last-child) {
          margin-bottom: 4vw; } }
      #faq.under .faqs-item-img {
        margin: 0;
        padding: 0; }
        #faq.under .faqs-item-img:not(:last-child) {
          margin-bottom: 5.7692307692%; }
          @media screen and (max-width: 1023px) {
            #faq.under .faqs-item-img:not(:last-child) {
              margin-bottom: 4vw; } }
    #faq.under .faqs-icon-q {
      padding-right: 0.3em;
      color: #b42925; }
    #faq.under .faqs-icon-a {
      padding-right: 0.3em;
      vertical-align: baseline;
      font-size: 187.5%;
      line-height: 1.2;
      color: #b42925; }
      @media screen and (max-width: 1023px) {
        #faq.under .faqs-icon-a {
          font-size: 133.3333333333%; } }
    #faq.under .faqs .parts-text:not(:last-child) {
      margin-bottom: 5.7692307692%; }
      @media screen and (max-width: 1023px) {
        #faq.under .faqs .parts-text:not(:last-child) {
          margin-bottom: 4vw; } }

#internship.under {
  /* --------------------------------------------------
  	entry
  -------------------------------------------------- */ }
  #internship.under .entry {
    padding-top: 7.2916666667%;
    padding-bottom: 7.2916666667%; }
    @media screen and (max-width: 1023px) {
      #internship.under .entry {
        padding-top: 13.3333333333vw;
        padding-bottom: 13.3333333333vw; } }
    #internship.under .entry .sec-inner {
      width: 79.1666666667%;
      margin: 0 auto; }
      @media screen and (max-width: 1023px) {
        #internship.under .entry .sec-inner {
          width: 89.3333333333%; } }
    #internship.under .entry-block:not(:last-child) {
      margin-bottom: 8.3333333333%; }
      @media screen and (max-width: 1023px) {
        #internship.under .entry-block:not(:last-child) {
          margin-bottom: 12vw; } }
    #internship.under .entry-block-link {
      display: block; }
    #internship.under .entry .sec-img-wide:not(:last-child) {
      margin-bottom: 3.5087719298%; }
      @media screen and (max-width: 1023px) {
        #internship.under .entry .sec-img-wide:not(:last-child) {
          margin-bottom: 5.3333333333vw; } }
    #internship.under .entry .parts-shd {
      transition: color 400ms ease; }
      @media screen and (max-width: 1023px) {
        #internship.under .entry .parts-shd {
          width: calc(100% + 4.8vw); } }
      #internship.under .entry .parts-shd:not(:last-child) {
        margin-bottom: 2.4193548387%; }
        @media screen and (max-width: 1023px) {
          #internship.under .entry .parts-shd:not(:last-child) {
            margin-bottom: 4vw; } }
      #internship.under .entry .parts-shd-link-text {
        position: relative;
        padding-right: 3.1578947368%;
        font-size: 1.9444444444vw; }
        @media screen and (max-width: 1023px) {
          #internship.under .entry .parts-shd-link-text {
            padding-right: 4.8vw;
            font-size: 4.8vw; } }
        @media (hover: hover) {
          .notouch #internship.under .entry .parts-shd-link-text:hover {
            color: #4ca8e5; } }
      #internship.under .entry .parts-shd .icon-arrow-wrap {
        position: absolute;
        bottom: 0.3472222222vw;
        right: 0;
        width: 2.0833333333vw;
        height: 2.0833333333vw;
        border-width: 0.1388888889vw;
        border-color: #4ca8e5; }
        @media screen and (max-width: 1023px) {
          #internship.under .entry .parts-shd .icon-arrow-wrap {
            width: 4.5333333333vw;
            height: 4.5333333333vw; } }
        #internship.under .entry .parts-shd .icon-arrow-wrap span {
          font-size: 0.8333333333vw;
          color: #4ca8e5; }
          @media screen and (max-width: 1023px) {
            #internship.under .entry .parts-shd .icon-arrow-wrap span {
              font-size: 2.1333333333vw; } }
    #internship.under .entry .parts-text:not(:last-child) {
      margin-bottom: 4.3859649123%; }
      @media screen and (max-width: 1023px) {
        #internship.under .entry .parts-text:not(:last-child) {
          margin-bottom: 6.6666666667vw; } }
    #internship.under .entry .parts-btn {
      background: #4ca8e5; }
      #internship.under .entry .parts-btn::before {
        background: #1d84c8; }
      #internship.under .entry .parts-btn .logo-mynavi2025 {
        display: inline-block;
        width: 10.6944444444vw;
        margin-left: 1.875vw;
        padding-left: 2.0833333333vw;
        border-left: 1px solid rgba(255, 255, 255, 0.5); }
        @media screen and (max-width: 1023px) {
          #internship.under .entry .parts-btn .logo-mynavi2025 {
            width: 27.4666666667vw;
            margin-left: 3.7333333333vw;
            padding-left: 4vw; } }

#career-info-message.under {
  /* --------------------------------------------------
  	intro
  -------------------------------------------------- */ }
  #career-info-message.under .intro:not(:last-child) {
    margin-bottom: 7.9861111111%; }
    @media screen and (max-width: 1023px) {
      #career-info-message.under .intro:not(:last-child) {
        margin-bottom: 12vw; } }
  #career-info-message.under .intro .sec-inner {
    width: 79.1666666667%;
    margin: 0 auto;
    padding-top: 6.9444444444%; }
    @media screen and (max-width: 1023px) {
      #career-info-message.under .intro .sec-inner {
        width: 89.3333333333%;
        padding-top: 9.3333333333vw; } }
  #career-info-message.under .intro .parts-hd:not(:last-child) {
    margin-bottom: 3.5087719298%; }
    @media screen and (max-width: 1023px) {
      #career-info-message.under .intro .parts-hd:not(:last-child) {
        margin-bottom: 5.3333333333vw; } }

#career-info-message.under {
  /* --------------------------------------------------
  	message
  -------------------------------------------------- */ }
  #career-info-message.under .message:not(:last-child) {
    margin-bottom: 7.6388888889%; }

#career-info-message.under {
  /* --------------------------------------------------
  	final
  -------------------------------------------------- */ }
  #career-info-message.under .final {
    margin-bottom: 6.5972222222%; }
    @media screen and (max-width: 1023px) {
      #career-info-message.under .final {
        margin-bottom: 13.3333333333vw; } }
    #career-info-message.under .final .parts-hd {
      white-space: nowrap; }
      #career-info-message.under .final .parts-hd:not(:last-child) {
        margin-bottom: 5.2631578947%; }
        @media screen and (max-width: 1023px) {
          #career-info-message.under .final .parts-hd:not(:last-child) {
            margin-bottom: 5.3333333333vw; } }
    #career-info-message.under .final .final-name {
      text-align: center;
      font-size: 1.6666666667vw;
      line-height: 1.5;
      font-weight: 700;
      letter-spacing: 0.1em; }
      @media screen and (max-width: 1023px) {
        #career-info-message.under .final .final-name {
          text-align: left;
          font-size: 3.2vw; } }

#movie.under {
  /* --------------------------------------------------
  	gallery
  -------------------------------------------------- */ }
  #movie.under .gallery {
    padding-top: 7.2916666667%;
    padding-bottom: 6.25%; }
    @media screen and (max-width: 1023px) {
      #movie.under .gallery {
        padding-top: 13.3333333333vw;
        padding-bottom: 12vw; } }
    #movie.under .gallery .sec-list {
      margin-bottom: -4.1666666667%; }
      @media screen and (max-width: 1023px) {
        #movie.under .gallery .sec-list {
          margin-bottom: -8vw; } }
    #movie.under .gallery .sec-item {
      margin-bottom: 5.2631578947%; }
      @media screen and (max-width: 1023px) {
        #movie.under .gallery .sec-item {
          margin-bottom: 8vw; } }

#development.under {
  /* --------------------------------------------------
  	intro
  -------------------------------------------------- */ }
  #development.under .intro .sec-inner {
    width: 79.1666666667%;
    margin: 0 auto;
    padding-top: 5.9027777778%; }
    @media screen and (max-width: 1023px) {
      #development.under .intro .sec-inner {
        width: 89.3333333333%;
        padding-top: 10.6666666667vw; } }
  #development.under .intro .parts-mhd:not(:last-child) {
    margin-bottom: 7.0175438596%; }
    @media screen and (max-width: 1023px) {
      #development.under .intro .parts-mhd:not(:last-child) {
        margin-bottom: 6.6666666667vw; } }

#development.under {
  /* --------------------------------------------------
  	info
  -------------------------------------------------- */ }
  #development.under .info {
    padding-top: 6.25%;
    padding-bottom: 7.2916666667%; }
    @media screen and (max-width: 1023px) {
      #development.under .info {
        padding-top: 12vw;
        padding-bottom: 13.3333333333vw; } }
    #development.under .info .sec-border-block:not(:last-child) {
      margin-bottom: 7.2916666667%; }
      @media screen and (max-width: 1023px) {
        #development.under .info .sec-border-block:not(:last-child) {
          margin-bottom: 9.3333333333vw; } }
    #development.under .info .sec-column:not(:last-child) {
      margin-bottom: 6.1403508772%; }
      @media screen and (max-width: 1023px) {
        #development.under .info .sec-column:not(:last-child) {
          margin-bottom: 6.6666666667vw; } }
    #development.under .info-img {
      margin: 0;
      padding: 0; }
      @media screen and (max-width: 1023px) {
        #development.under .info-img {
          overflow-x: scroll;
          padding-bottom: 8vw;
          scrollbar-width: thin;
          scrollbar-color: #737373 #f2f2f2; } }
      #development.under .info-img::-webkit-scrollbar {
        height: 1.3333333333vw; }
      #development.under .info-img::-webkit-scrollbar-track {
        background-color: #f2f2f2;
        border-radius: 1.3333333333vw; }
      #development.under .info-img::-webkit-scrollbar-thumb {
        background-color: #737373;
        border-radius: 1.3333333333vw; }
      @media screen and (max-width: 1023px) {
        #development.under .info-img img {
          width: 200%;
          max-width: 1000px; } }

#data.under {
  /* --------------------------------------------------
  	intro
  -------------------------------------------------- */ }
  #data.under .intro .sec-inner {
    width: 79.1666666667%;
    margin: 0 auto;
    padding-top: 5.9027777778%;
    padding-bottom: 5.9027777778%; }
    @media screen and (max-width: 1023px) {
      #data.under .intro .sec-inner {
        width: 89.3333333333%;
        padding-top: 10.6666666667vw;
        padding-bottom: 10.6666666667vw; } }

#data.under {
  /* --------------------------------------------------
  	survay
  -------------------------------------------------- */ }
  #data.under .survay .sec-inner {
    padding-bottom: 8.3333333333%; }
    @media screen and (max-width: 1023px) {
      #data.under .survay .sec-inner {
        padding-bottom: 10.6666666667vw; } }
  #data.under .survay .parts-hd:not(:last-child) {
    margin-bottom: 5.2083333333%; }
    @media screen and (max-width: 1023px) {
      #data.under .survay .parts-hd:not(:last-child) {
        margin-bottom: 6.6666666667vw; } }
  #data.under .survay-block:not(:last-child) {
    margin-bottom: 9.0277777778%; }
    @media screen and (max-width: 1023px) {
      #data.under .survay-block:not(:last-child) {
        margin-bottom: 10.6666666667vw; } }
  #data.under .survay .parts-mhd:not(:last-child) {
    margin-bottom: 4.1666666667%; }
    @media screen and (max-width: 1023px) {
      #data.under .survay .parts-mhd:not(:last-child) {
        margin-bottom: 5.3333333333vw; } }
  #data.under .survay-graph {
    width: 78.9473684211%;
    margin: 0 auto; }
    @media screen and (max-width: 1023px) {
      #data.under .survay-graph {
        width: 110%;
        margin-left: -5%; } }
    #data.under .survay-graph:not(:last-child) {
      margin-bottom: 7.2916666667%; }
      @media screen and (max-width: 1023px) {
        #data.under .survay-graph:not(:last-child) {
          margin-bottom: 9.3333333333vw; } }
  #data.under .survay-column {
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 1023px) {
      #data.under .survay-column {
        flex-direction: column; } }
    #data.under .survay-column-list {
      width: 45.6140350877%;
      border-top: 1px solid #e6e6e6; }
      @media screen and (max-width: 1023px) {
        #data.under .survay-column-list {
          width: 100%; } }
      @media screen and (max-width: 1023px) {
        #data.under .survay-column-list:not(:first-child) {
          border-top: none; } }
    #data.under .survay-column-item {
      padding: 8.6538461538% 0;
      border-bottom: 1px solid #e6e6e6; }
      @media screen and (max-width: 1023px) {
        #data.under .survay-column-item {
          padding: 6.6666666667vw 0; } }
      #data.under .survay-column-item::first-letter {
        font-size: 187.5%;
        line-height: 1.2;
        color: #b42925; }
        @media screen and (max-width: 1023px) {
          #data.under .survay-column-item::first-letter {
            font-size: 133.3333333333%; } }

#symposium.under {
  /* --------------------------------------------------
  	intro
  -------------------------------------------------- */ }
  #symposium.under .intro .sec-inner {
    width: 79.1666666667%;
    margin: 0 auto;
    padding-top: 5.9027777778%;
    padding-bottom: 11.1111111111%; }
    @media screen and (max-width: 1023px) {
      #symposium.under .intro .sec-inner {
        width: 89.3333333333%;
        padding-top: 10.6666666667vw;
        padding-bottom: 13.3333333333vw; } }
  #symposium.under .intro .parts-hd {
    margin-bottom: 6.25%; }
    @media screen and (max-width: 1023px) {
      #symposium.under .intro .parts-hd {
        margin-bottom: 10.6666666667vw; } }

#symposium.under {
  /* --------------------------------------------------
  	intro-profile
  -------------------------------------------------- */ }
  #symposium.under .intro-profile {
    display: flex;
    justify-content: center;
    gap: 5.6140350877%; }
    @media screen and (max-width: 1023px) {
      #symposium.under .intro-profile {
        flex-direction: column;
        gap: 8vw; } }
    #symposium.under .intro-profile-item {
      width: 22.8070175439%;
      font-weight: 700; }
      @media screen and (max-width: 1023px) {
        #symposium.under .intro-profile-item {
          display: flex;
          gap: 5.3333333333vw;
          width: 100%; } }
    #symposium.under .intro-profile-img {
      margin: 0;
      padding: 0; }
      @media screen and (max-width: 1023px) {
        #symposium.under .intro-profile-img {
          width: 21.3333333333vw; } }
      #symposium.under .intro-profile-img img {
        border-radius: 100%; }
      #symposium.under .intro-profile-img:not(:last-child) {
        margin-bottom: 2.4305555556vw; }
        @media screen and (max-width: 1023px) {
          #symposium.under .intro-profile-img:not(:last-child) {
            margin-bottom: 0; } }
    @media screen and (max-width: 1023px) {
      #symposium.under .intro-profile-box {
        width: 62.6666666667vw; } }
    #symposium.under .intro-profile-label {
      font-size: 0.9722222222vw;
      line-height: 1.5;
      letter-spacing: 0.1em; }
      @media screen and (max-width: 1023px) {
        #symposium.under .intro-profile-label {
          font-size: 2.6666666667vw; } }
      #symposium.under .intro-profile-label:not(:last-child) {
        margin-bottom: 1.3888888889vw; }
        @media screen and (max-width: 1023px) {
          #symposium.under .intro-profile-label:not(:last-child) {
            margin-bottom: 3.2vw; } }
    #symposium.under .intro-profile-name {
      font-size: 1.9444444444vw;
      letter-spacing: 0.1em; }
      @media screen and (max-width: 1023px) {
        #symposium.under .intro-profile-name {
          font-size: 4.2666666667vw; } }
      #symposium.under .intro-profile-name:not(:last-child) {
        margin-bottom: 1.3888888889vw; }
        @media screen and (max-width: 1023px) {
          #symposium.under .intro-profile-name:not(:last-child) {
            margin-bottom: 2.1333333333vw; } }
    #symposium.under .intro-profile-join {
      font-size: 0.8333333333vw;
      letter-spacing: 0.1em;
      color: #666666; }
      @media screen and (max-width: 1023px) {
        #symposium.under .intro-profile-join {
          font-size: 2.6666666667vw; } }
      #symposium.under .intro-profile-join:not(:last-child) {
        margin-bottom: 2.0833333333vw; }
        @media screen and (max-width: 1023px) {
          #symposium.under .intro-profile-join:not(:last-child) {
            margin-bottom: 3.2vw; } }
    #symposium.under .intro-profile-info:not(:last-child) {
      margin-bottom: 2.0833333333vw; }
      @media screen and (max-width: 1023px) {
        #symposium.under .intro-profile-info:not(:last-child) {
          margin-bottom: 3.2vw; } }
    #symposium.under .intro-profile-info-hd {
      font-size: 0.9722222222vw;
      line-height: 1.875;
      color: #b42925;
      letter-spacing: 0.1em; }
      @media screen and (max-width: 1023px) {
        #symposium.under .intro-profile-info-hd {
          font-size: 3.2vw; } }
    #symposium.under .intro-profile-info-text {
      font-size: 0.8333333333vw;
      line-height: 2.1428571429;
      letter-spacing: 0.05em; }
      @media screen and (max-width: 1023px) {
        #symposium.under .intro-profile-info-text {
          font-size: 2.6666666667vw; } }
      #symposium.under .intro-profile-info-text:not(:last-child) {
        margin-bottom: 1.25vw; }
        @media screen and (max-width: 1023px) {
          #symposium.under .intro-profile-info-text:not(:last-child) {
            margin-bottom: 2.1333333333vw; } }
    #symposium.under .intro-profile .grad {
      display: inline-block;
      background: linear-gradient(90deg, #e3340d 0%, #771b07 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      color: #b42925; }

#symposium.under {
  /* --------------------------------------------------
  	interview
  -------------------------------------------------- */ }
  #symposium.under .interview .sec-inner {
    padding-bottom: 7.2916666667%; }
    @media screen and (max-width: 1023px) {
      #symposium.under .interview .sec-inner {
        padding-bottom: 10.6666666667vw; } }
  #symposium.under .interview .sec-border-block:not(:last-child) {
    margin-bottom: 4.8611111111%; }
    @media screen and (max-width: 1023px) {
      #symposium.under .interview .sec-border-block:not(:last-child) {
        margin-bottom: 9.3333333333vw; } }
  #symposium.under .interview .sec-border-block .parts-hd {
    letter-spacing: 0.15em; }
  #symposium.under .interview .sec-border-block .parts-text {
    font-size: 1.6666666667vw;
    line-height: 2; }
    @media screen and (max-width: 1023px) {
      #symposium.under .interview .sec-border-block .parts-text {
        font-size: 3.7333333333vw; } }
  #symposium.under .interview-box {
    width: 79.1666666667%;
    margin: 0 auto; }
    @media screen and (max-width: 1023px) {
      #symposium.under .interview-box {
        width: 89.3333333333%; } }
    #symposium.under .interview-box-img {
      margin: 0;
      margin-top: 5.5555555556vw;
      padding: 0; }
      @media screen and (max-width: 1023px) {
        #symposium.under .interview-box-img {
          margin-top: 10.6666666667vw; } }

#notfound {
  /* --------------------------------------------------
  	error404
  -------------------------------------------------- */ }
  #notfound .intro {
    margin-bottom: 7.9861111111%; }
    @media screen and (max-width: 1023px) {
      #notfound .intro {
        margin-bottom: 12vw; } }
    #notfound .intro .sec-inner {
      width: 86.1111111111%;
      margin: 0 auto;
      padding-top: 6.9444444444%;
      text-align: center; }
      @media screen and (max-width: 1023px) {
        #notfound .intro .sec-inner {
          width: 89.3333333333%;
          text-align: left;
          padding-top: 9.3333333333vw; } }
    #notfound .intro .parts-hd:not(:last-child) {
      margin-bottom: 6.4516129032%; }
      @media screen and (max-width: 1023px) {
        #notfound .intro .parts-hd:not(:last-child) {
          margin-bottom: 5.3333333333vw; } }
    #notfound .intro .parts-text:not(:last-child) {
      margin-bottom: 6.4516129032%; }
      @media screen and (max-width: 1023px) {
        #notfound .intro .parts-text:not(:last-child) {
          margin-bottom: 5.3333333333vw; } }
    #notfound .intro .parts-btn {
      width: 20.1612903226%;
      margin: 0 auto; }
      @media screen and (max-width: 1023px) {
        #notfound .intro .parts-btn {
          width: 42.4vw; } }