@charset "UTF-8";
/*------------------------------------------------------------
    Reset
------------------------------------------------------------*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
dialog,
figure,
footer,
header,
nav,
section,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main {
  display: block;
}
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
  overflow-x: hidden;
}
body {
  color: #231916;
  overflow-x: hidden;
}
html.c-active {
  overflow-y: hidden;
}
body,
table,
input,
textarea,
select,
option,
h1,
h2,
h3,
h4,
h5,
h6 {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0;
  padding: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
}
table,
input,
textarea,
select,
option {
  line-height: 1.1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
:focus {
  outline: 0;
}
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}
img {
  vertical-align: top;
}
a,
a img {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
a {
  color: inherit;
  text-decoration: none;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
  cursor: pointer;
}
img {
  max-width: 100%;
  display: inline-block;
  height: auto;
}
.sp-only {
  display: none;
}
@media only screen and (max-width: 818px) {
  .pc-only {
    display: none;
  }

  .sp-only {
    display: block;
  }
}
/*≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡
// Layout .l-
≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡*/
/* Header
------------------------------------------------------------*/
@media only screen and (max-width: 818px) {
  .c-header {
    padding-top: 85px;
  }
}
.c-header__fixed {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 999;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
.c-header__fixed.c-header__fixed--top .c-header__logo .c-headerlogo__txt1,
.c-header__fixed.c-header__fixed--top .c-header__logo .c-headerlogo__txt2 {
  color: #fff;
}
@media only screen and (max-width: 818px) {
  .c-header__fixed {
    background-color: #f9c053;
  }
  .c-header__fixed .c-header__row {
    height: 85px !important;
  }
}
.c-header__fixed.is-scrolled {
  background-color: #f9c053;
}
.c-header__fixed.is-scrolled .c-header__row {
  height: 100px;
}
.c-header__fixed.is-scrolled .c-headerlogo__txt1,
.c-header__fixed.is-scrolled .c-headerlogo__txt2 {
  -webkit-transform: scale(0) !important;
  transform: scale(0) !important;
}
.c-header__fixed.is-scrolled .c-header__logo {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.c-header__fixed.is-scrolled .c-header__logo .c-headerlogo__logo {
  -webkit-transform: scale(0.9) rotate(180deg);
  transform: scale(0.9) rotate(180deg);
  width: 80px;
}
.c-header__fixed.is-scrolled .c-header__nav a {
  color: #231916;
  text-shadow: unset;
}
.c-header__fixed.is-scrolled .c-header__nav a:hover {
  text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 21px #fff;
}
.c-header .c-header__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 122px;
  padding: 0 1.4%;
  -webkit-transition: height 0.3s ease;
  transition: height 0.3s ease;
}
@media only screen and (max-width: 818px) {
  .c-header .c-header__row {
    padding: 0 3%;
  }
}
.c-header .c-header__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-left: 2%;
  gap: 2px;
  -webkit-transform: translateY(25px);
  transform: translateY(25px);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
@media only screen and (max-width: 818px) {
  .c-header .c-header__logo {
    margin-left: 0;
    -webkit-transform: unset;
    transform: unset;
  }
}
.c-header .c-header__logo .c-headerlogo__txt1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 2px;
  text-shadow: 0 0 1px #231916;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  -webkit-transition: color 0.3s ease, -webkit-transform 0.3s ease;
  transition: color 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, color 0.3s ease;
  transition: transform 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease;
}
@media only screen and (max-width: 818px) {
  .c-header .c-header__logo .c-headerlogo__txt1 {
    display: none;
  }
}
.c-header .c-header__logo .c-headerlogo__txt1 span:first-child {
  font-size: 0.9rem;
  font-family: "zen-old-mincho", sans-serif;
  font-weight: 700;
}
.c-header .c-header__logo .c-headerlogo__txt1 span:last-child {
  font-weight: 500;
  font-family: "stix-two-text", serif;
  font-size: 1.1rem;
}
.c-header .c-header__logo .c-headerlogo__logo {
  width: 90px;
  -webkit-transition: width 0.5s ease, -webkit-transform 0.5s ease;
  transition: width 0.5s ease, -webkit-transform 0.5s ease;
  transition: transform 0.5s ease, width 0.5s ease;
  transition: transform 0.5s ease, width 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-transform-origin: center center;
  transform-origin: center center;
}
@media only screen and (max-width: 818px) {
  .c-header .c-header__logo .c-headerlogo__logo {
    width: 60px;
  }
}
.c-header .c-header__logo .c-headerlogo__txt2 {
  font-size: 0.9rem;
  font-weight: 700;
  text-align: center;
  font-family: "stix-two-text", serif;
  margin-top: 3px;
  text-shadow: 0 0 1px #231916;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transition: color 0.3s ease, -webkit-transform 0.3s ease;
  transition: color 0.3s ease, -webkit-transform 0.3s ease;
  transition: transform 0.3s ease, color 0.3s ease;
  transition: transform 0.3s ease, color 0.3s ease, -webkit-transform 0.3s ease;
}
@media only screen and (max-width: 818px) {
  .c-header .c-header__logo .c-headerlogo__txt2 {
    display: none;
  }
}
.c-header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 37px;
}
.c-header__nav.c-header__nav--top a {
  color: #fff;
  text-shadow: 0 0 1px #231916;
}
@media only screen and (max-width: 1150px) {
  .c-header__nav {
    gap: 20px;
  }
}
@media only screen and (max-width: 1023px) {
  .c-header__nav {
    gap: 12px;
  }
}
@media only screen and (max-width: 818px) {
  .c-header__nav {
    display: none;
  }
}
.c-header__nav a {
  color: #231916;
  text-shadow: 0 0 1px #fff;
  font-weight: 700;
}
@media only screen and (max-width: 1023px) {
  .c-header__nav a {
    font-size: 1.3rem;
  }
}
.c-header__nav a:hover {
  text-shadow: 0 0 7px #e5bc00, 0 0 10px #e5bc00, 0 0 21px #e5bc00;
}
.c-header__topright {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}
@media only screen and (max-width: 818px) {
  .c-header__topright {
    margin-left: auto;
  }
}
.c-header__burger {
  display: none;
}
@media only screen and (max-width: 818px) {
  .c-header__burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    z-index: 999;
    margin-left: 16px;
  }
}
@media only screen and (max-width: 818px) and (max-width: 414px) {
  .c-header__burger {
    margin-left: 16px;
  }
}
.menu-toggle {
  height: 24px;
  width: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  cursor: pointer;
  transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  transition: -webkit-transform 300ms ease;
  -webkit-transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
  transition: transform 300ms ease, -webkit-transform 300ms ease;
}
.menu-toggle span {
  height: 4px;
  background-color: #231916;
  -webkit-transition: width 200ms ease;
  transition: width 200ms ease;
  transition: width 200ms ease;
  transition: width 200ms ease;
}
.menu-toggle span:nth-child(1) {
  width: 80%;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
  transition-delay: 200ms;
  transition-delay: 200ms;
}
.menu-toggle span:nth-child(2) {
  width: 100%;
}
.menu-toggle span:nth-child(3) {
  width: 60%;
  -webkit-transition-delay: 400ms;
  transition-delay: 400ms;
  transition-delay: 400ms;
  transition-delay: 400ms;
}
.menu-toggle span:nth-child(4) {
  position: absolute;
  top: -8px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
  width: 4px;
  height: 0;
  -webkit-transition: height 400ms;
  transition: height 400ms;
  transition: height 400ms;
  transition: height 400ms;
}
.menu-toggle.c-active {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition-delay: 400ms;
  transition-delay: 400ms;
  transition-delay: 400ms;
  transition-delay: 400ms;
}
.menu-toggle.c-active span {
  background-color: #231916;
}
.menu-toggle.c-active span:nth-child(1) {
  width: 0;
  -webkit-transition: 200ms ease;
  transition: 200ms ease;
  transition: 200ms ease;
  transition: 200ms ease;
}
.menu-toggle.c-active span:nth-child(3) {
  width: 0;
  -webkit-transition: 200ms ease;
  transition: 200ms ease;
  transition: 200ms ease;
  transition: 200ms ease;
  -webkit-transition-delay: 150ms;
  transition-delay: 150ms;
  transition-delay: 150ms;
  transition-delay: 150ms;
}
.menu-toggle.c-active span:nth-child(4) {
  height: 40px;
  -webkit-transition: height 200ms ease;
  transition: height 200ms ease;
  transition: height 200ms ease;
  transition: height 200ms ease;
  -webkit-transition-delay: 200ms;
  transition-delay: 200ms;
  transition-delay: 200ms;
  transition-delay: 200ms;
}
.c-menu {
  position: absolute;
  top: 0;
  width: 70%;
  min-height: 100vh;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  z-index: 98;
  pointer-events: none;
}
.c-menu.c-active {
  pointer-events: all;
}
.c-menu__bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.c-menu .c-menu__bg {
  position: absolute;
}
.c-menu .c-menu__bg1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: -webkit-transform 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.26s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-transform: translate(101%, -101%);
  transform: translate(101%, -101%);
}
.c-menu .c-menu__bg2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: -webkit-transform 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.26s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.26s cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-transition-delay: 0.24s;
  transition-delay: 0.24s;
  -webkit-transform: translate(-101%, 101%);
  transform: translate(-101%, 101%);
}
.c-menu .c-menu__bg1 {
  -webkit-transform: translate(101%, -101%);
  transform: translate(101%, -101%);
  z-index: -2;
}
.c-menu.c-active .c-menu__bg1 {
  -webkit-transform: translate(0);
  transform: translate(0);
  -webkit-transition-delay: 0.24s;
  transition-delay: 0.24s;
}
.c-menu .c-menu__bg2 {
  -webkit-transform: translate(-101%, 101%);
  transform: translate(-101%, 101%);
  z-index: -3;
}
.c-menu.c-active .c-menu__bg2 {
  -webkit-transform: translate(0);
  transform: translate(0);
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
/* Khi không active, thêm transition-delay để điều chỉnh */
.c-menu:not(.c-active) .c-menu__bg1 {
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
}
.c-menu:not(.c-active) .c-menu__bg2 {
  -webkit-transition-delay: 0.24s;
  transition-delay: 0.24s;
}
.c-menu__content {
  padding-top: 47%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.c-menu__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.c-menu__nav li {
  overflow: hidden;
  position: relative;
  display: inline-block;
}
.c-menu__nav li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-transform: translateX(-101%);
  transform: translateX(-101%);
  -webkit-transition: -webkit-transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: -webkit-transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.c-modal__logo::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-transform: translateX(-101%);
  transform: translateX(-101%);
  -webkit-transition: -webkit-transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: -webkit-transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.c-ig__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 102%;
  -webkit-transform: translateX(-101%);
  transform: translateX(-101%);
  -webkit-transition: -webkit-transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: -webkit-transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.c-modal__logo {
  position: relative;
}
.c-menu__nav li + li {
  margin-top: 18px;
}
.c-menu__nav li {
  margin: 0 auto;
}
.c-menu__nav li a {
  font-size: 2rem;
  font-family: "arial", sans-serif;
  text-align: center;
  font-weight: 500;
  margin: 0 auto;
  --pointer01: 0% 0%;
  --pointer02: 0% 0%;
  --pointer03: 0% 100%;
  --pointer04: 0% 100%;
  -webkit-clip-path: polygon(var(--pointer01), var(--pointer02), var(--pointer03), var(--pointer04));
  clip-path: polygon(var(--pointer01), var(--pointer02), var(--pointer03), var(--pointer04));
  clip-path: polygon(var(--pointer01), var(--pointer02), var(--pointer03), var(--pointer04));
  transition: transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-clip-path 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-transition: -webkit-transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-clip-path 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: -webkit-transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-clip-path 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), clip-path 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), clip-path 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-clip-path 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), clip-path 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-clip-path 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.c-menu .c-btn1,
.c-menu__linebtn,
.c-modal__logo {
  --pointer01: 0% 0%;
  --pointer02: 0% 0%;
  --pointer03: 0% 100%;
  --pointer04: 0% 100%;
  -webkit-clip-path: polygon(var(--pointer01), var(--pointer02), var(--pointer03), var(--pointer04));
  clip-path: polygon(var(--pointer01), var(--pointer02), var(--pointer03), var(--pointer04));
  clip-path: polygon(var(--pointer01), var(--pointer02), var(--pointer03), var(--pointer04));
  transition: transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-clip-path 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-transition: -webkit-transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-clip-path 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: -webkit-transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-clip-path 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), clip-path 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), clip-path 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-clip-path 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), clip-path 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-clip-path 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.c-active.c-menu .c-btn1,
.c-active.c-menu .c-menu__linebtn,
.c-active.c-menu .c-menu__logo {
  --pointer01: 0% 0%;
  --pointer02: 100% 0%;
  --pointer03: 100% 100%;
  --pointer04: 0% 100%;
  -webkit-transition-delay: 0.24s;
  transition-delay: 0.24s;
}
.c-active.c-menu .c-menu__nav li::before {
  -webkit-transform: translateX(101%);
  transform: translateX(101%);
}
.c-active.c-menu .c-modal__logo::before {
  -webkit-transform: translateX(101%);
  transform: translateX(101%);
}
.c-active.c-menu .c-ig__bg,
.c-active.c-menu .c-ig__line {
  -webkit-transform: translateX(101%);
  transform: translateX(101%);
}
.c-active.c-menu .c-menu__nav li a,
.c-active.c-menu .c-modal__logo {
  --pointer01: 0% 0%;
  --pointer02: 100% 0%;
  --pointer03: 100% 100%;
  --pointer04: 0% 100%;
  -webkit-transition-delay: 0.24s;
  transition-delay: 0.24s;
}
.c-active.c-menu .c-menu__nav li:nth-of-type(1)::before {
  -webkit-transition-delay: 0.56s;
  transition-delay: 0.56s;
}
.c-active.c-menu .c-menu__nav li:nth-of-type(1) a {
  -webkit-transition-delay: 0.56s;
  transition-delay: 0.56s;
}
.c-active.c-menu .c-menu__nav li:nth-of-type(2)::before {
  -webkit-transition-delay: 0.64s;
  transition-delay: 0.64s;
}
.c-active.c-menu .c-menu__nav li:nth-of-type(2) a {
  -webkit-transition-delay: 0.64s;
  transition-delay: 0.64s;
}
.c-active.c-menu .c-menu__nav li:nth-of-type(3)::before {
  -webkit-transition-delay: 0.72s;
  transition-delay: 0.72s;
}
.c-active.c-menu .c-menu__nav li:nth-of-type(3) a {
  -webkit-transition-delay: 0.72s;
  transition-delay: 0.72s;
}
.c-active.c-menu .c-menu__nav li:nth-of-type(4)::before {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.c-active.c-menu .c-menu__nav li:nth-of-type(4) a {
  -webkit-transition-delay: 0.8s;
  transition-delay: 0.8s;
}
.c-active.c-menu .c-menu__nav li:nth-of-type(5)::before {
  -webkit-transition-delay: 0.88s;
  transition-delay: 0.88s;
}
.c-active.c-menu .c-menu__nav li:nth-of-type(5) a {
  -webkit-transition-delay: 0.88s;
  transition-delay: 0.88s;
}
.c-active.c-menu .c-menu__nav li:nth-of-type(6)::before {
  -webkit-transition-delay: 0.96s;
  transition-delay: 0.96s;
}
.c-active.c-menu .c-menu__nav li:nth-of-type(6) a {
  -webkit-transition-delay: 0.96s;
  transition-delay: 0.96s;
}
.c-active.c-menu .c-menu__nav li:nth-of-type(7)::before {
  -webkit-transition-delay: 1.04s;
  transition-delay: 1.04s;
}
.c-active.c-menu .c-menu__nav li:nth-of-type(7) a {
  -webkit-transition-delay: 1.04s;
  transition-delay: 1.04s;
}
.c-active.c-menu .c-menu__nav li:nth-of-type(7)::before {
  -webkit-transition-delay: 1.04s;
  transition-delay: 1.04s;
}
.c-active.c-menu .c-menu__nav li:nth-of-type(7) a {
  -webkit-transition-delay: 1.04s;
  transition-delay: 1.04s;
}
.c-active.c-menu .c-menu__nav li:nth-of-type(8)::before {
  -webkit-transition-delay: 1.12s;
  transition-delay: 1.12s;
}
.c-active.c-menu .c-menu__nav li:nth-of-type(8) a {
  -webkit-transition-delay: 1.12s;
  transition-delay: 1.12s;
}
.c-active.c-menu .cMenu__corporate {
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
}
.c-active.c-menu .cMenu__entry {
  -webkit-transition-delay: 1.36s;
  transition-delay: 1.36s;
}
.c-btn1 .c-span1 {
  font-weight: 700;
  font-size: 2rem;
  padding-bottom: 2px;
  color: #fff;
  letter-spacing: 0.5px;
}
.c-btn1 .c-ig__right {
  position: absolute;
  right: 0;
  height: 100%;
  width: 48px;
  top: 0;
}
.c-menu__linebtn {
  border: 1px solid #fff;
  max-width: 280px;
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 100%;
  margin: 0 auto 17px;
  overflow: hidden;
}
.c-menu__linebtn .c-span1 {
  font-weight: 700;
  font-size: 2rem;
  padding-bottom: 2px;
  color: #fff;
  letter-spacing: 0.5px;
}
.c-menu__linebtn .c-line__right {
  position: absolute;
  right: 0;
  height: 100%;
  width: 48px;
  top: 0;
}
.c-modal__logo {
  margin: 0 auto;
  max-width: 100px;
  margin-top: 30px;
}
.c-menu .c-btn1 {
  margin-top: 10px;
  margin: 15px auto 0;
}
@media only screen and (max-width: 818px) {
  .c-menu .c-btn1 {
    font-size: 2rem;
    letter-spacing: 1px;
    width: 120px;
    height: 33px;
    padding-bottom: 2px;
  }
}
.c-menu {
  display: none;
}
@media only screen and (max-width: 767px) {
  .c-menu {
    display: block;
  }
}
/*------------------------------------------------------------
footer
------------------------------------------------------------*/
.c-footer {
  background-color: #231916;
  padding: 32px 0 20px;
  position: relative;
}
.c-footer .l-container {
  max-width: 1130px;
}
.c-footer .c-footer__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
}
.c-footer .c-footer__row .c-footerleft {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 21px;
}
@media only screen and (max-width: 580px) {
  .c-footer .c-footer__row .c-footerleft {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.c-footer .c-footer__row .c-footerleft .c-footer__logo {
  width: 91px;
}
.c-footer .c-footer__row .c-footerleft .c-footerleft__left {
  margin-top: 18%;
}
@media only screen and (max-width: 580px) {
  .c-footer .c-footer__row .c-footerleft .c-footerleft__left {
    margin-top: 5%;
    width: 100%;
    padding-left: 5%;
  }
}
.c-footer .c-footer__row .c-footerleft .c-footerleft__left h2 {
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 18px;
  letter-spacing: 0.5px;
}
.c-footer .c-footer__row .c-footerleft .c-footerleft__left .c-footer__address {
  font-size: 1.5rem;
  line-height: 1.7;
  font-weight: 700;
}
.c-footer .c-footer__row .c-footerleft .c-footerleft__left .c-footer__address span + span {
  margin-top: 4px;
}
.c-footer .c-footer__row .c-footerleft .c-footerleft__left a {
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 10px;
}
.c-footer .c-footer__row2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  margin-top: 69px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.c-footer .c-footer__row2 .c-footer__copyright {
  font-size: 1.1rem;
  font-weight: 700;
}
.c-footer .c-footer__row2 .c-footer__privacy {
  font-size: 1.1rem;
  font-weight: 700;
}
.c-footer .c-footer__row2 .c-footer__privacy:hover {
  color: #ffbf00;
}
.c-footer__topscroll {
  position: absolute;
  top: 0;
  right: 12.5%;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 15px;
  cursor: pointer;
}
.c-footer__topscroll:hover .c-top__txt {
  text-shadow: 0 0 7px #ffbf00, 0 0 10px #ffbf00, 0 0 21px #ffbf00;
}
.c-footer__topscroll .c-top__txt {
  font-size: 1.4rem;
  font-weight: 700;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}
.c-footer__topscroll .c-topscroll__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-footer__topscroll .c-topscroll__line {
  background-color: #fff;
  width: 1px;
  height: 66px;
}
.c-footer__topscroll .c-topscroll__dot {
  background-color: #fff;
  height: 9px;
  width: 9px;
  border-radius: 50%;
}
/*------------------------------------------------------------
sidebar
------------------------------------------------------------*/
/* Breadcrumb
------------------------------------------------------------*/
/* layout
------------------------------------------------------------*/
body {
  font-family: "heisei-kaku-gothic-std", sans-serif;
  font-size: 1.4rem;
  line-height: 1.5;
}
@media only screen and (max-width: 818px) {
  body {
    min-width: 320px;
  }
}
.l-container {
  max-width: 1330px;
  margin: 0 auto;
  padding: 0 20px;
}
@media only screen and (max-width: 1023px) {
  .l-container {
    padding: 0 3%;
  }
}
@media only screen and (max-width: 818px) {
  .l-container {
    padding: 0 3%;
  }
}
.l-container2 {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0;
}
.c-page__introduce {
  padding: 160px 0 186px;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1150px) {
  .c-page__introduce {
    padding: 150px 0;
  }
}
@media only screen and (max-width: 1023px) {
  .c-page__introduce {
    padding: 170px 0 50px;
  }
}
@media only screen and (max-width: 818px) {
  .c-page__introduce {
    padding-top: 120px;
  }
}
.c-page__introduce.c-page__introduce--contact {
  background-image: url(./../img/contact/contact_bg.jpg);
  background-size: cover;
  background-position: left bottom;
}
.c-page__introduce.c-page__introduce--staff {
  background-image: url(./../img/staff/staff_bg.jpg);
  background-size: cover;
  background-position: center top;
}
.c-page__introduce.c-page__introduce--recruit {
  background-image: url(./../img/recruit/recruit_bg.jpg);
  background-size: cover;
  background-position: center top;
}
.c-page__introduce.c-page__introduce--philo {
  background-image: url(./../img/philo/philo_bg.jpg);
  background-size: cover;
  background-position: center top;
}
@media only screen and (max-width: 818px) {
  .c-page__introduce.c-page__introduce--recruit .c-page__introduceh2 {
    color: #f8a814;
    text-shadow: 0 0 3px #231916;
  }
}
.c-page__introduce.c-page__introduce--philo {
  background-color: gray;
  background-size: cover;
  background-position: center top;
}
.c-page__introduce .l-container {
  max-width: 1130px;
}
.c-page__introduce .c-page__introduceh2 {
  color: #fff;
  font-family: "zen-old-mincho", sans-serif;
  font-size: 8rem;
  font-weight: 900;
  text-shadow: 0 0 1px #231916;
}
@media only screen and (max-width: 1150px) {
  .c-page__introduce .c-page__introduceh2 {
    font-size: 6rem;
  }
}
@media only screen and (max-width: 1023px) {
  .c-page__introduce .c-page__introduceh2 {
    font-size: 4.5rem;
  }
}
@media only screen and (max-width: 818px) {
  .c-page__introduce .c-page__introduceh2 {
    font-size: 3.5rem;
    text-shadow: 0 0 3px #231916;
  }
}
.c-page__introduce .c-page__introduceh3 {
  color: #fff;
  font-size: 2.5rem;
  font-weight: 700;
  font-family: "arial", sans-serif;
  text-shadow: 0 0 1px #231916;
}
@media only screen and (max-width: 818px) {
  .c-page__introduce .c-page__introduceh3 {
    font-size: 2rem;
    text-shadow: 0 0 3px #231916;
  }
}
.c-pageintroduce__child1 h2 {
  text-align: center;
  font-size: 3.6rem;
  letter-spacing: 3px;
  font-weight: 700;
}
@media only screen and (max-width: 818px) {
  .c-pageintroduce__child1 h2 {
    font-size: 2.7rem;
    letter-spacing: 1px;
  }
}
.c-pageintroduce__child1 h3 {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  margin-top: 25px;
}
@media only screen and (max-width: 818px) {
  .c-pageintroduce__child1 h3 {
    margin-top: 12px;
    font-size: 1.6rem;
  }
}
.c-contact__banner1 {
  background-image: url(../img/recruit_banner.jpg);
  background-size: cover;
  background-position: center bottom;

  margin: 0 auto;
  max-width: 1016px;
  margin-top: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 362px;
}
@media only screen and (max-width: 818px) {
  .c-contact__banner1 {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 1150px) {
  .c-contact__banner1 {
    margin-top: 75px;
    max-width: 990px;
  }
}
@media only screen and (max-width: 1023px) {
  .c-contact__banner1 {
    margin: 0 20px;
    margin-top: 60px;
  }
}
@media only screen and (max-width: 818px) {
  .c-contact__banner1 {
    min-height: 300px;
  }
}
.c-contact__banner1 .c-contactbanner1__title {
  font-weight: 700;
  font-style: italic;
  text-align: center;
  color: #fff;
  font-size: 4rem;
  letter-spacing: 2px;
  margin-bottom: 25px;
}
@media only screen and (max-width: 1023px) {
  .c-contact__banner1 .c-contactbanner1__title {
    font-size: 3rem;
    letter-spacing: 1px;
    margin-bottom: 20px;
    padding: 0 2%;
  }
}
@media only screen and (max-width: 818px) {
  .c-contact__banner1 .c-contactbanner1__title {
    font-size: 2.4rem;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 580px) {
  .c-contact__banner1 .c-contactbanner1__title {
    font-size: 2rem;
    text-wrap: balance;
  }
}
.c-contact__banner1 .c-btn__contactbanner1 {
  width: 100%;
  max-width: 260px;
  height: 54px;
  color: #fff;
  font-size: 2.5rem;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #1a264a;
  -webkit-clip-path: polygon(13px 0%, 100% 0%, 100% 100%, 0% 100%, 0% 10px);
  clip-path: polygon(13px 0%, 100% 0%, 100% 100%, 0% 100%, 0% 10px);
  border: 1px solid #fff;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .c-contact__banner1 .c-btn__contactbanner1 {
    font-size: 2rem;
    max-width: 220px;
    height: 50px;
  }
}
.c-contact__banner1 .c-btn__contactbanner1::before {
  content: "";
  position: absolute;
  width: 17px;
  -webkit-transform-origin: center;
  transform-origin: center;
  height: 1px;
  background-color: #fff;
  left: -4px;
  top: 4px;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transform: rotate(-40deg);
  transform: rotate(-40deg);
}
.c-contact__banner1 .c-btn__contactbanner1:hover {
  background-color: #fff;
  color: #1a264a;
}
@-webkit-keyframes arrow {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  49.9% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes arrow {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  49.9% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    transform: translateX(-50%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@-webkit-keyframes scroll {
  0% {
    opacity: 0;
    top: 0;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
    top: calc(100% - 10px);
  }
}
@keyframes scroll {
  0% {
    opacity: 0;
    top: 0;
  }
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
    top: calc(100% - 10px);
  }
}
/*≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡
// Component .c-
≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡*/
/*------------------------------------------------------------
btn
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-btn1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 2px solid #231916;
  width: 120px;
  height: 33px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 2rem;
  font-weight: 700;
  font-family: "arial", sans-serif;
  color: #fff;
  background-color: #231916;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  letter-spacing: 1px;
  padding-top: 2px;
}
@media only screen and (max-width: 818px) {
  .c-btn1 {
    font-size: 1.8rem;
    letter-spacing: 0;
    width: 104px;
    height: 28px;
    padding-bottom: 2px;
  }
}
.c-btn1.c-btn1--pink {
  background-color: #e4007f;
  border-color: #e4007f;
}
.c-btn1.c-btn1--pink:hover {
  background-color: #fff;
  color: #e4007f;
}
.c-btn1.c-btn1--gray {
  background-color: #3f3b3a;
  border-color: #3f3b3a;
}
.c-btn1.c-btn1--gray:hover {
  background-color: #fff;
  color: #3f3b3a;
}
.c-entry__btn {
  width: 44.25%;
  margin-left: auto;
  background-color: #e4007f;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  gap: 28px;
  padding: 29px 6%;
  -webkit-clip-path: polygon(38px 0%, 100% 0%, 100% 100%, 0% 100%, 0% 26px);
  clip-path: polygon(38px 0%, 100% 0%, 100% 100%, 0% 100%, 0% 26px);
}
@media only screen and (max-width: 580px) {
  .c-entry__btn {
    gap: 14px;
    padding: 18px 7%;
  }
}
@media only screen and (max-width: 414px) {
  .c-entry__btn {
    gap: 8px;
    padding: 12px 5%;
    padding-left: 10%;
    width: 53%;
  }
}
.c-entry__btn:hover {
  opacity: 1;
  width: 50%;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%);
}
@media only screen and (max-width: 580px) {
  .c-entry__btn:hover {
    width: 70%;
  }
}
.c-entry__btn .c-entry__txt {
  font-size: 3rem;
  font-weight: 900;
  letter-spacing: 3px;
  color: #fff;
  -webkit-transform: translateY(1px);
  transform: translateY(1px);
}
@media only screen and (max-width: 580px) {
  .c-entry__btn .c-entry__txt {
    font-size: 2rem;
    letter-spacing: 1px;
    -webkit-transform: unset;
    transform: unset;
  }
}
@media only screen and (max-width: 414px) {
  .c-entry__btn .c-entry__txt {
    font-size: 1.8rem;
    letter-spacing: 0.5px;
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
}
.c-entry__btn .c-circle {
  width: 31px;
  height: 31px;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media only screen and (max-width: 580px) {
  .c-entry__btn .c-circle {
    width: 24px;
    height: 24px;
  }
}
.c-entry__btn .c-circle span {
  position: absolute;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid #e4007f;
  left: 58%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.c-btn2 {
  font-size: 1.6rem;
  color: #fff;
  font-weight: 900;
  width: 207px;
  height: 49px;
  border: 2px solid #231916;
  border-radius: 24px;
  background-color: #231916;
  margin: 0 auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  letter-spacing: 0.5px;
}
.c-btn2:hover {
  background-color: #fff;
  color: #231916;
}
.c-btn3 {
  font-size: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 144px;
  height: 36px;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  font-weight: 700;
  color: #fff;
  border-radius: 18px;
  border: 2px solid #231916;
  background-color: #231916;
}
.c-btn3:hover {
  background-color: #fff;
  color: #231916;
}
.c-btn4 {
  font-size: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 182px;
  height: 47px;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  font-weight: 700;
  color: #fff;
  border-radius: 24px;
  border: 2px solid #231916;
  background-color: #231916;
}
@media only screen and (max-width: 818px) {
  .c-btn4 {
    width: 152px;
    height: 42px;
    padding-top: 1px;
    font-size: 1.5rem;
  }
}
.c-btn4:hover {
  background-color: #fff;
  color: #231916;
}
/*------------------------------------------------------------
title
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
icon
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
form
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
text
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
img
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
list
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-list1 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (max-width: 580px) {
  .c-list1 li {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.c-list1 li + li {
  margin-top: 62px;
}
.c-list1 .c-item1__img {
  width: 35%;
}
@media only screen and (max-width: 580px) {
  .c-list1 .c-item1__img {
    width: 100%;
  }
}
.c-list1 .c-item1__right {
  width: 62.5%;
}
@media only screen and (max-width: 580px) {
  .c-list1 .c-item1__right {
    width: 100%;
    margin-top: 14px;
  }
}
.c-list1 .c-item1__right h3 {
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 1;
  border-left: 2px solid #231916;
  padding-left: 6px;
  letter-spacing: 3px;
}
@media only screen and (max-width: 818px) {
  .c-list1 .c-item1__right h3 {
    font-size: 2.2rem;
    letter-spacing: 1px;
  }
}
@media only screen and (max-width: 580px) {
  .c-list1 .c-item1__right h3 {
    font-size: 1.9rem;
  }
}
.c-list1 .c-item1__right p {
  font-size: 1.6rem;
  line-height: 1.578125;
  text-align: justify;
  margin-top: 20px;
}
@media only screen and (max-width: 818px) {
  .c-list1 .c-item1__right p {
    margin-top: 12px;
  }
}
@media only screen and (max-width: 580px) {
  .c-list1 .c-item1__right p {
    font-size: 1.45rem;
  }
}
.c-news__list1 .c-news__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-news__list1 .c-news__item + .c-news__item {
  margin-top: 35px;
}
.c-news__list1 .c-news__item .c-news__img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  max-width: 210px;
}
@media only screen and (max-width: 818px) {
  .c-news__list1 .c-news__item .c-news__img {
    max-width: 150px;
  }
}
.c-news__list1 .c-news__item .c-news__right {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 5%;
  padding-bottom: 24px;
  padding-top: 27px;
  border-bottom: 1px solid #231916;
}
@media only screen and (max-width: 818px) {
  .c-news__list1 .c-news__item .c-news__right {
    margin-left: 3%;
    padding-top: 0;
    padding-bottom: 8px;
  }
}
.c-news__list1 .c-news__item .c-news__right .c-newsitem__date {
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.5px;
}
@media only screen and (max-width: 580px) {
  .c-news__list1 .c-news__item .c-news__right .c-newsitem__date {
    font-size: 1.4rem;
  }
}
.c-news__list1 .c-news__item .c-news__right .c-newsitem__title {
  font-size: 1.8rem;
  font-weight: 700;
  margin-top: 29px;
  text-align: justify;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
@media only screen and (max-width: 818px) {
  .c-news__list1 .c-news__item .c-news__right .c-newsitem__title {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 580px) {
  .c-news__list1 .c-news__item .c-news__right .c-newsitem__title {
    margin-top: 3px;
    font-size: 1.6rem;
  }
}
/*------------------------------------------------------------
table
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-text__running1 {
  margin-top: 35px;
}
.marquee__slider1 .slick-slide {
  font-size: 6rem;
  font-weight: 900;
  color: #fff;
  white-space: nowrap;
  margin: 0 40px;
  -webkit-text-stroke: 1px #231916;
  /* Viền trắng */
}
@media only screen and (max-width: 818px) {
  .marquee__slider1 .slick-slide {
    font-size: 4rem;
    margin: 0 20px;
  }
}
.c-text__running2 {
  margin-top: 65px;
  position: relative;
  padding: 52.5px 0;
}
@media only screen and (max-width: 818px) {
  .c-text__running2 {
    padding: 24px 0;
  }
}
.marquee__slider2 .slick-slide {
  font-size: 6rem;
  font-weight: 900;
  color: #d8aa00;
  white-space: nowrap;
  margin: 0 40px;
  -webkit-text-stroke: 1px black;
  /* viền đen */
  text-shadow: -4px 4px 0 #000, -4px 4px 0 #000, -4px 4px 0 #000;
}
@media only screen and (max-width: 818px) {
  .marquee__slider2 .slick-slide {
    font-size: 4rem;
    margin: 0 20px;
  }
}
.c-line1 {
  width: 100%;
  height: 1px;
  position: absolute;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, #231916));
  background-image: -webkit-linear-gradient(left, transparent 50%, #231916 50%);
  background-image: linear-gradient(to right, transparent 50%, #231916 50%);
  background-size: 15px 100%;
}
.c-line1.c-line1--top {
  top: 0;
  left: 0;
}
.c-line1.c-line1--bottom {
  left: 0;
  bottom: 0;
}
/*------------------------------------------------------------
line
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
[data-aos=change-color1] {
  color: #231916;
  -webkit-transition-property: color;
  transition-property: color;
}
[data-aos=change-color1].aos-animate {
  color: #fff;
}
/*------------------------------------------------------------
video
------------------------------------------------------------*/
.c-top2__h2 {
  -webkit-transform: scale(2);
  transform: scale(2);
}
.c-ask2__wrapper h4 {
  -webkit-transform: scale(2);
  transform: scale(2);
}
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
video
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
other
------------------------------------------------------------*/
.js-delay-1 {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 140ms) !important;
  transition-delay: calc(var(--transition-delay, 200ms) + 140ms) !important;
}
.js-delay-2 {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 280ms) !important;
  transition-delay: calc(var(--transition-delay, 200ms) + 280ms) !important;
}
.js-delay-3 {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 420ms) !important;
  transition-delay: calc(var(--transition-delay, 200ms) + 420ms) !important;
}
.js-delay-4 {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 560ms) !important;
  transition-delay: calc(var(--transition-delay, 200ms) + 560ms) !important;
}
.js-delay-5 {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 700ms) !important;
  transition-delay: calc(var(--transition-delay, 200ms) + 700ms) !important;
}
.js-delay-6 {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 840ms) !important;
  transition-delay: calc(var(--transition-delay, 200ms) + 840ms) !important;
}
.js-delay-7 {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 980ms) !important;
  transition-delay: calc(var(--transition-delay, 200ms) + 980ms) !important;
}
.js-delay-8 {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1120ms) !important;
  transition-delay: calc(var(--transition-delay, 200ms) + 1120ms) !important;
}
.js-delay-9 {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1260ms) !important;
  transition-delay: calc(var(--transition-delay, 200ms) + 1260ms) !important;
}
.js-delay-10 {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1400ms) !important;
  transition-delay: calc(var(--transition-delay, 200ms) + 1400ms) !important;
}
.js-delay-11 {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1540ms) !important;
  transition-delay: calc(var(--transition-delay, 200ms) + 1540ms) !important;
}
.js-delay-12 {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1680ms) !important;
  transition-delay: calc(var(--transition-delay, 200ms) + 1680ms) !important;
}
.js-delay-13 {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1820ms) !important;
  transition-delay: calc(var(--transition-delay, 200ms) + 1820ms) !important;
}
.js-delay-14 {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1960ms) !important;
  transition-delay: calc(var(--transition-delay, 200ms) + 1960ms) !important;
}
.js-delay-15 {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 2100ms) !important;
  transition-delay: calc(var(--transition-delay, 200ms) + 2100ms) !important;
}
.js-delay-16 {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 2240ms) !important;
  transition-delay: calc(var(--transition-delay, 200ms) + 2240ms) !important;
}
.js-delay-17 {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 2380ms) !important;
  transition-delay: calc(var(--transition-delay, 200ms) + 2380ms) !important;
}
.js-delay-18 {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 2520ms) !important;
  transition-delay: calc(var(--transition-delay, 200ms) + 2520ms) !important;
}
.js-delay-19 {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 2660ms) !important;
  transition-delay: calc(var(--transition-delay, 200ms) + 2660ms) !important;
}
.js-delay-20 {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 2800ms) !important;
  transition-delay: calc(var(--transition-delay, 200ms) + 2800ms) !important;
}
.js-var-delay-1 {
  --transition-delay: 140ms;
}
.js-var-delay-2 {
  --transition-delay: 280ms;
}
.js-var-delay-3 {
  --transition-delay: 420ms;
}
.js-var-delay-4 {
  --transition-delay: 560ms;
}
.js-var-delay-5 {
  --transition-delay: 700ms;
}
.js-var-delay-6 {
  --transition-delay: 840ms;
}
.js-var-delay-7 {
  --transition-delay: 980ms;
}
.js-var-delay-8 {
  --transition-delay: 1120ms;
}
.js-var-delay-9 {
  --transition-delay: 1260ms;
}
.js-var-delay-10 {
  --transition-delay: 1400ms;
}
.js-var-delay-11 {
  --transition-delay: 1540ms;
}
.js-var-delay-12 {
  --transition-delay: 1680ms;
}
.js-var-delay-13 {
  --transition-delay: 1820ms;
}
.js-var-delay-14 {
  --transition-delay: 1960ms;
}
.js-var-delay-15 {
  --transition-delay: 2100ms;
}
.js-var-delay-16 {
  --transition-delay: 2240ms;
}
.js-var-delay-17 {
  --transition-delay: 2380ms;
}
.js-var-delay-18 {
  --transition-delay: 2520ms;
}
.js-var-delay-19 {
  --transition-delay: 2660ms;
}
.js-var-delay-20 {
  --transition-delay: 2800ms;
}
.js-lazyload {
  opacity: 0;
}
.js-lazyload.is-set {
  opacity: 1;
  -webkit-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
}
img.js-svg {
  opacity: 0;
}
.js-fade {
  opacity: 0;
  -webkit-transition: var(--transition-fade);
  transition: var(--transition-fade);
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-delay: var(--transition-delay, 200ms);
  transition-delay: var(--transition-delay, 200ms);
}
.is-shown .js-fade,
.js-fade.is-shown {
  opacity: 1;
}
.js-fades > * {
  opacity: 0;
  -webkit-transition: var(--transition-fade);
  transition: var(--transition-fade);
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.js-fades > :nth-child(1) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 140ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 140ms);
}
.js-fades > :nth-child(2) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 280ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 280ms);
}
.js-fades > :nth-child(3) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 420ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 420ms);
}
.js-fades > :nth-child(4) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 560ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 560ms);
}
.js-fades > :nth-child(5) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 700ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 700ms);
}
.js-fades > :nth-child(6) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 840ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 840ms);
}
.js-fades > :nth-child(7) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 980ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 980ms);
}
.js-fades > :nth-child(8) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1120ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 1120ms);
}
.js-fades > :nth-child(9) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1260ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 1260ms);
}
.js-fades > :nth-child(10) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1400ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 1400ms);
}
.js-fades > :nth-child(11) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1540ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 1540ms);
}
.js-fades > :nth-child(12) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1680ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 1680ms);
}
.js-fades > :nth-child(13) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1820ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 1820ms);
}
.js-fades > :nth-child(14) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1960ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 1960ms);
}
.js-fades > :nth-child(15) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 2100ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 2100ms);
}
.js-fades > :nth-child(16) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 2240ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 2240ms);
}
.js-fades > :nth-child(17) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 2380ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 2380ms);
}
.js-fades > :nth-child(18) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 2520ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 2520ms);
}
.js-fades > :nth-child(19) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 2660ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 2660ms);
}
.js-fades > :nth-child(20) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 2800ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 2800ms);
}
.is-shown .js-fades > *,
.js-fades.is-shown > * {
  opacity: 1;
}
.js-fades2 > * {
  opacity: 0;
  -webkit-transition: var(--transition-fade2);
  transition: var(--transition-fade2);
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.js-fades2 > :nth-child(1) {
  -webkit-transition-delay: calc(var(--transition-delay, 100ms) + 80ms);
  transition-delay: calc(var(--transition-delay, 100ms) + 80ms);
}
.js-fades2 > :nth-child(2) {
  -webkit-transition-delay: calc(var(--transition-delay, 100ms) + 160ms);
  transition-delay: calc(var(--transition-delay, 100ms) + 160ms);
}
.js-fades2 > :nth-child(3) {
  -webkit-transition-delay: calc(var(--transition-delay, 100ms) + 240ms);
  transition-delay: calc(var(--transition-delay, 100ms) + 240ms);
}
.js-fades2 > :nth-child(4) {
  -webkit-transition-delay: calc(var(--transition-delay, 100ms) + 320ms);
  transition-delay: calc(var(--transition-delay, 100ms) + 320ms);
}
.js-fades2 > :nth-child(5) {
  -webkit-transition-delay: calc(var(--transition-delay, 100ms) + 400ms);
  transition-delay: calc(var(--transition-delay, 100ms) + 400ms);
}
.js-fades2 > :nth-child(6) {
  -webkit-transition-delay: calc(var(--transition-delay, 100ms) + 480ms);
  transition-delay: calc(var(--transition-delay, 100ms) + 480ms);
}
.js-fades2 > :nth-child(7) {
  -webkit-transition-delay: calc(var(--transition-delay, 100ms) + 560ms);
  transition-delay: calc(var(--transition-delay, 100ms) + 560ms);
}
.js-fades2 > :nth-child(8) {
  -webkit-transition-delay: calc(var(--transition-delay, 100ms) + 640ms);
  transition-delay: calc(var(--transition-delay, 100ms) + 640ms);
}
.js-fades2 > :nth-child(9) {
  -webkit-transition-delay: calc(var(--transition-delay, 100ms) + 720ms);
  transition-delay: calc(var(--transition-delay, 100ms) + 720ms);
}
.js-fades2 > :nth-child(10) {
  -webkit-transition-delay: calc(var(--transition-delay, 100ms) + 800ms);
  transition-delay: calc(var(--transition-delay, 100ms) + 800ms);
}
.js-fades2 > :nth-child(11) {
  -webkit-transition-delay: calc(var(--transition-delay, 100ms) + 880ms);
  transition-delay: calc(var(--transition-delay, 100ms) + 880ms);
}
.js-fades2 > :nth-child(12) {
  -webkit-transition-delay: calc(var(--transition-delay, 100ms) + 960ms);
  transition-delay: calc(var(--transition-delay, 100ms) + 960ms);
}
.js-fades2 > :nth-child(13) {
  -webkit-transition-delay: calc(var(--transition-delay, 100ms) + 1040ms);
  transition-delay: calc(var(--transition-delay, 100ms) + 1040ms);
}
.js-fades2 > :nth-child(14) {
  -webkit-transition-delay: calc(var(--transition-delay, 100ms) + 1120ms);
  transition-delay: calc(var(--transition-delay, 100ms) + 1120ms);
}
.js-fades2 > :nth-child(15) {
  -webkit-transition-delay: calc(var(--transition-delay, 100ms) + 1200ms);
  transition-delay: calc(var(--transition-delay, 100ms) + 1200ms);
}
.js-fades2 > :nth-child(16) {
  -webkit-transition-delay: calc(var(--transition-delay, 100ms) + 1280ms);
  transition-delay: calc(var(--transition-delay, 100ms) + 1280ms);
}
.js-fades2 > :nth-child(17) {
  -webkit-transition-delay: calc(var(--transition-delay, 100ms) + 1360ms);
  transition-delay: calc(var(--transition-delay, 100ms) + 1360ms);
}
.js-fades2 > :nth-child(18) {
  -webkit-transition-delay: calc(var(--transition-delay, 100ms) + 1440ms);
  transition-delay: calc(var(--transition-delay, 100ms) + 1440ms);
}
.js-fades2 > :nth-child(19) {
  -webkit-transition-delay: calc(var(--transition-delay, 100ms) + 1520ms);
  transition-delay: calc(var(--transition-delay, 100ms) + 1520ms);
}
.js-fades2 > :nth-child(20) {
  -webkit-transition-delay: calc(var(--transition-delay, 100ms) + 1600ms);
  transition-delay: calc(var(--transition-delay, 100ms) + 1600ms);
}
.is-shown .js-fades2 > *,
.js-fades2.is-shown > * {
  opacity: 1;
}
.js-fadedown {
  opacity: 0;
  -webkit-transform: translate3d(0, -2rem, 0) rotate(0.001deg);
  transform: translate3d(0, -2rem, 0) rotate(0.001deg);
  transform: translate3d(0, -2rem, 0) rotate(0.001deg);
  -webkit-transition: var(--transition-fadedown);
  transition: var(--transition-fadedown);
  -webkit-transition-delay: var(--transition-delay, 200ms);
  transition-delay: var(--transition-delay, 200ms);
  transition-property: opacity, -webkit-transform;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}
.js-fadedown.is-shown,
:not(.js-trigger2).is-shown .js-fadedown {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) rotate(0.001deg);
  transform: translate3d(0, 0, 0) rotate(0.001deg);
  transform: translate3d(0, 0, 0) rotate(0.001deg);
}
.js-fadedowns > * {
  opacity: 0;
  -webkit-transform: translate3d(0, -2rem, 0) rotate(0.001deg);
  transform: translate3d(0, -2rem, 0) rotate(0.001deg);
  transform: translate3d(0, -2rem, 0) rotate(0.001deg);
  -webkit-transition: var(--transition-fadedown);
  transition: var(--transition-fadedown);
  transition-property: opacity, -webkit-transform;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}
.js-fadedowns > :nth-child(1) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 140ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 140ms);
}
.js-fadedowns > :nth-child(2) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 280ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 280ms);
}
.js-fadedowns > :nth-child(3) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 420ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 420ms);
}
.js-fadedowns > :nth-child(4) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 560ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 560ms);
}
.js-fadedowns > :nth-child(5) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 700ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 700ms);
}
.js-fadedowns > :nth-child(6) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 840ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 840ms);
}
.js-fadedowns > :nth-child(7) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 980ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 980ms);
}
.js-fadedowns > :nth-child(8) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1120ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 1120ms);
}
.js-fadedowns > :nth-child(9) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1260ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 1260ms);
}
.js-fadedowns > :nth-child(10) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1400ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 1400ms);
}
.js-fadedowns > :nth-child(11) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1540ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 1540ms);
}
.js-fadedowns > :nth-child(12) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1680ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 1680ms);
}
.js-fadedowns > :nth-child(13) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1820ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 1820ms);
}
.js-fadedowns > :nth-child(14) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1960ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 1960ms);
}
.js-fadedowns > :nth-child(15) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 2100ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 2100ms);
}
.js-fadedowns > :nth-child(16) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 2240ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 2240ms);
}
.js-fadedowns > :nth-child(17) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 2380ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 2380ms);
}
.js-fadedowns > :nth-child(18) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 2520ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 2520ms);
}
.js-fadedowns > :nth-child(19) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 2660ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 2660ms);
}
.js-fadedowns > :nth-child(20) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 2800ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 2800ms);
}
.js-fadedowns.is-shown > *,
:not(.js-trigger2).is-shown .js-fadedowns > * {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) rotate(0.001deg);
  transform: translate3d(0, 0, 0) rotate(0.001deg);
  transform: translate3d(0, 0, 0) rotate(0.001deg);
}
.js-fadeup {
  opacity: 0;
  -webkit-transform: translate3d(0, 2rem, 0) rotate(0.001deg);
  transform: translate3d(0, 2rem, 0) rotate(0.001deg);
  transform: translate3d(0, 2rem, 0) rotate(0.001deg);
  -webkit-transition: var(--transition-fadeup);
  transition: var(--transition-fadeup);
  -webkit-transition-delay: var(--transition-delay, 200ms);
  transition-delay: var(--transition-delay, 200ms);
  transition-property: opacity, -webkit-transform;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}
.js-fadeup.is-shown,
:not(.js-trigger2).is-shown .js-fadeup {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) rotate(0.001deg);
  transform: translate3d(0, 0, 0) rotate(0.001deg);
  transform: translate3d(0, 0, 0) rotate(0.001deg);
}
.js-fadeups > * {
  opacity: 0;
  -webkit-transform: translate3d(0, 2rem, 0) rotate(0.001deg);
  transform: translate3d(0, 2rem, 0) rotate(0.001deg);
  transform: translate3d(0, 2rem, 0) rotate(0.001deg);
  -webkit-transition: var(--transition-fadeup);
  transition: var(--transition-fadeup);
  transition-property: opacity, -webkit-transform;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}
.js-fadeups > :nth-child(1) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 140ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 140ms);
}
.js-fadeups > :nth-child(2) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 280ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 280ms);
}
.js-fadeups > :nth-child(3) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 420ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 420ms);
}
.js-fadeups > :nth-child(4) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 560ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 560ms);
}
.js-fadeups > :nth-child(5) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 700ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 700ms);
}
.js-fadeups > :nth-child(6) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 840ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 840ms);
}
.js-fadeups > :nth-child(7) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 980ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 980ms);
}
.js-fadeups > :nth-child(8) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1120ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 1120ms);
}
.js-fadeups > :nth-child(9) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1260ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 1260ms);
}
.js-fadeups > :nth-child(10) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1400ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 1400ms);
}
.js-fadeups > :nth-child(11) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1540ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 1540ms);
}
.js-fadeups > :nth-child(12) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1680ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 1680ms);
}
.js-fadeups > :nth-child(13) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1820ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 1820ms);
}
.js-fadeups > :nth-child(14) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1960ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 1960ms);
}
.js-fadeups > :nth-child(15) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 2100ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 2100ms);
}
.js-fadeups > :nth-child(16) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 2240ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 2240ms);
}
.js-fadeups > :nth-child(17) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 2380ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 2380ms);
}
.js-fadeups > :nth-child(18) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 2520ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 2520ms);
}
.js-fadeups > :nth-child(19) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 2660ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 2660ms);
}
.js-fadeups > :nth-child(20) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 2800ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 2800ms);
}
.js-fadeups.is-shown > *,
:not(.js-trigger2).is-shown .js-fadeups > * {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) rotate(0.001deg);
  transform: translate3d(0, 0, 0) rotate(0.001deg);
  transform: translate3d(0, 0, 0) rotate(0.001deg);
}
.js-parallax-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: var(--color-bg4);
}
.js-parallax-img > :first-child {
  width: 100%;
  height: calc(100% + 6vh);
  position: absolute;
  top: -3vh;
  left: 0;
  opacity: 0;
  will-change: transform;
}
body.is-load .js-parallax-img > :first-child {
  opacity: 1;
  -webkit-transition: opacity var(--transition-fade);
  transition: opacity var(--transition-fade);
  -webkit-transition-delay: 450ms;
  transition-delay: 450ms;
}
body.ua-windows .js-parallax-img > :first-child {
  transition: opacity var(--transition-fade), -webkit-transform 0.2s ease;
  -webkit-transition: opacity var(--transition-fade), -webkit-transform 0.2s ease;
  transition: transform 0.2s ease, opacity var(--transition-fade);
  transition: transform 0.2s ease, opacity var(--transition-fade), -webkit-transform 0.2s ease;
}
.js-parallax-img img {
  -webkit-transform: rotate(0.0001deg) translate3d(0, 0, 0);
  transform: rotate(0.0001deg) translate3d(0, 0, 0);
  transform: rotate(0.0001deg) translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  backface-visibility: hidden;
}
.js-parallax-img.-hero > :first-child {
  height: 100%;
  top: 0;
}
.js-scale {
  opacity: 0;
  -webkit-transform: scale(0) rotate(0.00001deg);
  transform: scale(0) rotate(0.00001deg);
  transform: scale(0) rotate(0.00001deg);
  -webkit-transition: var(--transition-scale);
  transition: var(--transition-scale);
  -webkit-transition-delay: var(--transition-delay, 200ms);
  transition-delay: var(--transition-delay, 200ms);
  transition-property: opacity, -webkit-transform;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}
.js-scale.is-shown,
:not(.js-trigger2).is-shown .js-scale {
  opacity: 1;
  -webkit-transform: scale(1) rotate(0.00001deg);
  transform: scale(1) rotate(0.00001deg);
  transform: scale(1) rotate(0.00001deg);
}
.js-scale2 {
  opacity: 0;
  -webkit-transform: scale(0.2) rotate(0.00001deg);
  transform: scale(0.2) rotate(0.00001deg);
  transform: scale(0.2) rotate(0.00001deg);
  -webkit-transition: var(--transition-scale);
  transition: var(--transition-scale);
  -webkit-transition-delay: var(--transition-delay, 200ms);
  transition-delay: var(--transition-delay, 200ms);
  transition-property: opacity, -webkit-transform;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}
.js-scale2.is-shown,
:not(.js-trigger2).is-shown .js-scale2 {
  opacity: 1;
  -webkit-transform: scale(1) rotate(0.00001deg);
  transform: scale(1) rotate(0.00001deg);
  transform: scale(1) rotate(0.00001deg);
}
.js-slidecross > * {
  opacity: 0;
  -webkit-transition: var(--transition-slidecross);
  transition: var(--transition-slidecross);
  transition-property: opacity, -webkit-transform;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}
.js-slidecross > :nth-of-type(2n-1) {
  -webkit-transform: translate3d(-10%, 5%, 0) rotate(0.001deg);
  transform: translate3d(-10%, 5%, 0) rotate(0.001deg);
  transform: translate3d(-10%, 5%, 0) rotate(0.001deg);
}
.js-slidecross > :nth-of-type(2n) {
  -webkit-transform: translate3d(10%, -5%, 0) rotate(0.001deg);
  transform: translate3d(10%, -5%, 0) rotate(0.001deg);
  transform: translate3d(10%, -5%, 0) rotate(0.001deg);
}
.js-slidecross > :nth-child(1) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 140ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 140ms);
}
.js-slidecross > :nth-child(2) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 280ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 280ms);
}
.js-slidecross > :nth-child(3) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 420ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 420ms);
}
.js-slidecross > :nth-child(4) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 560ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 560ms);
}
.js-slidecross > :nth-child(5) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 700ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 700ms);
}
.js-slidecross > :nth-child(6) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 840ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 840ms);
}
.js-slidecross > :nth-child(7) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 980ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 980ms);
}
.js-slidecross > :nth-child(8) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1120ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 1120ms);
}
.js-slidecross > :nth-child(9) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1260ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 1260ms);
}
.js-slidecross > :nth-child(10) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1400ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 1400ms);
}
.js-slidecross > :nth-child(11) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1540ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 1540ms);
}
.js-slidecross > :nth-child(12) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1680ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 1680ms);
}
.js-slidecross > :nth-child(13) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1820ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 1820ms);
}
.js-slidecross > :nth-child(14) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 1960ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 1960ms);
}
.js-slidecross > :nth-child(15) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 2100ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 2100ms);
}
.js-slidecross > :nth-child(16) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 2240ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 2240ms);
}
.js-slidecross > :nth-child(17) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 2380ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 2380ms);
}
.js-slidecross > :nth-child(18) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 2520ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 2520ms);
}
.js-slidecross > :nth-child(19) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 2660ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 2660ms);
}
.js-slidecross > :nth-child(20) {
  -webkit-transition-delay: calc(var(--transition-delay, 200ms) + 2800ms);
  transition-delay: calc(var(--transition-delay, 200ms) + 2800ms);
}
.js-slidecross.is-shown > *,
:not(.js-trigger2).is-shown .js-slidecross > * {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) rotate(0.001deg);
  transform: translate3d(0, 0, 0) rotate(0.001deg);
  transform: translate3d(0, 0, 0) rotate(0.001deg);
}
.js-slidedaiagonal {
  opacity: 0;
  -webkit-transform: translate3d(-15%, 50%, 0) rotate(0.001deg);
  transform: translate3d(-15%, 50%, 0) rotate(0.001deg);
  transform: translate3d(-15%, 50%, 0) rotate(0.001deg);
  -webkit-transition: var(--transition-slidedaiagonal);
  transition: var(--transition-slidedaiagonal);
  -webkit-transition-delay: var(--transition-delay, 200ms);
  transition-delay: var(--transition-delay, 200ms);
  transition-property: opacity, -webkit-transform;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}
.js-slidedaiagonal.is-shown,
:not(.js-trigger2).is-shown .js-slidedaiagonal {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) rotate(0.001deg);
  transform: translate3d(0, 0, 0) rotate(0.001deg);
  transform: translate3d(0, 0, 0) rotate(0.001deg);
}
.js-slidedaiagonal2 {
  opacity: 0;
  -webkit-transform: translate3d(-3%, 10%, 0) rotate(0.001deg);
  transform: translate3d(-3%, 10%, 0) rotate(0.001deg);
  transform: translate3d(-3%, 10%, 0) rotate(0.001deg);
  -webkit-transition: var(--transition-slidedaiagonal);
  transition: var(--transition-slidedaiagonal);
  -webkit-transition-delay: var(--transition-delay, 200ms);
  transition-delay: var(--transition-delay, 200ms);
  transition-property: opacity, -webkit-transform;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
}
.js-slidedaiagonal2.is-shown,
:not(.js-trigger2).is-shown .js-slidedaiagonal2 {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0) rotate(0.001deg);
  transform: translate3d(0, 0, 0) rotate(0.001deg);
  transform: translate3d(0, 0, 0) rotate(0.001deg);
}
.is-shown .js-splittext__txt {
  opacity: 1;
  -webkit-transition-delay: calc(var(--transition-delay) + 200ms);
  transition-delay: calc(var(--transition-delay) + 200ms);
}
.js-splittext__txt {
  opacity: 0;
  -webkit-transition: opacity var(--transition-splittext);
  transition: opacity var(--transition-splittext);
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
.js-accordion-click.is-first .js-accordion__panel,
.js-accordion-hover.is-first .js-accordion__panel {
  height: auto;
}
.js-accordion-click .js-accordion__panel,
.js-accordion-hover .js-accordion__panel {
  height: 0;
  overflow: hidden;
  -webkit-transition: height var(--transition-accordion);
  transition: height var(--transition-accordion);
}
@media screen and (min-width: 1024px) {
  .js-accordion-click-mqDown-lg .js-accordion__switch,
.js-accordion-hover-mqDown-lg .js-accordion__switch {
    cursor: auto;
    pointer-events: none;
  }
}
@media screen and (max-width: 1023px) {
  .js-accordion-click-mqDown-lg .js-accordion__panel,
.js-accordion-hover-mqDown-lg .js-accordion__panel {
    height: 0;
    overflow: hidden;
    -webkit-transition: height var(--transition-accordion);
    transition: height var(--transition-accordion);
  }
}
.js-loopslider {
  overflow: hidden;
}
.js-loopslider.is-running .js-loopslider__content {
  -webkit-animation-play-state: running !important;
  animation-play-state: running !important;
  animation-play-state: running !important;
}
.js-loopslider .js-loopslider__content {
  width: var(--all-width);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: loopslider-x var(--animation-duration-horizontal) linear infinite;
  animation: loopslider-x var(--animation-duration-horizontal) linear infinite;
  animation: loopslider-x var(--animation-duration-horizontal) linear infinite;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
}
.js-loopslider .js-loopslider__content::after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
}
.js-loopslider .js-loopslider__content > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.js-loopslider.-txt p {
  display: block;
  white-space: nowrap;
  padding-right: 0.5em;
}
@media screen and (min-width: 1024px) {
  .js-loopslider-mqDown-lg .is-clone {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .js-loopslider-mqDown-lg {
    overflow: hidden;
  }

  .js-loopslider-mqDown-lg.is-running .js-loopslider__content {
    -webkit-animation-play-state: running !important;
    animation-play-state: running !important;
    animation-play-state: running !important;
  }

  .js-loopslider-mqDown-lg .js-loopslider__content {
    width: var(--all-width);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-animation: loopslider-x var(--animation-duration-horizontal) linear infinite;
    animation: loopslider-x var(--animation-duration-horizontal) linear infinite;
    animation: loopslider-x var(--animation-duration-horizontal) linear infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
  }

  .js-loopslider-mqDown-lg .js-loopslider__content::after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    line-height: 0;
    visibility: hidden;
  }

  .js-loopslider-mqDown-lg .js-loopslider__content > * {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .js-loopslider-mqDown-lg.-txt p {
    display: block;
    white-space: nowrap;
    padding-right: 0.5em;
  }
}
.js-loopslider-y .js-loopslider__content {
  -webkit-animation: loopslider-y var(--animation-duration-vertical) linear infinite;
  animation: loopslider-y var(--animation-duration-vertical) linear infinite;
  animation: loopslider-y var(--animation-duration-vertical) linear infinite;
}
.js-loopslider-y.-type2 .js-loopslider__content {
  -webkit-animation: loopslider-y2 var(--animation-duration-vertical) linear infinite;
  animation: loopslider-y2 var(--animation-duration-vertical) linear infinite;
  animation: loopslider-y2 var(--animation-duration-vertical) linear infinite;
}
.js-modal {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--z-index-js-modal);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  background-color: var(--color-overlay2);
  -webkit-backdrop-filter: var(--overlay-blur);
  backdrop-filter: var(--overlay-blur);
  backdrop-filter: var(--overlay-blur);
  -webkit-transition: var(--transition-modal);
  transition: var(--transition-modal);
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
}
.js-modal.is-loading,
.js-modal.is-visible {
  opacity: 1;
  visibility: visible;
}
.js-modal.is-loading {
  pointer-events: none;
}
.js-modal.is-loading::after {
  opacity: 1;
}
.js-modal::after {
  content: "";
  display: block;
  width: var(--loading-size);
  height: var(--loading-size);
  background-image: url(../img/common/icon/apng-loading.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(0.00001deg);
  transform: translate(-50%, -50%) rotate(0.00001deg);
  transform: translate(-50%, -50%) rotate(0.00001deg);
  z-index: 10;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity var(--transition-icon-show);
  transition: opacity var(--transition-icon-show);
}
.js-modal__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: var(--contents-xxl-outside);
}
.js-modal__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.js-modal__figure {
  position: relative;
  z-index: 100;
  max-width: 120rem;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: var(--transition-modal);
  transition: var(--transition-modal);
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  overflow: auto;
  padding: 0 10%;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.js-modal__figure::-webkit-scrollbar {
  display: none;
}
@media screen and (min-width: 1024px) {
  .js-modal__figure {
    margin-bottom: 6rem;
  }
}
@media screen and (max-width: 1023px) {
  .js-modal__figure {
    margin-bottom: 3rem;
  }
}
.js-modal__figure img {
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  height: auto;
  margin: auto;
}
@media screen and (max-width: 560px) {
  .js-modal__figure img {
    min-width: 200%;
    width: 200%;
  }
}
.js-modal__figure.is-visible {
  opacity: 1;
  visibility: visible;
}
.js-modal__figure.is-change {
  opacity: 0;
  visibility: hidden;
}
.js-modal__caption {
  display: none;
}
.js-modal__youtube {
  position: relative;
  z-index: 10;
  overflow: hidden;
  aspect-ratio: 497/956;
  border-radius: var(--radius-xs2);
  background-color: var(--color-bg3);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: var(--transition-modal);
  transition: var(--transition-modal);
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
}
@media screen and (min-width: 1024px) {
  .js-modal__youtube {
    height: 90svh;
    max-height: 95.6rem;
  }
}
@media screen and (max-width: 1023px) {
  .js-modal__youtube {
    height: 67svh;
    max-height: 63.5rem;
  }
}
.js-modal__youtube.is-visible {
  opacity: 1;
  visibility: visible;
}
.js-modal__youtube__iframe {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(0.00001deg);
  transform: translate(-50%, -50%) rotate(0.00001deg);
  transform: translate(-50%, -50%) rotate(0.00001deg);
}
@media screen and (min-width: 1024px) {
  .js-modal__youtube__iframe {
    height: calc(100% - 8.6rem);
  }
}
@media screen and (max-width: 1023px) {
  .js-modal__youtube__iframe {
    height: calc(100% - 6.8rem);
  }
}
.js-modal__youtube__caption {
  display: none;
}
@media screen and (max-width: 1023px) {
  .js-modal__flex {
    width: var(--contents-md2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 3.5rem;
  }
}
.js-modal__contents {
  color: var(--color-txt2);
}
@media screen and (min-width: 1024px) {
  .js-modal__contents {
    position: absolute;
    top: 50%;
    left: calc(78 / var(--base-width) * 100%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 1023px) {
  .js-modal__contents {
    padding-left: 3rem;
  }
}
@media screen and (min-width: 1024px) {
  .js-modal__contents__txt {
    margin-top: 3.3rem;
  }
}
@media screen and (max-width: 1023px) {
  .js-modal__contents__txt {
    margin-top: 1.9rem;
  }
}
.js-modal__navigation {
  display: none;
}
.js-modal__close {
  z-index: 100;
  pointer-events: auto;
  cursor: pointer;
  -webkit-transition: opacity var(--transition-hover);
  transition: opacity var(--transition-hover);
  transition: opacity var(--transition-hover);
}
@media (hover: hover) {
  .js-modal__close:hover {
    opacity: var(--hover-opacity);
  }
}
@media screen and (min-width: 1024px) {
  .js-modal__close {
    position: absolute;
    top: 50%;
    right: calc(78 / var(--base-width) * 100%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.js-modal__close button {
  position: relative;
  display: block;
}
@media screen and (min-width: 1024px) {
  .js-modal__close button {
    width: 9.2rem;
    height: 9.2rem;
  }
}
@media screen and (max-width: 1023px) {
  .js-modal__close button {
    width: 3.8rem;
    height: 3.8rem;
  }
}
.js-modal__close span {
  display: block;
  width: 135%;
  height: 1px;
  background-color: var(--color-txt2);
  margin: auto;
  position: absolute;
  top: 50%;
  left: 50%;
}
.js-modal__close span:nth-of-type(1) {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
.js-modal__close span:nth-of-type(2) {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
.js-tab__panel {
  position: relative;
  overflow: hidden;
}
.js-tab__panel > * {
  width: 100%;
  z-index: 0;
  -webkit-transition: var(--transition-tab);
  transition: var(--transition-tab);
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
}
.js-tab__panel > :not(.is-active) {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}
/*
------------------------------------------------------------*/
/*≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡
// Project .p-
≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡*/
/*------------------------------------------------------------
Css of home page
------------------------------------------------------------*/
.p-top {
  background-image: url(./../img/bg.png);
  background-repeat: repeat;
}
.p-bg2 {
  background-image: url(./../img/bg2.jpg);
  background-repeat: repeat;
}
.p-bg3 {
  background-color: #fffffb;
}
.c-top__mainvisual {
  background-image: url(./../img/mainvisual.jpg);
  background-repeat: no-repeat;
  min-height: 100vh;
  height: 100%;
  background-size: cover;
  background-position: top;
  position: relative;
}
@media only screen and (max-width: 818px) {
  .c-top__mainvisual {
    min-height: calc(100vh - 85px);
    background-position: 45% center;
  }
}


@media only screen and (max-width: 580px) {
  .c-top__mainvisual {
    min-height: calc(100vh - 135px);
    background-position: 45% 40%;
  }
}







.c-top__mainvisual .c-top__h1 {
  font-size: 7.6rem;
  font-family: "zen-old-mincho", sans-serif;
  font-weight: 900;
  color: #fff;
  font-style: italic;
  line-height: 1.4605263158;
  position: absolute;
  top: 22%;
  left: 6%;
  text-shadow: 0 0 1px #231916;
}
@media only screen and (max-width: 1150px) {
  .c-top__mainvisual .c-top__h1 {
    font-size: 5.3rem;
    top: 30%;
  }
}
@media only screen and (max-width: 818px) {
  .c-top__mainvisual .c-top__h1 {
    font-size: 3.5rem;
    top: 40%;
  }
}


@media only screen and (max-width: 580px) {
  .c-top__mainvisual .c-top__h1 {
    top: 22%;
  }
}






.c-top__mainvisual .c-top__h1 span {
  display: inline-block;
}
.c-top__mainvisual .c-top__h1 span:nth-child(1) {
  text-indent: 5rem;
  display: inline-block;
}
@media only screen and (max-width: 818px) {
  .c-top__mainvisual .c-top__h1 span:nth-child(1) {
    text-indent: 2rem;
  }
}
.c-top__mainvisual .c-top__h1 span:nth-of-type(2) {
  text-indent: 2rem;
  display: inline-block;
}
@media only screen and (max-width: 818px) {
  .c-top__mainvisual .c-top__h1 span:nth-of-type(2) {
    text-indent: 1rem;
  }
}
.c-top__mainvisual .c-h2__wrapper {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 100px;
  width: 90%;
  max-width: 514px;
}
@media only screen and (max-width: 818px) {
  .c-top__mainvisual .c-h2__wrapper {
    bottom: 50px;
  }
}
@media only screen and (max-width: 580px) {
  .c-top__mainvisual .c-h2__wrapper {
    bottom: 155px;
  }
}
.c-top__mainvisual .c-topmainvisual__yellow {
  width: 100%;
  background-color: #e5bc00;
  border: 1px solid #231916;
  text-align: center;
  padding: 6.5px 20px;
}
@media only screen and (max-width: 818px) {
  .c-top__mainvisual .c-topmainvisual__yellow {
    padding: 4px 10px 6px;
  }
}
.c-top__mainvisual .c-topmainvisual__yellow span {
  font-size: 2.6rem;
  font-weight: 700;
  letter-spacing: -2px;
  text-align: center;
}
@media only screen and (max-width: 818px) {
  .c-top__mainvisual .c-topmainvisual__yellow span {
    font-size: 1.8rem;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 580px) {
  .c-top__mainvisual .c-topmainvisual__yellow span {
    font-size: 1.7rem;
  }
}
@media only screen and (max-width: 376px) {
  .c-top__mainvisual .c-topmainvisual__yellow span {
    font-size: 1.5rem;
  }
}
.c-load__wrapper {
  position: absolute;
  z-index: 10;
  left: 50%;
  bottom: -12%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media only screen and (max-width: 818px) {
  .c-load__wrapper {
    bottom: -15%;
  }
}
.c-topmainvisual__load {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.c-topmainvisual__load .c-load__line {
  width: 3px;
}
@media only screen and (max-width: 818px) {
  .c-topmainvisual__load .c-load__line {
    height: 92px;
    width: 2px;
  }
}
@media only screen and (max-width: 580px) {
  .c-topmainvisual__load .c-load__line {
    height: 153px;
    width: 3px;
  }
}
.sk-circle {
  margin: 0 auto;
  margin-top: 15px;
  width: 30px;
  height: 30px;
  position: relative;
}
.sk-circle .sk-child {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sk-circle .sk-child::before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 10%;
  height: 10%;
  background-color: #231916;
  border-radius: 100%;
  -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
  animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  transform: rotate(30deg);
  transform: rotate(30deg);
  transform: rotate(30deg);
}
.sk-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
  transform: rotate(60deg);
  transform: rotate(60deg);
}
.sk-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  transform: rotate(90deg);
  transform: rotate(90deg);
}
.sk-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  transform: rotate(120deg);
  transform: rotate(120deg);
  transform: rotate(120deg);
}
.sk-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  transform: rotate(150deg);
  transform: rotate(150deg);
  transform: rotate(150deg);
}
.sk-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  transform: rotate(180deg);
  transform: rotate(180deg);
}
.sk-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  transform: rotate(210deg);
  transform: rotate(210deg);
  transform: rotate(210deg);
}
.sk-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  transform: rotate(240deg);
  transform: rotate(240deg);
  transform: rotate(240deg);
}
.sk-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
  transform: rotate(270deg);
  transform: rotate(270deg);
}
.sk-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  transform: rotate(300deg);
  transform: rotate(300deg);
  transform: rotate(300deg);
}
.sk-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  transform: rotate(330deg);
  transform: rotate(330deg);
  transform: rotate(330deg);
}
.sk-circle .sk-circle2::before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.sk-circle .sk-circle3::before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
  animation-delay: -1s;
}
.sk-circle .sk-circle4::before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.sk-circle .sk-circle5::before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
  animation-delay: -0.8s;
}
.sk-circle .sk-circle6::before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
  animation-delay: -0.7s;
}
.sk-circle .sk-circle7::before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
  animation-delay: -0.6s;
}
.sk-circle .sk-circle8::before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
  animation-delay: -0.5s;
}
.sk-circle .sk-circle9::before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
  animation-delay: -0.4s;
}
.sk-circle .sk-circle10::before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
  animation-delay: -0.3s;
}
.sk-circle .sk-circle11::before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
  animation-delay: -0.2s;
}
.sk-circle .sk-circle12::before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
  animation-delay: -0.1s;
}
@-webkit-keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
    transform: scale(1);
  }
}
@keyframes sk-circleBounceDelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
    transform: scale(1);
  }
}
.c-top2 {
  padding: 168px 0 0;
}
@media only screen and (max-width: 818px) {
  .c-top2 {
    padding-top: 120px;
  }
}
.c-top2 .c-top2__h2 h2 {
  font-size: 3.6rem;
  font-weight: 900;
  text-align: center;
}
@media only screen and (max-width: 818px) {
  .c-top2 .c-top2__h2 h2 {
    font-size: 3rem;
    text-wrap: balance;
  }
}
.c-top2 .c-top2__h3 {
  margin-bottom: 95px;
}
@media only screen and (max-width: 818px) {
  .c-top2 .c-top2__h3 {
    margin-bottom: 40px;
  }
}
.c-top2 .c-top2__h3 h3 {
  text-align: center;
  font-weight: 900;
  font-size: 2rem;
  margin-top: 13px;
  letter-spacing: 0.5px;
  text-shadow: 0 0 1px #231916;
}
@media only screen and (max-width: 818px) {
  .c-top2 .c-top2__h3 h3 {
    margin-top: 8px;
    font-size: 1.8rem;
  }
}
.c-top2__list2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.c-top2__list2 li {
  width: 25%;
}
@media only screen and (max-width: 818px) {
  .c-top2__list2 li {
    width: 50%;
  }
}
.c-top2__askcontainer {
  padding: 180px 0 80px;
}
@media only screen and (max-width: 818px) {
  .c-top2__askcontainer {
    padding: 120px 0 80px;
  }
}


@media only screen and (max-width: 580px) {
  .c-top2__askcontainer {
    padding: 60px 0;
  }
}





.c-top2__askcontainer .l-container {
  max-width: 1140px;
}
@media only screen and (max-width: 818px) {
  .c-top2__askcontainer .l-container {
    padding: 0 4%;
  }
}
.c-top2__askcontainer .c-ask2__wrapper {
  position: relative;
  padding: 76px 2%;
}
@media only screen and (max-width: 818px) {
  .c-top2__askcontainer .c-ask2__wrapper {
    padding: 45px 3%;
  }
}
@media only screen and (max-width: 580px) {
  .c-top2__askcontainer .c-ask2__wrapper {
    padding: 35px 3%;
  }
}
.c-top2__askcontainer .c-ask2__wrapper .c-ask2__wrapperline {
  border: 2px solid #231916;
  border-radius: 19px;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.c-top2__askcontainer .c-ask2__wrapper h4 {
  font-size: 4.6rem;
  font-weight: 900;
  text-align: center;
}
@media only screen and (max-width: 818px) {
  .c-top2__askcontainer .c-ask2__wrapper h4 {
    font-size: 3.5rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-top2__askcontainer .c-ask2__wrapper h4 {
    font-size: 3.2rem;
  }
}
.c-top2__2imgcontainer {
  padding-top: 100px;
}
@media only screen and (max-width: 818px) {
  .c-top2__2imgcontainer {
    padding-top: 85px;
  }
}
.c-top2__2imgcontainer .aos-hide {
  opacity: 0;
  -webkit-transform: translateY(20px);
  transform: translateY(20px);
  -webkit-transition: opacity 0.7s ease, -webkit-transform 0.7s ease;
  transition: opacity 0.7s ease, -webkit-transform 0.7s ease;
  transition: opacity 0.7s ease, transform 0.7s ease;
  transition: opacity 0.7s ease, transform 0.7s ease, -webkit-transform 0.7s ease;
}
.c-top2__2imgcontainer .aos-animate.fade-up {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.c-top2__2imgcontainer .aos-animate.fade-down {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.c-top2__2imgcontainer .aos-animate.zoom-in {
  -webkit-transform: translateZ(0) scale(1);
  transform: translateZ(0) scale(1);
}
.c-top2__2imgcontainer .fade-down {
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
}
.c-top2__2imgcontainer .zoom-in {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: top;
  transform-origin: top;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.c-top2__2imgcontainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  visibility: hidden;
  visibility: visible;
}
.c-top2__2imgcontainer .c-top2__img {
  width: 50%;
  -webkit-transition: opacity 0.7s ease, -webkit-transform 0.7s ease;
  transition: opacity 0.7s ease, -webkit-transform 0.7s ease;
  transition: opacity 0.7s ease, transform 0.7s ease;
  transition: opacity 0.7s ease, transform 0.7s ease, -webkit-transform 0.7s ease;
}


@media only screen and (max-width: 580px) {
  .c-top2__2imgcontainer .c-top2__img img {
    aspect-ratio: 187/530;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media only screen and (max-width: 580px) {
  .c-top2__2imgcontainer .c-top2__img.c-top2__img1 img {
    -o-object-position: 35% top;
    object-position: 35% top;
  }
}
@media only screen and (max-width: 580px) {
  .c-top2__2imgcontainer .c-top2__img.c-top2__img2 img {
    -o-object-position: 45% top;
    object-position: 45% top;
  }
}


.c-top2__2imgcontainer .c-top2__2img__wrappercontent {
  position: absolute;
  left: 50%;
  top: calc(5% + 100px);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
}
@media only screen and (max-width: 818px) {
  .c-top2__2imgcontainer .c-top2__2img__wrappercontent {
    top: calc(5% + 85px);
  }
}
.c-top2__2imgcontainer .c-top2__2img-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #fff;
  height: 100%;
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition-duration: 1.2s;
  transition-duration: 1.2s;
}
.c-top2__2imgcontainer .c-top2__2img-content h5 {
  font-size: 3vw;
  font-weight: 900;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
@media only screen and (max-width: 818px) {
  .c-top2__2imgcontainer .c-top2__2img-content h5 {
    gap: 5px;
    font-size: 4vw;
  }
}

@media only screen and (max-width: 580px) {
  .c-top2__2imgcontainer .c-top2__2img-content h5 {
    font-size: 8.5vw;
    gap: 9px;
  }
}






.c-top2__2imgcontainer .c-top2__2img-content h5 span {
  line-height: 1;
  text-align: center;
  display: inline-block;
  -webkit-transition: all 1.2s ease;
  transition: all 1.2s ease;
}
.c-top2__2imgcontainer .c-top2__2img-content h5 span.c-span {
  display: inline-block;
  font-size: 2.8vw;
}
@media only screen and (max-width: 818px) {
  .c-top2__2imgcontainer .c-top2__2img-content h5 span.c-span {
    font-size: 3.5vw;
  }
}

@media only screen and (max-width: 580px) {
  .c-top2__2imgcontainer .c-top2__2img-content h5 span.c-span {
    font-size: 7vw;
  }
}





.c-top2__2imgcontainer .c-top2__2img-content > span {
  font-weight: 700;
  font-size: 1.6vw;
  margin-top: 20px;
}
@media only screen and (max-width: 818px) {
  .c-top2__2imgcontainer .c-top2__2img-content > span {
    margin-top: 10px;
    font-size: 3vw;
  }
}



@media only screen and (max-width: 580px) {
  .c-top2__2imgcontainer .c-top2__2img-content > span {
    font-size: 7vw;
  }
}
.fall-out {
  pointer-events: none;
}
.fall-out {
  -webkit-animation: fallFade 0.6s ease forwards;
  animation: fallFade 0.6s ease forwards;
}
@-webkit-keyframes fallFade {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    transform: scale(3);
  }
}
@keyframes fallFade {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
    transform: scale(3);
  }
}
@-webkit-keyframes fadeInAgain {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes fadeInAgain {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.c-top2__2img-content.fade-in {
  -webkit-animation: fadeInAgain 0.2s ease forwards;
  animation: fadeInAgain 0.2s ease forwards;
}





















.c-youtube__container {
  padding: 90px 0;
}
@media only screen and (max-width: 1023px) {
  .c-youtube__container {
    padding: 60px 0;
  }
}
.c-youtube__container .l-container {
  max-width: 1136px;
}
.c-youtube__container .c-youtube__video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.6rem;
  color: #fff;
  background-color: #3f3b3a;
  aspect-ratio: 1096/503;
}
.c-youtube__container .c-entry__btn {
  margin-top: 76px;
}
@media only screen and (max-width: 818px) {
  .c-youtube__container .c-entry__btn {
    margin-top: 45px;
  }
}
@media only screen and (max-width: 580px) {
  .c-youtube__container .c-entry__btn {
    margin-top: 30px;
  }
}
.c-president {
  padding: 61px 0 123px;
}
@media only screen and (max-width: 580px) {
  .c-president {
    padding-bottom: 90px;
  }
}
.c-president .l-container {
  max-width: 1140px;
}
.c-president .c-president__h2 {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  font-family: "arial", sans-serif;
  text-shadow: 0 0 1px #231916;
  letter-spacing: 0.5px;
}
@media only screen and (max-width: 818px) {
  .c-president .c-president__h2 {
    font-size: 1.8rem;
  }
}
.c-president .c-president__h3 {
  font-size: 3.6rem;
  font-weight: 900;
  text-align: center;
  margin-top: 5px;
  letter-spacing: 1px;
  -webkit-transform: translateX(7px);
  transform: translateX(7px);
}
@media only screen and (max-width: 818px) {
  .c-president .c-president__h3 {
    font-size: 2.7rem;
  }
}
.c-president .c-president__container {
  margin-top: 89px;
  background-color: #231916;
  padding: 33px 7.1% 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (max-width: 818px) {
  .c-president .c-president__container {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 580px) {
  .c-president .c-president__container {
    margin-top: 30px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 20px 5% 30px;
  }
}
.c-president .c-president__container .c-president__img {
  width: 39.5%;
}
@media only screen and (max-width: 580px) {
  .c-president .c-president__container .c-president__img {
    width: 100%;
    margin-bottom: 6px;
  }
}
.c-president .c-president__container .c-president__right {
  width: 50%;
  padding-top: 5px;
}
@media only screen and (max-width: 1023px) {
  .c-president .c-president__container .c-president__right {
    width: 55%;
  }
}
@media only screen and (max-width: 580px) {
  .c-president .c-president__container .c-president__right {
    width: 100%;
  }
}
.c-president .c-president__container .c-president__right .c-presidentright__desc {
  font-size: 1.6rem;
  line-height: 1.75;
  text-align: justify;
  letter-spacing: 1px;
}
@media only screen and (max-width: 580px) {
  .c-president .c-president__container .c-president__right .c-presidentright__desc {
    font-size: 1.5rem;
    letter-spacing: 0;
  }
}
.c-president .c-president__container .c-president__right .c-presidentright__title {
  font-size: 2.5rem;
  font-weight: 700;
  color: #231916;
  background-color: #fff;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-top: 17px;
  margin-bottom: 17px;
  padding: 0 2%;
  letter-spacing: 1.5px;
}
@media only screen and (max-width: 1023px) {
  .c-president .c-president__container .c-president__right .c-presidentright__title {
    font-size: 2.2rem;
    letter-spacing: 0.5px;
  }
}
@media only screen and (max-width: 580px) {
  .c-president .c-president__container .c-president__right .c-presidentright__title {
    font-size: 1.7rem;
  }
}
@media only screen and (max-width: 376px) {
  .c-president .c-president__container .c-president__right .c-presidentright__title {
    font-size: 1.5rem;
  }
}
.c-president .c-president__container .c-president__right .c-presidentright__title2 {
  text-align: center;
  font-style: italic;
  font-family: "zen-old-mincho", sans-serif;
  font-size: 3rem;
  font-weight: 900;
  margin-top: 35px;
}
@media only screen and (max-width: 1023px) {
  .c-president .c-president__container .c-president__right .c-presidentright__title2 {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-president .c-president__container .c-president__right .c-presidentright__title2 {
    font-size: 2rem;
  }
}
.c-president .c-president__container .c-president__right .c-presidentright__btn {
  width: 267px;
  height: 55px;
  border: 1px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #231916;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 53px auto 0;
}
@media only screen and (max-width: 580px) {
  .c-president .c-president__container .c-president__right .c-presidentright__btn {
    margin-top: 20px;
    width: 200px;
    height: 45px;
    font-size: 1.7rem;
  }
}
.c-president .c-president__container .c-president__right .c-presidentright__btn:hover {
  background-color: #fff;
  color: #231916;
}
.c-recruit .c-recruit__top {
  padding: 142px 0 115px;
  background-image: url(./../img/bida_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (max-width: 818px) {
  .c-recruit .c-recruit__top {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 580px) {
  .c-recruit .c-recruit__top {
    padding: 65px 0 80px;
    background-position: 25%;
  }
}
.c-recruit .c-recruit__top .c-recruit__h2 {
  font-size: 1.8rem;
  font-weight: 900;
  font-family: "arial", sans-serif;
  letter-spacing: 1px;
  text-align: center;
  color: #fff;
  text-shadow: 0 0 1px #fff;
}
.c-recruit .c-recruit__top .c-recruit__h3 {
  color: #fff;
  font-weight: 900;
  font-size: 8rem;
  text-align: center;
}
@media only screen and (max-width: 818px) {
  .c-recruit .c-recruit__top .c-recruit__h3 {
    font-size: 6.5rem;
  }
}
@media only screen and (max-width: 818px) {
  .c-recruit .c-recruit__top .c-recruit__h3 {
    font-size: 4.5rem;
  }
}
.c-recruit .c-recruit__top .c-recruit__link {
  width: 100%;
  max-width: 326px;
  height: 56px;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 60px auto 0;
  border: 1px solid #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 818px) {
  .c-recruit .c-recruit__top .c-recruit__link {
    max-width: 280px;
    height: 52px;
  }
}
.c-recruit .c-recruit__top .c-recruit__link:hover {
  background-color: #fff;
  opacity: 1;
}
.c-recruit .c-recruit__top .c-recruit__link:hover span {
  color: #231916;
}
.c-recruit .c-recruit__top .c-recruit__link span {
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  font-weight: 700;
  color: #fff;
  font-size: 2rem;
}
.c-recruit .c-recruit__bottom {
  padding-top: 70px;
}
@media only screen and (max-width: 818px) {
  .c-recruit .c-recruit__bottom {
    padding-top: 45px;
  }
}
.c-recruit .c-recruit__bottom .l-container {
  max-width: 1140px;
}
.c-recruit .c-recruit__bottom .c-recruitbottom__title {
  font-size: 2.8rem;
  font-weight: 700;
  color: #fff;
  position: relative;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 3;
  padding: 10px 4%;
  font-family: "zen-old-mincho", sans-serif;
  font-style: italic;
  text-align: center;
}
@media only screen and (max-width: 818px) {
  .c-recruit .c-recruit__bottom .c-recruitbottom__title {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-recruit .c-recruit__bottom .c-recruitbottom__title {
    font-size: 1.7rem;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 414px) {
  .c-recruit .c-recruit__bottom .c-recruitbottom__title {
    padding: 8px 4%;
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 376px) {
  .c-recruit .c-recruit__bottom .c-recruitbottom__title {
    font-size: 1.5rem;
  }
}
.c-recruit .c-recruit__bottom .c-recruitbottom__title::before {
  content: "";
  top: 0;
  position: absolute;
  width: 100%;
  background-color: #231916;
  height: 100%;
  left: 0;
  z-index: -1;
  -webkit-transform: skew(-30deg);
  transform: skew(-30deg);
}
.c-recruit .c-recruit__bottom .c-recruitbottom__wrapper {
  border: 3px solid #231916;
  border-radius: 30px;
  margin-top: 50px;
  padding: 60px 7% 38px;
}
@media only screen and (max-width: 818px) {
  .c-recruit .c-recruit__bottom .c-recruitbottom__wrapper {
    padding: 30px 5%;
  }
}
@media only screen and (max-width: 580px) {
  .c-recruit .c-recruit__bottom .c-recruitbottom__wrapper {
    padding: 25px;
  }
}
.c-recruit .c-recruit__bottom .c-recruitbottom__wrapper .c-recruitbotttom__title {
  font-size: 6rem;
  line-height: 1.1416666667;
  font-weight: 900;
  text-align: center;
}
@media only screen and (max-width: 1023px) {
  .c-recruit .c-recruit__bottom .c-recruitbottom__wrapper .c-recruitbotttom__title {
    font-size: 5rem;
  }
}
@media only screen and (max-width: 818px) {
  .c-recruit .c-recruit__bottom .c-recruitbottom__wrapper .c-recruitbotttom__title {
    font-size: 4rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-recruit .c-recruit__bottom .c-recruitbottom__wrapper .c-recruitbotttom__title {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 414px) {
  .c-recruit .c-recruit__bottom .c-recruitbottom__wrapper .c-recruitbotttom__title {
    font-size: 2.4rem;
    line-height: 1.4;
  }
}
.c-recruit .c-recruit__bottom .c-recruitbottom__wrapper .c-bbq__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 38px;
}
@media only screen and (max-width: 580px) {
  .c-recruit .c-recruit__bottom .c-recruitbottom__wrapper .c-bbq__list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 25px 4%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.c-recruit .c-recruit__bottom .c-recruitbottom__wrapper .c-bbq__list li {
  width: 31%;
}
@media only screen and (max-width: 580px) {
  .c-recruit .c-recruit__bottom .c-recruitbottom__wrapper .c-bbq__list li {
    width: 48%;
  }
}
.c-recruit .c-recruit__bottom .c-recruitbottom__wrapper .c-bbq__list li .c-bbqitem__title {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 13px;
}
@media only screen and (max-width: 580px) {
  .c-recruit .c-recruit__bottom .c-recruitbottom__wrapper .c-bbq__list li .c-bbqitem__title {
    font-size: 1.7rem;
    margin-bottom: 7px;
  }
}
.c-recruit .c-recruit__bottom .c-recruitbottom__wrapper .c-bbq__list li .c-bbqitem__img {
  overflow: hidden;
  border-radius: 14px;
}
.c-text__running1 .c-btn2 {
  margin-top: 35px;
}
.c-seven__icons {
  padding-top: 100px;
  padding-bottom: 79px;
}
@media only screen and (max-width: 1023px) {
  .c-seven__icons {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 818px) {
  .c-seven__icons {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.c-seven__icons .l-container {
  max-width: 1100px;
}
.c-seven__list--show1 {
  padding: 40px 0;
  display: none;
}
@media only screen and (max-width: 818px) {
  .c-seven__list--show1 {
    display: block;
  }
}

@media only screen and (max-width: 580px) {
  .c-seven__list--show1 {
    padding: 25px 0 30px;
  }
}


.c-seven__list--show1 li {
  width: 60px;
  margin: 0 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.c-seven__list--show1 li img {
  -o-object-fit: contain;
  object-fit: contain;
  width: 100%;
  aspect-ratio: 60/98;
}
.c-seven__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 5.8%;
}
@media only screen and (max-width: 818px) {
  .c-seven__list {
    gap: 20px 5%;
  }
}
@media only screen and (max-width: 818px) {
  .c-seven__list.c-seven__list--hide1 {
    display: none;
  }
}
@media only screen and (max-width: 818px) {
  .c-seven__list li {
    width: 30%;
  }
}
@-webkit-keyframes my-run-text {}
@keyframes my-run-text {}
.c-box__wrapper__container.c-box__wrapper__container2 {
  margin-top: 150px;
}
@media only screen and (max-width: 818px) {
  .c-box__wrapper__container.c-box__wrapper__container2 {
    margin-top: 100px;
  }
}
.c-box__wrapper__container .l-container {
  max-width: 1145px;
}
.c-box__wrapper__container .c-boxwrapper1 {
  border: 3px solid #231916;
  border-radius: 31px;
  padding: 50px 4%;
  position: relative;
}
@media only screen and (max-width: 818px) {
  .c-box__wrapper__container .c-boxwrapper1 {
    padding: 30px 5%;
  }
}
@media only screen and (max-width: 580px) {
  .c-box__wrapper__container .c-boxwrapper1 {
    padding: 18px 5%;
  }
}
.c-box__wrapper__container .c-boxwrapper1 .c-boxwrapper1__label {
  font-family: "arial", sans-serif;
  font-size: 2rem;
  line-height: 0.95;
  font-weight: 900;
  text-shadow: 0 0 1px #231916;
  padding-left: 21px;
  letter-spacing: 2px;
  position: relative;
}
.c-box__wrapper__container .c-boxwrapper1 .c-boxwrapper1__label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 110%;
  background-color: #231916;
  width: 3px;
}
.c-box__wrapper__container .c-boxwrapper1 .c-boxwrapper1__title1 {
  margin-top: 55px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 818px) {
  .c-box__wrapper__container .c-boxwrapper1 .c-boxwrapper1__title1 {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 580px) {
  .c-box__wrapper__container .c-boxwrapper1 .c-boxwrapper1__title1 {
    margin: 20px 0;
  }
}
.c-box__wrapper__container .c-boxwrapper1 .c-boxwrapper1__title1.c-boxwrapper1__title11 p {
  font-size: 6rem;
}
@media only screen and (max-width: 1150px) {
  .c-box__wrapper__container .c-boxwrapper1 .c-boxwrapper1__title1.c-boxwrapper1__title11 p {
    font-size: 5rem;
  }
}
@media only screen and (max-width: 1023px) {
  .c-box__wrapper__container .c-boxwrapper1 .c-boxwrapper1__title1.c-boxwrapper1__title11 p {
    font-size: 4rem;
  }
}
@media only screen and (max-width: 818px) {
  .c-box__wrapper__container .c-boxwrapper1 .c-boxwrapper1__title1.c-boxwrapper1__title11 p {
    font-size: 3rem;
  }
}
.c-box__wrapper__container .c-boxwrapper1 .c-boxwrapper1__title1 p {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  line-height: 1.2;
  font-size: 4.6rem;
  font-weight: 900;
  text-align: justify;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1150px) {
  .c-box__wrapper__container .c-boxwrapper1 .c-boxwrapper1__title1 p {
    font-size: 3.2rem;
  }
}
@media only screen and (max-width: 818px) {
  .c-box__wrapper__container .c-boxwrapper1 .c-boxwrapper1__title1 p {
    font-size: 2.8rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-box__wrapper__container .c-boxwrapper1 .c-boxwrapper1__title1 p {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 376px) {
  .c-box__wrapper__container .c-boxwrapper1 .c-boxwrapper1__title1 p {
    font-size: 2.4rem;
  }
}
.c-box__wrapper__container .c-boxwrapper1 .c-boxwrapper1__title1 p span {
  --pointer01: 0% 0%;
  --pointer02: 0% 0%;
  --pointer03: 0% 100%;
  --pointer04: 0% 100%;
  -webkit-clip-path: polygon(var(--pointer01), var(--pointer02), var(--pointer03), var(--pointer04));
  clip-path: polygon(var(--pointer01), var(--pointer02), var(--pointer03), var(--pointer04));
  clip-path: polygon(var(--pointer01), var(--pointer02), var(--pointer03), var(--pointer04));
  transition: transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-clip-path 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-transition: -webkit-transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-clip-path 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: -webkit-transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-clip-path 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), clip-path 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), clip-path 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-clip-path 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), clip-path 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-clip-path 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.c-box__wrapper__container .c-boxwrapper1 .c-boxwrapper1__title1 p::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #231916;
  -webkit-transform: translateX(-101%);
  transform: translateX(-101%);
  -webkit-transition: -webkit-transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: -webkit-transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.c-box__wrapper__container .c-boxwrapper1 .c-boxwrapper1__title1 p.aos-animate::before {
  -webkit-transform: translateX(101%);
  transform: translateX(101%);
}
.c-box__wrapper__container .c-boxwrapper1 .c-boxwrapper1__title1 p.aos-animate span {
  --pointer01: 0% 0%;
  --pointer02: 100% 0%;
  --pointer03: 100% 100%;
  --pointer04: 0% 100%;
}
.c-box__wrapper__container .c-boxwrapper1 .c-boxwrapper1__desc {
  font-size: 1.6rem;
  line-height: 1.578125;
  font-weight: 700;
  text-align: justify;
}
@media only screen and (max-width: 818px) {
  .c-box__wrapper__container .c-boxwrapper1 .c-boxwrapper1__desc {
    margin-top: 12px;
    letter-spacing: 1px;
  }
}
.c-box__wrapper__container .c-boxwrapper1 .c-btn3 {
  margin-top: 63px;
}
@media only screen and (max-width: 818px) {
  .c-box__wrapper__container .c-boxwrapper1 .c-btn3 {
    margin-top: 30px;
  }
}
.c-box__wrapper__container .c-boxwrapper1__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.c-box__wrapper__container .c-boxwrapper1__row.c-boxwrapper11__row {
  padding: 0 3%;
}
.c-box__wrapper__container .c-boxwrapper1__row .c-boxwrapper1row__left {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 50%;
}
@media only screen and (max-width: 818px) {
  .c-box__wrapper__container .c-boxwrapper1__row .c-boxwrapper1row__left {
    width: 100%;
    -ms-flex-negative: unset;
    flex-shrink: unset;
  }
}
.c-box__wrapper__container .c-boxwrapper1__row .c-boxwrapper1row__right {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 1%;
}
@media only screen and (max-width: 818px) {
  .c-box__wrapper__container .c-boxwrapper1__row .c-boxwrapper1row__right {
    padding-left: 5%;
  }
}
@media only screen and (max-width: 580px) {
  .c-box__wrapper__container .c-boxwrapper1__row .c-boxwrapper1row__right {
    display: none;
  }
}
.c-box__wrapper__container .c-boxwrapper1__row .c-boxwrapper1row__right .c-boxwraper1right__imgs {
  padding-right: 3%;
}
.c-box__wrapper__container .c-boxwrapper1__row .c-boxwrapper1row__right .c-boxwraper1right__imgs + .c-boxwraper1right__imgs {
  margin-top: 50px;
}
.c-box__wrapper__container .c-boxwrapper2__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .c-box__wrapper__container .c-boxwrapper2__row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.c-box__wrapper__container .c-boxwrapper2__row .c-boxwrapper2row__left {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media only screen and (max-width: 1023px) {
  .c-box__wrapper__container .c-boxwrapper2__row .c-boxwrapper2row__left {
    -ms-flex-negative: unset;
    flex-shrink: unset;
    width: 100%;
  }
}
@media only screen and (max-width: 1023px) {
  .c-box__wrapper__container .c-boxwrapper2__row .c-boxwrapper1__title2 {
    margin-bottom: 15px;
  }
}
.c-box__wrapper__container .c-boxwrapper2__row .c-boxwrapper1__title2 p {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  line-height: 1.2;
  font-size: 4.6rem;
  font-weight: 900;
  text-align: justify;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 1150px) {
  .c-box__wrapper__container .c-boxwrapper2__row .c-boxwrapper1__title2 p {
    font-size: 3.2rem;
  }
}
@media only screen and (max-width: 818px) {
  .c-box__wrapper__container .c-boxwrapper2__row .c-boxwrapper1__title2 p {
    font-size: 2.8rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-box__wrapper__container .c-boxwrapper2__row .c-boxwrapper1__title2 p {
    font-size: 2.6rem;
  }
}
@media only screen and (max-width: 376px) {
  .c-box__wrapper__container .c-boxwrapper2__row .c-boxwrapper1__title2 p {
    font-size: 2.4rem;
  }
}
.c-box__wrapper__container .c-boxwrapper2__row .c-boxwrapper1__title2 p span {
  --pointer01: 0% 0%;
  --pointer02: 0% 0%;
  --pointer03: 0% 100%;
  --pointer04: 0% 100%;
  -webkit-clip-path: polygon(var(--pointer01), var(--pointer02), var(--pointer03), var(--pointer04));
  clip-path: polygon(var(--pointer01), var(--pointer02), var(--pointer03), var(--pointer04));
  clip-path: polygon(var(--pointer01), var(--pointer02), var(--pointer03), var(--pointer04));
  transition: transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-clip-path 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-transition: -webkit-transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-clip-path 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: -webkit-transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-clip-path 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), clip-path 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), clip-path 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-clip-path 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), clip-path 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-clip-path 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.c-box__wrapper__container .c-boxwrapper2__row .c-boxwrapper1__title2 p::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #231916;
  -webkit-transform: translateX(-101%);
  transform: translateX(-101%);
  -webkit-transition: -webkit-transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: -webkit-transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
}
.c-box__wrapper__container .c-boxwrapper2__row .c-boxwrapper1__title2 p.aos-animate::before {
  -webkit-transform: translateX(101%);
  transform: translateX(101%);
}
.c-box__wrapper__container .c-boxwrapper2__row .c-boxwrapper1__title2 p.aos-animate span {
  --pointer01: 0% 0%;
  --pointer02: 100% 0%;
  --pointer03: 100% 100%;
  --pointer04: 0% 100%;
}
.c-box__wrapper__container .c-boxwrapper2__row .c-boxwrapper2row__right {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 2%;
}
@media only screen and (max-width: 1023px) {
  .c-box__wrapper__container .c-boxwrapper2__row .c-boxwrapper2row__right {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    width: 100%;
    padding-left: 0;
  }
}
.c-box__wrapper__container .c-boxwrapper2__row .c-btn4 {
  margin-left: auto;
  margin-top: 25px;
  position: absolute;
  bottom: 17%;
  right: 2%;
}
@media only screen and (max-width: 818px) {
  .c-box__wrapper__container .c-boxwrapper2__row .c-btn4 {
    position: unset;
  }
}
.c-boxwrapper__left--sp {
  display: none;
}
@media only screen and (max-width: 818px) {
  .c-boxwrapper__left--sp {
    display: block;
  }
}
.c-box3__img1--sp {
  display: none;
}
@media only screen and (max-width: 818px) {
  .c-box3__img1--sp {
    display: block;
  }
}
.c-box3__img2--sp {
  display: none;
}
@media only screen and (max-width: 818px) {
  .c-box3__img2--sp {
    margin-top: 12px;
    display: block;
  }
}
.c-seven__list2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 3.5%;
  margin-top: 40px;
  max-width: 80%;
}
@media only screen and (max-width: 818px) {
  .c-seven__list2 {
    max-width: 100%;
  }
}
.c-break {
  position: relative;
}
.c-break .c-break__line--bottom {
  position: absolute;
  background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, transparent), color-stop(50%, #231916));
  background-image: -webkit-linear-gradient(left, transparent 50%, #231916 50%);
  background-image: linear-gradient(to right, transparent 50%, #231916 50%);
  background-size: 15px 100%;
  width: 100%;
  height: 1px;
  bottom: 0;
}
.c-break .c-breakimg__line {
  position: absolute;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #231916));
  background-image: -webkit-linear-gradient(top, transparent 50%, #231916 50%);
  background-image: linear-gradient(to bottom, transparent 50%, #231916 50%);
  background-size: 100% 15px;
  height: 100%;
  width: 1px;
  z-index: 10;
  left: 36.9%;
  top: 0;
}
@media only screen and (max-width: 818px) {
  .c-break .c-breakimg__line {
    display: none;
  }
}
.c-break .c-breakimg__line .c-padding__circle {
  background-image: url(./../img/bg.png);
  padding: 2px 8px;
  position: absolute;
  left: 50%;
}
.c-break .c-breakimg__line .c-padding__circle:nth-of-type(1) {
  bottom: 100%;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.c-break .c-breakimg__line .c-padding__circle:nth-of-type(2) {
  top: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.c-break .c-breakimg__line .c-padding__circle span {
  display: inline-block;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border: 1px solid #231916;
  background-color: #e5bc00;
  z-index: 12;
  position: relative;
}
.c-break .l-container {
  max-width: 1150px;
}
.c-break .c-break__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  padding: 59px 0;
}
@media only screen and (max-width: 580px) {
  .c-break .c-break__row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-top: 35px;
  }
}
.c-break .c-break__row .c-break__img {
  width: 36.9%;
  padding-right: 3.2%;
}
@media only screen and (max-width: 580px) {
  .c-break .c-break__row .c-break__img {
    width: 80%;
    margin: 0 auto;
    padding-right: 0;
  }
}
.c-break .c-break__row .c-break__right {
  width: 57.5%;
}
@media only screen and (max-width: 1023px) {
  .c-break .c-break__row .c-break__right {
    width: 60%;
  }
}
@media only screen and (max-width: 580px) {
  .c-break .c-break__row .c-break__right {
    width: 100%;
    margin-top: 20px;
  }
}
.c-break .c-break__row .c-break__right .c-break__label {
  font-size: 3.6rem;
  font-weight: 900;
  font-family: "zen-old-mincho", sans-serif;
  border: 1px solid #231916;
  border-radius: 13px;
  background-color: #e5bc00;
  -webkit-text-decoration: 0;
  text-decoration: 0;
  text-align: center;
  letter-spacing: 0;
  padding: 7.5px 3% 9.5px;
}
@media only screen and (max-width: 1023px) {
  .c-break .c-break__row .c-break__right .c-break__label {
    font-size: 3rem;
    padding: 5px 3% 7px;
  }
}
@media only screen and (max-width: 818px) {
  .c-break .c-break__row .c-break__right .c-break__label {
    font-size: 2.4rem;
  }
}
.c-break .c-break__row .c-break__right .c-break__title {
  font-size: 2.5rem;
  text-align: center;
  font-weight: 900;
  font-family: "zen-old-mincho", sans-serif;
  margin-top: 17px;
  margin-bottom: 32px;
}
@media only screen and (max-width: 580px) {
  .c-break .c-break__row .c-break__right .c-break__title {
    margin-bottom: 20px;
  }
}
.c-break .c-break__row .c-break__right .c-break__desc {
  font-size: 1.6rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.578125;
}
@media only screen and (max-width: 1023px) {
  .c-break .c-break__row .c-break__right .c-break__desc {
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-break .c-break__row .c-break__right .c-break__desc {
    font-size: 1.4rem;
    text-wrap: balance;
  }
}
.c-break .c-break__row .c-break__right .c-btn4 {
  margin: 75px auto 0;
}
@media only screen and (max-width: 818px) {
  .c-break .c-break__row .c-break__right .c-btn4 {
    margin-top: 35px;
  }
}
.c-news {
  padding-top: 60px;
  padding-bottom: 115px;
}
@media only screen and (max-width: 580px) {
  .c-news {
    padding-top: 45px;
    padding-bottom: 70px;
  }
}
.c-news .l-container {
  max-width: 978px;
  position: relative;
}
.c-news .c-news__title1 {
  font-size: 2rem;
  font-weight: 700;
  text-shadow: 0 0 1px #231916;
}
@media only screen and (max-width: 580px) {
  .c-news .c-news__title1 {
    font-size: 1.8rem;
    letter-spacing: 1px;
    text-align: center;
  }
}
.c-news .c-news__title2 {
  font-size: 3.6rem;
  font-weight: 900;
  line-height: 1;
  margin-top: 2px;
}
@media only screen and (max-width: 580px) {
  .c-news .c-news__title2 {
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 414px) {
  .c-news .c-news__title2 {
    font-size: 2.4rem;
    text-align: center;
  }
}
.c-news .c-news__list1 {
  margin-top: 55px;
}
@media only screen and (max-width: 580px) {
  .c-news .c-news__list1 {
    margin-top: 35px;
  }
}
.c-news .c-btn4 {
  position: absolute;
  right: 0;
  top: 2.7%;
}
@media only screen and (max-width: 1023px) {
  .c-news .c-btn4 {
    right: 3%;
  }
}
@media only screen and (max-width: 818px) {
  .c-news .c-btn4 {
    position: unset;
    right: unset;
    top: unset;
    margin: 35px auto 0;
  }
}


.c-slider__scroll {
  scrollbar-width: thin;
  scrollbar-color: #ffd700 #f1efef;
  /* thumb màu vàng, track màu xám đậm */
}
/* WebKit (Chrome, Safari, Edge, Android) */
.c-slider__scroll::-webkit-scrollbar {
  width: 8px;
}
.c-slider__scroll::-webkit-scrollbar-track {
  background: #333;
  /* Màu nền track */
  border-radius: 10px;
}
.c-slider__scroll::-webkit-scrollbar-thumb {
  background-color: #ffd700;
  /* Màu vàng cho thumb */
  border-radius: 10px;
  border: 2px solid #333;
  /* Để tạo hiệu ứng padding giữa thumb và track */
}















.c-slider__scroll {
  position: relative;
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
  overflow-y: scroll;
  height: 100vh;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  /* Cho iOS */
}
.c-slider__scroll.active {
  opacity: 1;
  pointer-events: auto;
}
.c-slider__vh {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.c-slider__vh .c-slidervh__slide {
  height: 100vh;
  scroll-snap-align: start;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.c-slider__vh .c-slidervh__slide .l-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.c-slider__vh .c-slidervh__slide.active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}
.c-slider__vh .c-slidervh__slide.c-slidervh__slide1 .l-container {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 30px;
}
.c-slider__vh .c-slidervh__slide.c-slidervh__slide2 .l-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 818px) {
  .c-slider__vh .c-slidervh__slide.c-slidervh__slide2 .l-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.c-slider__vh .c-slidervh__slide.c-slidervh__slide3 .l-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 818px) {
  .c-slider__vh .c-slidervh__slide.c-slidervh__slide3 .l-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 20px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.c-slider__vh .c-slidervh__slide .c-slidevh__title1 {
  font-size: 4.2rem;
  font-weight: 900;
}
@media only screen and (max-width: 818px) {
  .c-slider__vh .c-slidervh__slide .c-slidevh__title1 {
    font-size: 2.5rem;
  }
}
.c-slider__vh .c-slidervh__slide .c-slidevh__title2 {
  font-size: 7rem;
  font-weight: 900;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  line-height: 1.2621428571;
}
@media only screen and (max-width: 818px) {
  .c-slider__vh .c-slidervh__slide .c-slidevh__title2 {
    font-size: 4rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-slider__vh .c-slidervh__slide .c-slidevh__title2 {
    font-size: 2.5rem;
  }
}
.c-slider__vh .c-slidervh__slide .c-slidevh__img1 {
  width: 100%;
  max-width: 250px;
}
@media only screen and (max-width: 818px) {
  .c-slider__vh .c-slidervh__slide .c-slidevh__img1 {
    max-width: 200px;
  }
}
.c-slider__vh .c-slidervh__slide .c-slidevh__img2 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 7%;
}
@media only screen and (max-width: 818px) {
  .c-slider__vh .c-slidervh__slide .c-slidevh__img2 {
    padding: 0 5%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    width: 70%;
    margin: 0 auto;
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
  }
}
.c-slider__vh .c-slidervh__slide .c-slidevh__img3 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 10%;
  padding-right: 10%;
}
@media only screen and (max-width: 818px) {
  .c-slider__vh .c-slidervh__slide .c-slidevh__img3 {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    width: 70%;
    margin: 0 auto;
  }
}


.js-aos {
  opacity: 0;
  -webkit-transform: translateY(30px);
  transform: translateY(30px);
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.js-aos.aos-animate {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}








/* Ẩn dots mặc định */
.c-slider__vh .slick-dots {
  display: none !important;
}
/* Thanh bar container */
/* Thanh bar container */
.slick-bar {
  position: absolute;
  width: 10px;
  height: 100%;
  background-color: #e5bc00;
  border-radius: 2px;
  overflow: hidden;
  z-index: 50;
  right: 0;
  top: 0;
}
/* Thanh progress (hiển thị chiều cao thay vì chiều rộng) */
.slick-bar__progress {
  position: absolute;
  bottom: 0;
  /* bắt đầu từ dưới */
  background-color: #c0bebe;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: height 0.4s ease;
  transition: height 0.4s ease;
  border-radius: 2px;
}
/*------------------------------------------------------------
Css of home page
------------------------------------------------------------*/
.p-about {
  line-height: 2;
}
.c-contact__container {
  padding: 85px 0 144px;
}
@media only screen and (max-width: 818px) {
  .c-contact__container {
    padding: 45px 0 100px;
  }
}
@media only screen and (max-width: 580px) {
  .c-contact__container {
    padding: 20px 0 70px;
  }
}
.c-contact__container .l-container {
  max-width: 890px;
}
.c-contact__container .c-contactpage__title {
  font-weight: 500;
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 52px;
}
@media only screen and (max-width: 580px) {
  .c-contact__container .c-contactpage__title {
    font-weight: 700;
    margin-bottom: 24px;
    font-size: 1.4rem;
  }
}
.c-form__container {
  padding-right: 15%;
}
@media only screen and (max-width: 818px) {
  .c-form__container {
    padding-right: 5%;
  }
}
.c-form__container .wpcf7-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 10px;
}
.c-form__container .wpcf7-radio label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-form__container .wpcf7-radio label input {
  width: 16px;
  height: 16px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.c-form__container .wpcf7-radio label .wpcf7-list-item-label {
  margin-left: 5px;
  font-weight: 500;
  font-size: 1.6rem;
}
.c-form__container.c-form__container2 {
  padding-right: 5%;
}
.c-form__container.c-form__container2 .c-form__row .c-form__label {
  width: 200px;
}
.c-form__container .c-form__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.c-form__container .c-form__row + .c-form__row {
  margin-top: 38.5px;
}
.c-form__container .c-form__row .c-form__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 145px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
@media only screen and (max-width: 818px) {
  .c-form__container .c-form__row .c-form__label {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-bottom: 12px;
  }
}
.c-form__container .c-form__row .c-form__label.c-form__label2 {
  -ms-flex-item-align: start;
  align-self: flex-start;
  padding-top: 12px;
}
.c-form__container .c-form__row .c-form__label .c-label {
  font-size: 1.6rem;
  font-weight: 700;
  margin-right: 7px;
}
.c-form__container .c-form__row .c-form__label .c-require {
  font-size: 1.2rem;
  font-weight: 500;
  color: #e60013;
}
.c-form__container .c-form__row .c-form__label .c-require.c-require--invi {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.c-form__container .c-form__row .c-form__input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 5%;
}
@media only screen and (max-width: 818px) {
  .c-form__container .c-form__row .c-form__input {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    width: 100%;
  }
}
.c-form__container .c-form__row .c-form__input  .c-input {
  background-color: #f3f3ea;
  border: 1px solid #231916;
  border-radius: 10px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  height: 39px;
  font-size: 1.6rem;
  letter-spacing: 2px;
}
.c-form__container .c-form__row .c-form__input textarea {
  background-color: #f3f3ea;
  border: 1px solid #231916;
  border-radius: 20px;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  height: 286px;
  font-size: 1.6rem;
  letter-spacing: 2px;
  resize: none;
}
@media only screen and (max-width: 818px) {
  .c-form__container .c-form__row .c-form__input textarea {
    height: 220px;
  }
}
.c-form__checkboxes {
  -webkit-box-flex: 1;
  padding-left: 0;
  -ms-flex: 1;
  flex: 1;
  flex: 1;
  padding-left: 5%;
}
@media only screen and (max-width: 872px) {
  .c-form__checkboxes {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    flex: unset;
    max-width: 100%;
    padding-left: 5%;
    width: 100%;
    margin-top: 15px;
  }
}
.c-form__checkboxes input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
  min-height: 22px;
  min-width: 22px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #efefef;
}
.c-form__checkboxes .wpcf7-form-control-wrap label > span {
  font-size: 2rem;
  display: inline-block;
  margin-left: 7px;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-wrap: nowrap;
  -webkit-transform: translateY(-1px);
  transform: translateY(-1px);
  transform: translateY(-1px);
}
@media only screen and (max-width: 580px) {
  .c-form__checkboxes .wpcf7-form-control-wrap label > span {
    font-size: 1.6rem;
    margin-left: 4px;
  }
}
.c-form__checkboxes .wpcf7-list-item label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-form__checkboxes .wpcf7-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px 4%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 580px) {
  .c-form__checkboxes .wpcf7-checkbox {
    gap: 12px 0;
  }
}
.c-form__checkboxes .wpcf7-checkbox .wpcf7-list-item {
  margin-left: 0 !important;
  width: 48%;
}
@media only screen and (max-width: 580px) {
  .c-form__checkboxes .wpcf7-checkbox .wpcf7-list-item {
    width: 100%;
  }
}
.c-agree {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 50px;
  font-weight: 500;
  font-size: 1.6rem;
  position: relative;
}
@media only screen and (max-width: 872px) {
  .c-agree {
    margin-top: 45px;
  }
}
.wpcf7-form-control-wrap {
  height: 22px;
}
.c-agree input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
}
.c-agree .wpcf7-list-item-label {
  display: none;
}
.c-agree .wpcf7-not-valid-tip {
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  left: 50%;
  -webkit-transform: translateX(21px);
  transform: translateX(21px);
  transform: translateX(21px);
  transform: translateX(21px);
}
.c-agree .c-policy {
  margin-left: 7px;
  color: #181d62;
}
.c-agree .c-policy:hover {
  text-decoration: underline;
}
.c-submit__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 42px;
}
.c-submit__container .c-submit__button {
  cursor: pointer;
  position: relative;
}
.c-submit__container input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  appearance: none;
  appearance: none;
  appearance: none;
  appearance: none;
}
.c-submit__button {
  width: 100%;
  max-width: 155px;
  height: 45px;
  border: 1px solid #595857;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #181d62;
  border-radius: 8px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  color: #fff;
  align-items: center;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
.c-submit__button.c-submit__button2 {
  background-color: #c9bc9c;
}
.c-submit__button.c-submit__button2:hover {
  background-color: #fff;
}
.c-submit__button.c-submit__button2:hover span {
  color: #595857;
}
.c-submit__button:hover {
  opacity: 1;
  background-color: #fff;
}
.c-submit__button:hover span {
  color: #181d62;
}
.c-submit__button span {
  color: #fff;
  font-weight: 500;
  font-size: 1.6rem;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
.wpcf7-spinner {
  position: absolute !important;
  left: 50% !important;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transform: translateX(-50%);
  transform: translateX(-50%);
  transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -53px;
  margin: 0 !important;
  padding: 0 !important;
}
.c-contact__entry {
  text-align: center;
  font-size: 2.4rem;
  font-weight: 700;
  margin: 0 auto;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin-bottom: 34px;
  position: relative;
}
@media only screen and (max-width: 818px) {
  .c-contact__entry {
    margin-bottom: 20px;
  }
}
.c-contact__entry::before {
  content: "";
  position: absolute;
  right: 120%;
  width: 100vh;
  background-color: #231916;
  height: 1px;
  top: 49%;
}
.c-entry__container {
  padding: 160px 0 190px;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 1023px) {
  .c-entry__container {
    padding: 120px 0 150px;
  }
}
@media only screen and (max-width: 818px) {
  .c-entry__container {
    padding: 90px 0 120px;
  }
}
@media only screen and (max-width: 580px) {
  .c-entry__container {
    padding: 60px 0 100px;
  }
}
@media only screen and (max-width: 414px) {
  .c-entry__container {
    padding: 40px 0 80px;
  }
}
.c-entry__container::before {
  content: "";
  position: absolute;
  width: 61.85%;
  height: 100%;
  border-bottom-left-radius: 230px;
  background-color: #d3d1b6;
  z-index: -1;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 818px) {
  .c-entry__container::before {
    width: 80%;
    height: 90%;
  }
}
.c-entry__container .l-container {
  max-width: 747px;
}
.c-entry__container .c-entry__title1 {
  font-size: 4rem;
  font-weight: 900;
  font-family: "zen-old-mincho", sans-serif;
  background-color: #fff;
  text-align: center;
  padding: 0 1%;
}
@media only screen and (max-width: 818px) {
  .c-entry__container .c-entry__title1 {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-entry__container .c-entry__title1 {
    font-size: 2.1rem;
  }
}
@media only screen and (max-width: 414px) {
  .c-entry__container .c-entry__title1 {
    font-size: 1.8rem;
  }
}
.c-entry__container .c-entry__desc {
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2;
  text-align: justify;
  margin-top: 44px;
}
@media only screen and (max-width: 414px) {
  .c-entry__container .c-entry__desc {
    font-size: 1.4rem;
    margin-top: 20px;
  }
}
.p-privacy {
  padding-top: 185px;
}
@media only screen and (max-width: 1023px) {
  .p-privacy {
    padding-top: 140px;
  }
}
@media only screen and (max-width: 818px) {
  .p-privacy {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 580px) {
  .p-privacy {
    padding-top: 50px;
  }
}
@media only screen and (max-width: 414px) {
  .p-privacy {
    padding-top: 30px;
  }
}
.c-privacy__container {
  padding-top: 40px;
  padding-bottom: 79px;
}
@media only screen and (max-width: 818px) {
  .c-privacy__container {
    padding-top: 20px;
  }
}
.c-privacy__container .l-container {
  max-width: 750px;
}
.c-privacy__container .c-privacy__desc1 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.75;
  text-align: justify;
  margin-bottom: 72px;
}
@media only screen and (max-width: 818px) {
  .c-privacy__container .c-privacy__desc1 {
    margin-bottom: 30px;
    font-size: 1.4rem;
  }
}
.c-privacy__container .c-privacy__ul .c-privacy__li + li {
  margin-top: 45px;
}
.c-privacy__container .c-privacy__ul .c-privacy__li .c-privacyli__title {
  color: #fff;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  background-color: #231916;
  padding: 5.5px 35px 5.5px 1px;
  margin-bottom: 17px;
  position: relative;
}
@media only screen and (max-width: 818px) {
  .c-privacy__container .c-privacy__ul .c-privacy__li .c-privacyli__title {
    margin-bottom: 12px;
  }
}
.c-privacy__container .c-privacy__ul .c-privacy__li .c-privacyli__title::before {
  content: "";
  position: absolute;
  right: calc(100% - 1px);
  top: 0;
  width: 100vh;
  height: 100%;
  background-color: #231916;
}
.c-privacy__container .c-privacy__ul .c-privacy__li .c-privacyli__desc {
  font-size: 1.6rem;
  line-height: 1.75;
  font-weight: 700;
  text-align: justify;
}
@media only screen and (max-width: 818px) {
  .c-privacy__container .c-privacy__ul .c-privacy__li .c-privacyli__desc {
    font-size: 1.4rem;
  }
}
.p-news {
  padding-top: 185px;
  padding-bottom: 90px;
}
@media only screen and (max-width: 1023px) {
  .p-news {
    padding-top: 140px;
  }
}
@media only screen and (max-width: 818px) {
  .p-news {
    padding-top: 30px;
  }
}
.c-news__container {
  padding-top: 100px;
}
@media only screen and (max-width: 1023px) {
  .c-news__container {
    padding-top: 45px;
  }
}
@media only screen and (max-width: 818px) {
  .c-news__container {
    padding-top: 30px;
  }
}
.c-news__container .l-container {
  max-width: 1056px;
}
.c-news__container .c-news__list2 {
  max-width: 754px;
  margin: 0 auto;
}
.c-news__container .c-news__list2 .c-news__item2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.c-news__container .c-news__list2 .c-news__item2 + .c-news__item2 {
  margin-top: 54px;
}
.c-news__container .c-news__list2 .c-news__item2 .c-newsitem2__img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  max-width: 232px;
}
@media only screen and (max-width: 818px) {
  .c-news__container .c-news__list2 .c-news__item2 .c-newsitem2__img {
    max-width: 140px;
  }
}
.c-news__container .c-news__list2 .c-news__item2 .c-newsitem2__right {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 4.5%;
  padding-bottom: 16px;
  border-bottom: 1px solid #231916;
}
.c-news__container .c-news__list2 .c-news__item2 .c-newsitem2__right .c-newsitem2__date {
  font-size: 1.8rem;
  font-weight: 700;
  letter-spacing: 2px;
  margin-bottom: 6px;
}
@media only screen and (max-width: 818px) {
  .c-news__container .c-news__list2 .c-news__item2 .c-newsitem2__right .c-newsitem2__date {
    font-size: 1.6rem;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 580px) {
  .c-news__container .c-news__list2 .c-news__item2 .c-newsitem2__right .c-newsitem2__date {
    font-size: 1.4rem;
  }
}
.c-news__container .c-news__list2 .c-news__item2 .c-newsitem2__right .c-newsitem2__title {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 1.5px;
}
@media only screen and (max-width: 818px) {
  .c-news__container .c-news__list2 .c-news__item2 .c-newsitem2__right .c-newsitem2__title {
    font-size: 1.8rem;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 580px) {
  .c-news__container .c-news__list2 .c-news__item2 .c-newsitem2__right .c-newsitem2__title {
    font-size: 1.5rem;
  }
}
.p-single {
  padding-bottom: 90px;
}
.p-single .c-single__container {
  padding: 160px 0 0;
}
@media only screen and (max-width: 1150px) {
  .p-single .c-single__container {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 1023px) {
  .p-single .c-single__container {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 818px) {
  .p-single .c-single__container {
    padding-top: 60px;
  }
}
@media only screen and (max-width: 580px) {
  .p-single .c-single__container {
    padding-top: 24px;
  }
}
.p-single .c-single__container .l-container {
  max-width: 956px;
}
.p-single .c-single__container .c-single__cat {
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 2px;
}
@media only screen and (max-width: 580px) {
  .p-single .c-single__container .c-single__cat {
    font-size: 1.8rem;
    letter-spacing: 1px;
  }
}
@media only screen and (max-width: 414px) {
  .p-single .c-single__container .c-single__cat {
    font-size: 1.6rem;
  }
}
.p-single .c-single__container .c-single__title {
  font-size: 4.2rem;
  text-align: center;
  font-weight: 900;
  letter-spacing: 3px;
  margin-top: 24px;
  padding-bottom: 25px;
  border-bottom: 3px solid #231916;
}
@media only screen and (max-width: 1023px) {
  .p-single .c-single__container .c-single__title {
    font-size: 3.4rem;
    letter-spacing: 2px;
  }
}
@media only screen and (max-width: 818px) {
  .p-single .c-single__container .c-single__title {
    font-size: 2.6rem;
    letter-spacing: 1px;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: 580px) {
  .p-single .c-single__container .c-single__title {
    font-size: 2.1rem;
    font-weight: 700;
    border-width: 2px;
    padding-bottom: 6px;
  }
}
.p-single .c-single__container .c-single__date {
  text-align: right;
  font-weight: 700;
  font-size: 1.2rem;
  padding-right: 6%;
  margin-top: 22px;
  letter-spacing: 2.5px;
}
@media only screen and (max-width: 580px) {
  .p-single .c-single__container .c-single__date {
    letter-spacing: 1px;
    margin-top: 14px;
    padding-right: 3%;
  }
}
.p-single .c-single__container .c-single__content {
  padding: 0 6%;
  text-align: justify;
  margin-top: 30px;
  font-size: 1.6rem;
  line-height: 2.125;
  margin-bottom: 120px;
}
@media only screen and (max-width: 580px) {
  .p-single .c-single__container .c-single__content {
    margin-bottom: 100px;
    font-size: 1.4rem;
    padding: 0 3%;
  }
}
.p-single .c-single__container .c-single__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-bottom: 3px solid #231916;
  border-top: 1px solid #231916;
  padding: 30px 0;
}
@media only screen and (max-width: 580px) {
  .p-single .c-single__container .c-single__btns {
    padding: 24px 0;
  }
}
.p-single .c-single__container .c-single__btns .c-single__btn {
  width: 128px;
  height: 35px;
  border: 1px solid #231916;
  background-color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-shadow: 4px 5px 0 #231916;
  box-shadow: 4px 5px 0 #231916;
}
@media only screen and (max-width: 580px) {
  .p-single .c-single__container .c-single__btns .c-single__btn {
    width: 110px;
    height: 32px;
    font-size: 1.4rem;
    padding-top: 2px;
  }
}
.p-single .c-single__container .c-single__btns .c-single__btn:hover {
  background-color: #231916;
  color: #fff;
  -webkit-transform: translate(4px, 5px);
  transform: translate(4px, 5px);
  -webkit-box-shadow: unset;
  box-shadow: unset;
}
.p-interview {
  padding-top: 143px;
  padding-bottom: 72px;
}
@media only screen and (max-width: 818px) {
  .p-interview {
    padding-top: 0;
  }
}
.c-interview__introduce .l-container {
  max-width: 938px;
}
.c-interview__introduce .c-interview__introduceh3 {
  border-top: 1px solid #231916;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 10.5px 0;
}
@media only screen and (max-width: 580px) {
  .c-interview__introduce .c-interview__introduceh3 {
    font-weight: 700;
  }
}
.c-interview__introduce .c-interview__introducep {
  font-size: 3.5rem;
  line-height: 1.5214285714;
  text-align: justify;
  border-top: 2px solid #231916;
  border-bottom: 2px solid #231916;
  padding: 42px 0;
  font-weight: 700;
}
@media only screen and (max-width: 1023px) {
  .c-interview__introduce .c-interview__introducep {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 818px) {
  .c-interview__introduce .c-interview__introducep {
    font-size: 2.4rem;
    padding: 24px 0;
  }
}
@media only screen and (max-width: 580px) {
  .c-interview__introduce .c-interview__introducep {
    font-size: 2.1rem;
    padding: 18px 0;
    font-weight: 700;
  }
}
.c-interview1 {
  padding: 49px 0;
}
.c-interview1 .l-container {
  max-width: 854px;
}
.c-interview2 {
  padding: 17px 0;
  background-image: url(./../img/interview/interview2.png);
  background-size: cover;
  background-position: right center;
}
@media only screen and (max-width: 818px) {
  .c-interview2 {
    padding: 30px 0;
  }
}
@media only screen and (max-width: 414px) {
  .c-interview2 {
    background-position: 80% center;
  }
}
.c-interview2 .l-container {
  max-width: 854px;
}
.c-interview2 .c-interview2__title1 {
  font-size: 1.4rem;
  font-weight: 500;
}
.c-interview2 .c-interview2__row1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  margin-top: 5px;
  gap: 12px;
}
.c-interview2 .c-interview2__row1 .c-interview2__japanese {
  font-weight: 700;
  font-size: 2.2rem;
}
.c-interview2 .c-interview2__row1 .c-interview2__english {
  font-weight: 700;
  text-shadow: 0 0 1px #231916;
  font-family: "arial", sans-serif;
  font-size: 1.2rem;
  letter-spacing: 1.2px;
}
.c-interview2 .c-interview2__title2 {
  font-size: 2.2rem;
  line-height: 1.75;
  text-align: justify;
  font-weight: 700;
  margin-top: 34px;
}
@media only screen and (max-width: 580px) {
  .c-interview2 .c-interview2__title2 {
    margin-bottom: 18px;
    font-size: 1.7rem;
  }
}
@media only screen and (max-width: 414px) {
  .c-interview2 .c-interview2__title2 {
    font-size: 1.6rem;
  }
}
.c-interview2 .c-interview2__desc {
  margin-top: 38px;
  font-size: 1.6rem;
  line-height: 3;
  margin-bottom: 28px;
  letter-spacing: 0.25px;
  line-height: 2.21875;
}
@media only screen and (max-width: 580px) {
  .c-interview2 .c-interview2__desc {
    font-size: 1.4rem;
    margin-bottom: 20px;
    margin-bottom: 12px;
  }
}
@media only screen and (max-width: 414px) {
  .c-interview2 .c-interview2__desc {
    font-size: 1.3rem;
    text-align: justify;
  }
}
.c-interview3 {
  padding: 18px 0 78px;
}
.c-interview3 .l-container {
  max-width: 854px;
}
.c-interview3 .c-interview3__title {
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.75;
  text-align: justify;
  margin-top: 125px;
  margin-bottom: 40px;
}
@media only screen and (max-width: 818px) {
  .c-interview3 .c-interview3__title {
    margin-top: 80px;
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 580px) {
  .c-interview3 .c-interview3__title {
    margin-top: 35px;
    font-size: 1.8rem;
  }
}
.c-interview3 .c-interview3__desc {
  font-size: 1.6rem;
  font-weight: 300;
  letter-spacing: 0.2px;
  line-height: 2.21875;
  text-align: justify;
}
@media only screen and (max-width: 580px) {
  .c-interview3 .c-interview3__desc {
    font-size: 1.4rem;
  }
}
.c-interview__slider {
  margin: 0 -20px;
}
.c-interview__slider .c-sliderinter__item {
  margin: 0 20px;
}
.c-interview4 {
  padding: 110px 0 0;
}
.c-interview4 .l-container {
  max-width: 854px;
}
.c-interview4 .c-interview4__h3 {
  padding-left: 23px;
  letter-spacing: 1.5px;
  margin-bottom: 26px;
  position: relative;
}
.c-interview4 .c-interview4__h3::before {
  content: "";
  position: absolute;
  height: 10px;
  width: 10px;
  border: 1px solid #231916;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.p-staff {
  padding-bottom: 180px;
}
@media only screen and (max-width: 818px) {
  .p-staff {
    padding-bottom: 120px;
  }
}
.c-staff__container {
  padding-top: 79px;
}
@media only screen and (max-width: 818px) {
  .c-staff__container {
    padding-top: 45px;
  }
}
.c-staff__container .l-container {
  max-width: 1140px;
}
.c-staff__container .c-staff__btn {
  width: 100%;
  max-width: 338px;
  height: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.6rem;
  font-weight: 700;
  -webkit-box-shadow: 5px 5px 0 #231916;
  box-shadow: 5px 5px 0 #231916;
  border: 1px solid #231916;
  margin: 0 auto;
  margin-bottom: 83px;
}
.c-staff__container .c-staff__btn:hover {
  background-color: #231916;
  color: #fff;
  -webkit-box-shadow: unset;
  box-shadow: unset;
  -webkit-transform: translate(5px, 5px);
  transform: translate(5px, 5px);
}
@media only screen and (max-width: 818px) {
  .c-staff__container .c-staff__btn {
    max-width: 280px;
    height: 50px;
    margin-bottom: 50px;
  }
}
.c-staff__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 75px 1.4%;
}
@media only screen and (max-width: 818px) {
  .c-staff__list {
    gap: 30px 3%;
  }
}
.c-staff__list .c-staff__item {
  width: 32.4%;
}
@media only screen and (max-width: 818px) {
  .c-staff__list .c-staff__item {
    width: 48.5%;
  }
}
.c-staff__list .c-staff__item a:hover {
  opacity: 1;
}
.c-staff__list .c-staff__item a:hover .c-staff__img img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.c-staff__list .c-staff__item a:hover .c-staffitem__content {
  background-color: #f9c053;
}
.c-staff__list .c-staff__item a:hover .c-staff__japanese,
.c-staff__list .c-staff__item a:hover .c-staff__english,
.c-staff__list .c-staff__item a:hover .c-staff__position {
  color: #231916;
}
.c-staff__list .c-staff__item .c-staffitem__content {
  padding: 23px 6.5%;
  -webkit-transition: all 0.25s ease-in;
  background-color: #fff;
  transition: all 0.25s ease-in;
}
@media only screen and (max-width: 580px) {
  .c-staff__list .c-staff__item .c-staffitem__content {
    padding: 15px 7%;
  }
}
.c-staff__list .c-staff__item .c-staff__img {
  overflow: hidden;
}
.c-staff__list .c-staff__item .c-staff__img img {
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  aspect-ratio: 356/280;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.c-staff__list .c-staff__item .c-staff__japanese {
  color: #595857;
  font-size: 2.4rem;
  font-weight: 700;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
@media only screen and (max-width: 580px) {
  .c-staff__list .c-staff__item .c-staff__japanese {
    font-size: 2rem;
    line-height: 1;
    margin-bottom: 6px;
  }
}
.c-staff__list .c-staff__item .c-staff__english {
  color: #595857;
  font-family: "arial", sans-serif;
  font-weight: 700;
  text-shadow: 0 0 1px #595857;
  font-size: 1.2rem;
  letter-spacing: 1px;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
.c-staff__list .c-staff__item .c-staff__position {
  color: #595857;
  font-size: 1.6rem;
  font-weight: 500;
  margin-top: 9px;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
@media only screen and (max-width: 580px) {
  .c-staff__list .c-staff__item .c-staff__position {
    margin-top: 4px;
  }
}
.c-staffsingle__top .c-singlestaff__row1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-staffsingle__top .c-singlestaff__row1 .c-singlestaff__left1 {
  width: 50%;
  padding-top: 238px;
  padding-bottom: 115px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #7c153f;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media only screen and (max-width: 818px) {
  .c-staffsingle__top .c-singlestaff__row1 .c-singlestaff__left1 {
    padding-top: 130px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 580px) {
  .c-staffsingle__top .c-singlestaff__row1 .c-singlestaff__left1 {
    padding-top: 60px;
    padding-bottom: 50px;
  }
}
@media only screen and (max-width: 414px) {
  .c-staffsingle__top .c-singlestaff__row1 .c-singlestaff__left1 {
    padding-bottom: 30px;
    padding-top: 30px;
  }
}
.c-staffsingle__top .c-singlestaff__row1 .c-singlestaff__left1 .c-left1__wrapper {
  color: #fff;
  max-width: 600px;
  padding: 0 11%;
}
@media only screen and (max-width: 1023px) {
  .c-staffsingle__top .c-singlestaff__row1 .c-singlestaff__left1 .c-left1__wrapper {
    padding: 0 6%;
  }
}
.c-staffsingle__top .c-singlestaff__row1 .c-singlestaff__left1 .c-left1__wrapper .c-singlestaff__title {
  font-size: 3rem;
  line-height: 1.6416666667;
  text-align: center;
  font-weight: 700;
  color: #fff;
}
@media only screen and (max-width: 1150px) {
  .c-staffsingle__top .c-singlestaff__row1 .c-singlestaff__left1 .c-left1__wrapper .c-singlestaff__title {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 1023px) {
  .c-staffsingle__top .c-singlestaff__row1 .c-singlestaff__left1 .c-left1__wrapper .c-singlestaff__title {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 818px) {
  .c-staffsingle__top .c-singlestaff__row1 .c-singlestaff__left1 .c-left1__wrapper .c-singlestaff__title {
    font-size: 1.6rem;
    font-weight: 700;
  }
}
.c-staffsingle__top .c-singlestaff__row1 .c-singlestaff__left1 .c-left1__wrapper .c-singlestaff__position {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
  margin-top: 93px;
}
@media only screen and (max-width: 1023px) {
  .c-staffsingle__top .c-singlestaff__row1 .c-singlestaff__left1 .c-left1__wrapper .c-singlestaff__position {
    margin-top: 55px;
  }
}
@media only screen and (max-width: 818px) {
  .c-staffsingle__top .c-singlestaff__row1 .c-singlestaff__left1 .c-left1__wrapper .c-singlestaff__position {
    font-size: 1.5rem;
    margin-top: 30px;
  }
}
.c-staffsingle__top .c-singlestaff__row1 .c-singlestaff__left1 .c-left1__wrapper .c-singlestaff__name {
  font-size: 2.2rem;
  text-align: center;
  font-weight: 700;
  letter-spacing: 2px;
  margin-top: 23px;
}
@media only screen and (max-width: 818px) {
  .c-staffsingle__top .c-singlestaff__row1 .c-singlestaff__left1 .c-left1__wrapper .c-singlestaff__name {
    margin-top: 12px;
    letter-spacing: 1px;
    font-size: 2rem;
  }
}
.c-staffsingle__top .c-singlestaff__row1 .c-singlestaff__left1 .c-left1__wrapper .c-singlestaff__en {
  font-weight: 500;
  font-size: 1.4rem;
  margin-top: 4px;
  text-align: center;
}
.c-staffsingle__top .c-singlestaff__row1 .c-singlestaff__right1 {
  width: 50%;
  position: relative;
}
.c-staffsingle__top .c-singlestaff__row1 .c-singlestaff__right1 div {
  position: absolute;
  width: 100%;
  height: 100%;
}
.c-staffsingle__top .c-singlestaff__row1 .c-singlestaff__right1 div img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.c-staffsingle__bottom {
  padding: 53px 0 0;
}
@media only screen and (max-width: 818px) {
  .c-staffsingle__bottom {
    padding-top: 35px;
  }
}
.c-staffsingle__bottom .l-container {
  max-width: 870px;
}
.c-staffsingle__list .c-staffsingle__item + .c-staffsingle__item {
  margin-top: 53px;
}
@media only screen and (max-width: 580px) {
  .c-staffsingle__list .c-staffsingle__item + .c-staffsingle__item {
    margin-top: 45px;
  }
}
.c-staffsingle__list .c-staffsingle__item .c-staffsingle__line {
  font-weight: 500;
  font-size: 1.4rem;
  padding-left: 6.5%;
  position: relative;
}
@media only screen and (max-width: 580px) {
  .c-staffsingle__list .c-staffsingle__item .c-staffsingle__line {
    font-size: 1.5rem;
    font-weight: 700;
    color: #eba421;
  }
}
.c-staffsingle__list .c-staffsingle__item .c-staffsingle__line::before {
  content: "";
  position: absolute;
  width: 5.5%;
  height: 1px;
  background-color: #231916;
  left: 0;
  top: 45%;
}
.c-staffsingle__list .c-staffsingle__item .c-staffsingle__desc {
  font-size: 1.6rem;
  text-align: justify;
  line-height: 2.078125;
  font-weight: 700;
  margin-top: 13px;
}
@media only screen and (max-width: 580px) {
  .c-staffsingle__list .c-staffsingle__item .c-staffsingle__desc {
    font-size: 1.4rem;
    margin-top: 7px;
  }
}
.c-staffsingle__row2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 125px;
  padding: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 1023px) {
  .c-staffsingle__row2 {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 818px) {
  .c-staffsingle__row2 {
    margin-top: 60px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 14px;
  }
}
.c-staffsingle__row2 .c-staffsingle__left2 {
  width: 80%;
}
@media only screen and (max-width: 818px) {
  .c-staffsingle__row2 .c-staffsingle__left2 {
    width: 100%;
  }
}
.c-staffsingle__row2 .c-staffsingle__right2 {
  width: 120px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin-left: 2.5%;
}
@media only screen and (max-width: 818px) {
  .c-staffsingle__row2 .c-staffsingle__right2 {
    width: 100%;
    margin-left: 0;
    -ms-flex-negative: unset;
    flex-shrink: unset;
  }
}
@media only screen and (max-width: 818px) {
  .c-staffsingle__row2 .c-staffsingle__right2 .c-slider3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px 1.3333333333%;
  }
}
.c-staffsingle__row2 .c-staffsingle__right2 .c-slider3 .c-slider3__item {
  border: 1px solid transparent;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
@media only screen and (max-width: 818px) {
  .c-staffsingle__row2 .c-staffsingle__right2 .c-slider3 .c-slider3__item {
    width: 24%;
  }
}
.c-staffsingle__row2 .c-staffsingle__right2 .c-slider3 .c-slider3__item:hover {
  border-color: #7c153f;
  cursor: pointer;
}
.c-staffsingle__row2 .c-staffsingle__right2 .c-slider3 .c-slider3__item + .c-slider3__item {
  margin-top: 14px;
}
@media only screen and (max-width: 818px) {
  .c-staffsingle__row2 .c-staffsingle__right2 .c-slider3 .c-slider3__item + .c-slider3__item {
    margin-top: 0;
  }
}
.c-staffsingle__btn {
  font-size: 2rem;
  font-weight: 700;
  width: 197px;
  height: 70px;
  border: 2px solid #231916;
  background-color: #231916;
  color: #fff;
  border-radius: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  margin-top: 100px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 818px) {
  .c-staffsingle__btn {
    font-size: 1.6rem;
    width: 140px;
    height: 46px;
    margin-top: 45px;
  }
}
.c-staffsingle__btn:hover {
  background-color: #fff;
  color: #231916;
}
.c-philo__title1 {
  font-size: 4.5rem;
  font-weight: 900;
  text-align: center;
  font-family: "zen-old-mincho", sans-serif;
}
@media only screen and (max-width: 1023px) {
  .c-philo__title1 {
    font-size: 4rem;
  }
}
@media only screen and (max-width: 818px) {
  .c-philo__title1 {
    font-size: 3.2rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-philo__title1 {
    font-size: 2.4rem;
  }
}
.c-philo__title2 {
  font-size: 3.5rem;
  font-weight: 900;
  text-align: center;
  font-family: "zen-old-mincho", sans-serif;
}
@media only screen and (max-width: 818px) {
  .c-philo__title2 {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-philo__title2 {
    font-size: 2.5rem;
  }
}
.c-philo__title3 {
  font-size: 1.8rem;
  font-weight: 700;
  text-shadow: 0 0 1px #231916;
  text-align: center;
  font-family: "arial", sans-serif;
  margin-top: 4px;
  letter-spacing: 1.5px;
}
@media only screen and (max-width: 818px) {
  .c-philo__title3 {
    letter-spacing: 0.5px;
    font-size: 1.6rem;
  }
}
.c-philo__title4 {
  font-size: 2rem;
  font-weight: 900;
  text-align: center;
  font-family: "zen-old-mincho", sans-serif;
}
@media only screen and (max-width: 580px) {
  .c-philo__title4 {
    font-size: 1.8rem;
  }
}
.c-philo1 {
  border-top: 2px solid #231916;
  padding: 85px 0;
}
@media only screen and (max-width: 1023px) {
  .c-philo1 {
    padding: 65px 0;
  }
}
@media only screen and (max-width: 580px) {
  .c-philo1 {
    padding: 40px 0;
  }
}
.c-philo1 .l-container {
  max-width: 1240px;
}
.c-philo1 .c-philo1__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 84px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 1023px) {
  .c-philo1 .c-philo1__row {
    margin-top: 45px;
  }
}
@media only screen and (max-width: 818px) {
  .c-philo1 .c-philo1__row {
    margin-top: 20px;
  }
}
.c-philo1 .c-philo1__row .c-philo1__desc {
  width: 56.2%;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.5;
  text-align: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 818px) {
  .c-philo1 .c-philo1__row .c-philo1__desc {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    font-size: 1.4rem;
  }
}
.c-philo1 .c-philo1__row .c-philo__img2 {
  width: 43.8%;
}
@media only screen and (max-width: 818px) {
  .c-philo1 .c-philo1__row .c-philo__img2 {
    width: 100%;
    margin-bottom: 5px;
  }
}
.c-philo2 {
  padding: 43px 0 150px;
}
@media only screen and (max-width: 1023px) {
  .c-philo2 {
    padding-bottom: 100px;
  }
}
@media only screen and (max-width: 818px) {
  .c-philo2 {
    padding-bottom: 60px;
  }
}
.c-philo2 .l-container {
  max-width: 806px;
}
.c-philo2 .c-philo__title1 {
  margin-top: 58px;
  margin-bottom: 11px;
}
@media only screen and (max-width: 818px) {
  .c-philo2 .c-philo__title1 {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 580px) {
  .c-philo2 .c-philo__title1 {
    margin-top: 20px;
  }
}
.c-philo2 .c-philo2__desc1 {
  margin-top: 56px;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2.15375;
}
@media only screen and (max-width: 818px) {
  .c-philo2 .c-philo2__desc1 {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-philo2 .c-philo2__desc1 {
    margin-top: 25px;
    font-size: 1.3rem;
  }
}
.c-philo2 .c-philo2__list {
  margin-top: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 580px) {
  .c-philo2 .c-philo2__list {
    margin-top: 20px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.c-philo2 .c-philo2__list li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media only screen and (max-width: 580px) {
  .c-philo2 .c-philo2__list li {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    width: 100%;
  }
}
.c-philo3__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  gap: 25px;
}
@media only screen and (max-width: 818px) {
  .c-philo3__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 0;
  }
}
.c-philo3 {
  padding: 103px 0;
}
@media only screen and (max-width: 1023px) {
  .c-philo3 {
    padding: 80px 0;
  }
}
@media only screen and (max-width: 818px) {
  .c-philo3 {
    padding: 45px 0;
  }
}
.c-philo3 .l-container {
  max-width: 800px;
}
.c-philo3 .c-philo3__list {
  margin-top: 52px;
  padding: 0 6%;
}
@media only screen and (max-width: 818px) {
  .c-philo3 .c-philo3__list {
    padding: 0 1%;
  }
}
.c-philo3 .c-philo3__list > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #231916;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 25px 2%;
}
@media only screen and (max-width: 818px) {
  .c-philo3 .c-philo3__list > li {
    padding: 14px 2%;
  }
}
.c-philo3 .c-philo3__list > li:last-child {
  border-bottom: 1px solid #231916;
}
.c-philo3 .c-philo3__list > li h4 {
  font-size: 1.6rem;
  font-weight: 700;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 130px;
}
@media only screen and (max-width: 818px) {
  .c-philo3 .c-philo3__list > li h4 {
    font-size: 1.4rem;
    width: 80px;
  }
}
.c-philo3 .c-philo3__list > li div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 1%;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.90375;
}
@media only screen and (max-width: 818px) {
  .c-philo3 .c-philo3__list > li div {
    font-size: 1.4rem;
  }
}
.c-philo3 .c-philo3__list > li div ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
.c-philo3 .c-philo3__list > li div ul li span {
  height: 10px;
  width: 10px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background-color: #231916;
}
.c-philo3 .c-philo3__list > li div ul li p {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 4%;
}
.c-philo4 {
  padding: 107px 0 150px;
}
@media only screen and (max-width: 1023px) {
  .c-philo4 {
    padding: 60px 0 120px;
  }
}
@media only screen and (max-width: 818px) {
  .c-philo4 {
    padding: 40px 0 80px;
  }
}
.c-philo4 .l-container {
  max-width: 800px;
}
.c-philo4__list {
  max-width: 670px;
  position: relative;
  margin: 63px auto 0;
}
.c-philo4__list::before {
  content: "";
  position: absolute;
  height: 105%;
  width: 1px;
  top: 20px;
  background-color: #595857;
  left: calc(146px + 9.5%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media only screen and (max-width: 818px) {
  .c-philo4__list::before {
    left: 101px;
    height: 100%;
  }
}
.c-philo4__list li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 50px;
}
.c-philo4__list li h5 {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
  font-family: "zen-old-mincho", sans-serif;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 135px;
  letter-spacing: 2.5px;
}
@media only screen and (max-width: 818px) {
  .c-philo4__list li h5 {
    font-size: 1.6rem;
    letter-spacing: 0;
    width: 90px;
    font-weight: 900;
  }
}
.c-philo4__list li .c-six_icon {
  position: absolute;
  width: 22px;
  left: calc(135px + 9.5%);
}
@media only screen and (max-width: 818px) {
  .c-philo4__list li .c-six_icon {
    left: 90px;
  }
}
.c-philo4__list li p {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1.6rem;
  text-align: justify;
  padding-left: 25%;
}
@media only screen and (max-width: 818px) {
  .c-philo4__list li p {
    padding-left: 10%;
    font-size: 1.4rem;
  }
}
@-webkit-keyframes bikeEnter {
  0% {
    -webkit-transform: translate(400px, -200px) scale(0.3);
    transform: translate(400px, -200px) scale(0.3);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
}
@keyframes bikeEnter {
  0% {
    -webkit-transform: translate(400px, -200px) scale(0.3);
    transform: translate(400px, -200px) scale(0.3);
    opacity: 0;
  }
  100% {
    -webkit-transform: translate(0, 0) scale(1);
    transform: translate(0, 0) scale(1);
    opacity: 1;
  }
}
[data-aos=custom-bike-animation] {
  opacity: 0;
  -webkit-transition: none !important;
  transition: none !important;
  /* disable AOS default transition */
}
[data-aos=custom-bike-animation].aos-animate {
  -webkit-animation: bikeEnter 1.5s ease-out forwards;
  animation: bikeEnter 1.5s ease-out forwards;
}
.c-playarchive__container {
  padding-top: 30px;
}
.c-playarchive__container .l-container {
  max-width: 895px;
}
.c-archiveplay__list li {
  padding: 35px 0.8%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media only screen and (max-width: 818px) {
  .c-archiveplay__list li {
    padding: 30px 1%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.c-archiveplay__list li + li {
  border-top: 1px solid #b5b6b6;
}
.c-archiveplay__list .c-archiveplay__img {
  border: 3px solid #231916;
  width: 43%;
  border-radius: 85px;
  overflow: hidden;
  -webkit-box-shadow: 4px 4px 0 #231916;
  box-shadow: 4px 4px 0 #231916;
}
@media only screen and (max-width: 818px) {
  .c-archiveplay__list .c-archiveplay__img {
    width: 100%;
    margin-bottom: 12px;
  }
}
.c-archiveplay__list .c-archiveplay__img img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  aspect-ratio: 356/245;
}
.c-archiveplay__list .c-archiveplay__right {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 4.7%;
}
.c-archiveplay__list .c-archiveplay__right .c-archiveplay__date {
  font-size: 1.6rem;
  font-weight: 700;
  padding-left: 3.6%;
  letter-spacing: 2px;
}
@media only screen and (max-width: 818px) {
  .c-archiveplay__list .c-archiveplay__right .c-archiveplay__date {
    font-size: 1.5rem;
    letter-spacing: 1px;
  }
}
.c-archiveplay__list .c-archiveplay__right .c-archiveplay__title {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 8px;
  padding-left: 3.6%;
  letter-spacing: 2px;
}
@media only screen and (max-width: 818px) {
  .c-archiveplay__list .c-archiveplay__right .c-archiveplay__title {
    font-size: 2.1rem;
    letter-spacing: 1px;
  }
}
.c-archiveplay__list .c-archiveplay__right .c-archiveplay__comment {
  border: 3px solid #231916;
  border-radius: 13px;
  margin-bottom: 6px;
  padding: 20px 5%;
  background-color: #fff;
  position: relative;
}
@media only screen and (max-width: 818px) {
  .c-archiveplay__list .c-archiveplay__right .c-archiveplay__comment {
    margin-left: 15px;
    padding: 12px 4%;
  }
}
.c-archiveplay__list .c-archiveplay__right .c-archiveplay__comment p {
  font-size: 1.6rem;
  font-weight: 700;
  text-align: justify;
  line-height: 1.5;
}
.c-archiveplay__list .c-archiveplay__right .c-archiveplay__comment .c-box__before {
  position: absolute;
  right: 100%;
  width: 34px;
  top: 33%;
}
.c-archiveplay__list .c-archiveplay__right .c-archiveplay__btn {
  font-size: 1.2rem;
  font-weight: 700;
  border-radius: 5px;
  width: 80px;
  height: 24px;
  border: 1px solid #231916;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #efefef;
  margin-left: auto;
  margin-right: 2.3%;
  -webkit-transform: translateY(12px);
  transform: translateY(12px);
}
.c-archiveplay__list .c-archiveplay__right .c-archiveplay__btn:hover {
  background-color: #231916;
  color: #efefef;
}
.c-border--notop {
  border-bottom: 1px solid #231916;
  border-left: 1px solid #231916;
  border-right: 1px solid #231916;
  height: 5px;
}
.c-playsingle__otherwrapper {
  border: 1px solid #231916;
  margin-top: 41px;
  padding: 60px 5%;
  background-color: #e8ede9;
}
@media only screen and (max-width: 818px) {
  .c-playsingle__otherwrapper {
    padding: 35px 4%;
  }
}
.c-playsingle__otherwrapper .c-playarchive__list2 {
  max-width: 760px;
  margin: 0 auto;
  gap: 25px 6.5%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (max-width: 818px) {
  .c-playsingle__otherwrapper .c-playarchive__list2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 25px 4%;
  }
}
@media only screen and (max-width: 414px) {
  .c-playsingle__otherwrapper .c-playarchive__list2 {
    gap: 35px 0;
  }
}
.c-playsingle__otherwrapper .c-playarchive__list2 li {
  width: 29%;
}
@media only screen and (max-width: 818px) {
  .c-playsingle__otherwrapper .c-playarchive__list2 li {
    width: 48%;
  }
}
@media only screen and (max-width: 414px) {
  .c-playsingle__otherwrapper .c-playarchive__list2 li {
    width: 100%;
  }
}
.c-playsingle__otherwrapper .c-playarchive__list2 li a .c-playarchive__img2 {
  border-radius: 52px;
  overflow: hidden;
  border: 1px solid #231916;
  -webkit-box-shadow: 3px 4px 0 #231916;
  box-shadow: 3px 4px 0 #231916;
}
.c-playsingle__otherwrapper .c-playarchive__list2 li a .c-playarchive__img2 img {
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  width: 100%;
  aspect-ratio: 109/75;
}
.c-playsingle__otherwrapper .c-playarchive__list2 li a:hover {
  opacity: 1;
}
.c-playsingle__otherwrapper .c-playarchive__list2 li a:hover img {
  opacity: 1;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.c-playsingle__otherwrapper .c-playarchive__list2 li a:hover .c-playarchive__title2 {
  color: #e5bc00;
}
.c-playsingle__otherwrapper .c-playarchive__list2 li a .c-playarchive__date2 {
  font-size: 1.2rem;
  font-weight: 700;
  margin-top: 13px;
  letter-spacing: 1.5px;
}
@media only screen and (max-width: 414px) {
  .c-playsingle__otherwrapper .c-playarchive__list2 li a .c-playarchive__date2 {
    padding-left: 5%;
  }
}
.c-playsingle__otherwrapper .c-playarchive__list2 li a .c-playarchive__title2 {
  font-size: 1.8rem;
  font-weight: 700;
  margin-top: 1px;
  letter-spacing: 2.5px;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
@media only screen and (max-width: 414px) {
  .c-playsingle__otherwrapper .c-playarchive__list2 li a .c-playarchive__title2 {
    padding-left: 5%;
    letter-spacing: 1px;
    font-size: 1.7rem;
  }
}
.p-play {
  padding-bottom: 76px;
}
.c-asobi1 .c-asobi1__item {
  font-size: 5.5rem;
  font-family: "arial", sans-serif;
  font-weight: 700;
  -webkit-text-stroke: 1px #231916;
  color: #fff;
  margin: 0 32px;
}
@media only screen and (max-width: 1150px) {
  .c-asobi1 .c-asobi1__item {
    font-size: 3.5rem;
    margin: 0 16px;
  }
}
@media only screen and (max-width: 580px) {
  .c-asobi1 .c-asobi1__item {
    padding: 0;
    font-size: 2.4rem;
  }
}
.c-asobi1 .c-asobi1__item:nth-child(even) {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
.c-asobi1 .c-asobi1__item.c-asobi1__item1 {
  -webkit-text-stroke: 1px #595857;
}
.c-asobi1 .c-asobi1__item.c-asobi1__item2 {
  -webkit-text-stroke: 1px #e4007f;
}
.c-asobi1 .c-asobi1__item.c-asobi1__item3 {
  -webkit-text-stroke: 1px #9dce86;
}
.c-asobi2 .c-asobi2__item {
  font-size: 8.7rem;
  font-family: "arial", sans-serif;
  font-weight: 700;
  -webkit-text-stroke: 2px #231916;
  color: #fff;
  margin: 0 32px;
}
@media only screen and (max-width: 1150px) {
  .c-asobi2 .c-asobi2__item {
    margin: 0 16px;
    font-size: 6rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-asobi2 .c-asobi2__item {
    font-size: 4.3rem;
  }
}
.c-asobi2 .c-asobi2__item:nth-child(even) {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
.c-asobi2 .c-asobi2__item.c-asobi2__item1 {
  -webkit-text-stroke: 2px #e4007f;
}
.c-asobi2 .c-asobi2__item.c-asobi2__item2 {
  -webkit-text-stroke: 2px #9dce86;
}
.c-asobi2 .c-asobi2__item.c-asobi2__item3 {
  -webkit-text-stroke: 2px #595857;
}
.c-asobi1 {
  overflow: hidden;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.c-asobi1::before,
.c-asobi1::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.c-asobi1__track {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-animation: scroll-right 20s linear infinite;
  animation: scroll-right 20s linear infinite;
}
.c-asobi1__item {
  display: inline-block;
  padding: 0 2rem;
  font-size: 2rem;
  white-space: nowrap;
}
/* Animation */
@-webkit-keyframes scroll-right {
  0% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@keyframes scroll-right {
  0% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
  100% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes scroll-left {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
@keyframes scroll-left {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.c-asobi__row1 {
  padding-top: 30px;
}
@media only screen and (max-width: 580px) {
  .c-asobi__row1 {
    padding-top: 20px;
  }
}
.c-asobi__row1 .l-container {
  max-width: 1026px;
}
.c-asobi__row1 .l-container .c-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 20px;
}
@media only screen and (max-width: 1023px) {
  .c-asobi__row1 .l-container .c-row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
@media only screen and (max-width: 818px) {
  .c-asobi__row1 .l-container .c-row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.c-asobi__row1 .l-container h3 {
  font-weight: 900;
  font-family: "zen-old-mincho", sans-serif;
  line-height: 1;
  font-size: 6rem;
}
@media only screen and (max-width: 1023px) {
  .c-asobi__row1 .l-container h3 {
    font-size: 4rem;
  }
}
@media only screen and (max-width: 818px) {
  .c-asobi__row1 .l-container h3 {
    font-size: 3rem;
  }
}
.c-asobi__row1 .l-container p {
  font-size: 1.4rem;
  line-height: 1.6607142857;
  font-weight: 700;
}
.c-play__asobi {
  position: relative;
  padding-top: 170px;
  padding-bottom: 50px;
}
@media only screen and (max-width: 1023px) {
  .c-play__asobi {
    padding: 120px 0 50px;
  }
}
@media only screen and (max-width: 818px) {
  .c-play__asobi {
    padding-top: 40px;
  }
}
@media only screen and (max-width: 580px) {
  .c-play__asobi {
    padding-top: 23px;
  }
}
.c-play__asobi .c-asobi__motor {
  position: absolute;
  width: 20%;
  bottom: -12.5%;
  max-width: 323px;
  z-index: 15;
  left: 62%;
}
@media only screen and (max-width: 1700px) {
  .c-play__asobi .c-asobi__motor {
    left: 65%;
  }
}
@media only screen and (max-width: 1460px) {
  .c-play__asobi .c-asobi__motor {
    left: 70%;
  }
}
@media only screen and (max-width: 1023px) {
  .c-play__asobi .c-asobi__motor {
    left: unset;
    right: 0;
  }
}
@media only screen and (max-width: 580px) {
  .c-play__asobi .c-asobi__motor {
    right: 5%;
    width: 34%;
    bottom: 30%;
  }
}
.c-play1 {
  position: relative;
  z-index: 3;
  padding-bottom: 21px;
}
.c-play1 .c-breakimg__line {
  position: absolute;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #231916));
  background-image: -webkit-linear-gradient(top, transparent 50%, #231916 50%);
  background-image: linear-gradient(to bottom, transparent 50%, #231916 50%);
  background-size: 100% 15px;
  height: calc(100% + 21px);
  width: 1px;
  z-index: 10;
  left: 0%;
  top: 0;
}
@media only screen and (max-width: 1023px) {
  .c-play1 .c-breakimg__line {
    display: none;
  }
}
.c-play1 .c-breakimg__line .c-padding__circle {
  background-image: url(./../img/bg.png);
  padding: 2px 8px;
  position: absolute;
  left: 50%;
}
.c-play1 .c-breakimg__line .c-padding__circle:nth-of-type(1) {
  bottom: 100%;
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.c-play1 .c-breakimg__line .c-padding__circle:nth-of-type(2) {
  top: 100%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.c-play1 .c-breakimg__line .c-padding__circle span {
  display: inline-block;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border: 1px solid #231916;
  background-color: #e5bc00;
  z-index: 12;
  position: relative;
}
.c-play1 .c-play1__bluebg {
  position: absolute;
  width: 54%;
  height: 90%;
  z-index: -1;
  right: 0;
  bottom: -18.4%;
}
@media only screen and (min-width: 1201px) {
  .c-play1 .c-play1__bluebg {
    width: 52%;
    height: auto;
    bottom: 5%;
  }
}
@media only screen and (max-width: 818px) {
  .c-play1 .c-play1__bluebg {
    display: none;
  }
}
.c-play1 .l-container {
  max-width: 1060px;
  position: relative;
}
.c-play1 .c-play1__row1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 59px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 5.5%;
}
@media only screen and (max-width: 1023px) {
  .c-play1 .c-play1__row1 {
    padding-top: 40px;
    padding-left: 0;
  }
}
@media only screen and (max-width: 818px) {
  .c-play1 .c-play1__row1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.c-play1 .c-play1__row1 .c-play1row1__left {
  width: 45.5%;
}
@media only screen and (max-width: 818px) {
  .c-play1 .c-play1__row1 .c-play1row1__left {
    width: 100%;
  }
}
.c-play1 .c-play1__row1 .c-play1row1__left .c-play1__h2 {
  font-size: 4.6rem;
  font-weight: 900;
  font-family: "zen-old-mincho", sans-serif;
  line-height: 1;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 8.5px 3px 10.5px 10px;
  background-image: url(./../img/bg_green.png);
}
@media only screen and (max-width: 1023px) {
  .c-play1 .c-play1__row1 .c-play1row1__left .c-play1__h2 {
    font-size: 3.5rem;
  }
}
@media only screen and (max-width: 818px) {
  .c-play1 .c-play1__row1 .c-play1row1__left .c-play1__h2 {
    font-size: 2.4rem;
    padding: 8px 10px;
  }
}
.c-play1 .c-play1__row1 .c-play1row1__left .c-play1__desc {
  margin-top: 35px;
  padding-left: 5.5%;
  font-size: 1.6rem;
  font-weight: 700;
  text-align: justify;
  line-height: 1.5;
}
@media only screen and (max-width: 818px) {
  .c-play1 .c-play1__row1 .c-play1row1__left .c-play1__desc {
    padding-left: 0;
    margin-top: 20px;
    padding: 0 1%;
    font-size: 1.5rem;
  }
}
.c-play1 .c-play1__row1 .c-play1row1__right {
  width: 46%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-top: 11px;
}
@media only screen and (max-width: 818px) {
  .c-play1 .c-play1__row1 .c-play1row1__right {
    display: none;
    width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.c-play1 .c-play1__row1 .c-play1row1__right .c-playe1__col1 {
  width: 45%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 7.5px;
}
@media only screen and (max-width: 818px) {
  .c-play1 .c-play1__row1 .c-play1row1__right .c-playe1__col1 {
    width: 100%;
    gap: 0;
  }
}
.c-play1 .c-play1__row1 .c-play1row1__right .c-playe1__col1:nth-child(1) {
  margin-top: 21%;
}
.c-play1row1__slider--sp {
  margin-top: 15px;
  display: none;
}
@media only screen and (max-width: 818px) {
  .c-play1row1__slider--sp {
    display: block;
  }
}
.c-play1row1__slider--sp .c-col1__img {
  width: 250px;
}
.c-play2 {
  padding: 80px 0 40px;
}
@media only screen and (max-width: 818px) {
  .c-play2 {
    padding: 35px 0 40px;
  }
}
.c-play2 .l-container {
  max-width: 894px;
}
.c-play2 .c-play2__title {
  text-align: center;
  font-size: 3.6rem;
  font-weight: 700;
  margin-bottom: 38px;
}
@media only screen and (max-width: 818px) {
  .c-play2 .c-play2__title {
    font-size: 2.7rem;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 580px) {
  .c-play2 .c-play2__title {
    font-size: 2rem;
    margin-bottom: 10px;
  }
}
.c-archive2__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 240px;
  height: 65px;
  border: 3px solid #231916;
  border-radius: 32px;
  font-size: 1.6rem;
  font-weight: 700;
  margin: 72px auto 0;
}
@media only screen and (max-width: 818px) {
  .c-archive2__btn {
    width: 190px;
    height: 54px;
    font-size: 1.5rem;
    padding-top: 2px;
    margin-top: 20px;
  }
}
.c-archive2__btn:hover {
  opacity: 1;
  background-color: #231916;
  color: #fff;
}
.c-play3 {
  padding-top: 42px;
}
@media only screen and (max-width: 580px) {
  .c-play3 {
    padding-top: 12px;
  }
}
.c-play3 .c-play3__title {
  font-size: 3.6rem;
  font-weight: 700;
  text-align: center;
}
@media only screen and (max-width: 580px) {
  .c-play3 .c-play3__title {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 414px) {
  .c-play3 .c-play3__title {
    font-size: 2rem;
  }
}
.c-play3 .c-play3__label {
  font-size: 2.2rem;
  font-weight: 700;
  text-align: center;
  width: 100%;
  max-width: 364px;
  border-radius: 21px;
  border: 1px solid #231916;
  margin-top: 25px;
  padding: 6px 5px 4px;
  margin: 25px auto 36px;
}
@media only screen and (max-width: 580px) {
  .c-play3 .c-play3__label {
    margin-top: 15px;
    font-size: 1.6rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 5px 14px 6px;
  }
}
.c-play3__black {
  background-color: #231916;
  padding: 65px 0;
}
@media only screen and (max-width: 1150px) {
  .c-play3__black {
    padding: 35px;
  }
}
@media only screen and (max-width: 818px) {
  .c-play3__black {
    padding: 24px;
  }
}
.c-play3__black .l-container {
  overflow: hidden;
  max-width: 1100px;
  background-color: #fff;
  border-radius: 8px;
  background: #fcfad4;
  background: -webkit-linear-gradient(261deg, #fcfad4 0%, #dde9a8 100%);
  background: linear-gradient(189deg, #fcfad4 0%, #dde9a8 100%);
  padding: 85px 4.7%;
}
@media only screen and (max-width: 818px) {
  .c-play3__black .l-container {
    border-radius: 14px;
    padding: 20px;
  }
}
.c-play3black__title {
  text-align: center;
  font-size: 4.6rem;
  font-weight: 900;
  font-family: "zen-old-mincho", sans-serif;
  color: #fff;
  margin-top: 60px;
}
@media only screen and (max-width: 1023px) {
  .c-play3black__title {
    font-size: 3.4rem;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 818px) {
  .c-play3black__title {
    font-size: 2.5rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-play3black__title {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 376px) {
  .c-play3black__title {
    font-size: 1.8rem;
  }
}
.c-ai__list li + li {
  margin-top: 90px;
}
.c-ai__list li h4 {
  font-size: 3rem;
  font-weight: 900;
  font-family: "zen-old-mincho", sans-serif;
  padding-left: 7%;
  position: relative;
}
@media only screen and (max-width: 818px) {
  .c-ai__list li h4 {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-ai__list li h4 {
    font-size: 1.8rem;
  }
}
.c-ai__list li h4::before {
  content: "";
  position: absolute;
  background-color: #231916;
  width: 100%;
  height: 1px;
  right: 96%;
  top: 48%;
}
.c-ai__list li .c-ai__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 13px;
  gap: 28px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.c-ai__list li .c-ai__row .c-ai__box {
  border: 3px solid #231916;
  background-color: #fff;
  border-radius: 24px;
  width: 50%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 23px 3%;
}
@media only screen and (max-width: 580px) {
  .c-ai__list li .c-ai__row .c-ai__box {
    width: 100%;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
    padding: 12px 15px;
  }
}
.c-ai__list li .c-ai__row .c-ai__box p {
  font-size: 1.6rem;
  line-height: 1.25;
  font-weight: 700;
}
@media only screen and (max-width: 818px) {
  .c-ai__list li .c-ai__row .c-ai__box p {
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-ai__list li .c-ai__row .c-ai__box p {
    font-size: 1.3rem;
  }
}
.c-ai__list li .c-ai__row .c-ai__img {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 7%;
}
.c-ai__list li .c-ai__row .c-ai__img h5 {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
  margin-top: 9px;
  letter-spacing: 1px;
}
.c-play__video {
  padding: 150px 0 0;
}
@media only screen and (max-width: 1023px) {
  .c-play__video {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 818px) {
  .c-play__video {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 580px) {
  .c-play__video {
    padding-top: 45px;
  }
}
.c-play__video .l-container {
  max-width: 1140px;
}
.c-play__video .l-container .c-playvideo__title {
  font-size: 3.6rem;
  font-weight: 700;
  text-align: center;
}
@media only screen and (max-width: 818px) {
  .c-play__video .l-container .c-playvideo__title {
    font-size: 2.4rem;
  }
}
.c-play__video .l-container .c-playvideo__video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #231916;
  color: #fff;
  font-size: 4rem;
  font-family: "zen-old-mincho", sans-serif;
  margin-top: 41px;
  aspect-ratio: 1100/531;
}
@media only screen and (max-width: 580px) {
  .c-play__video .l-container .c-playvideo__video {
    margin-top: 22px;
  }
}
.p-recruit {
  padding-bottom: 90px;
}
@media only screen and (max-width: 818px) {
  .p-recruit {
    padding-bottom: 45px;
  }
}
#information {
  scroll-margin-top: 100px;
}
@media only screen and (max-width: 818px) {
  #information {
    scroll-margin-top: 85px;
  }
}
.c-recruit1 {
  padding: 72px 0;
}
@media only screen and (max-width: 818px) {
  .c-recruit1 {
    padding: 45px 0;
  }
}
@media only screen and (max-width: 580px) {
  .c-recruit1 {
    padding-top: 25px;
  }
}
.c-recruit1 .l-container {
  max-width: 1140px;
}
.c-recruit1 .c-recruit__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 592px;
  margin: 0 auto;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.c-recruit1 .c-recruit__links a {
  width: 42.5%;
  border: 1px solid #e61773;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 12px 2% 8px;
}
@media only screen and (max-width: 580px) {
  .c-recruit1 .c-recruit__links a {
    width: 48.5%;
    padding: 10px 2% 6px;
  }
}
.c-recruit1 .c-recruit__links a:hover {
  background-color: #e61773;
}
.c-recruit1 .c-recruit__links a:hover h5 {
  color: #fff;
}
.c-recruit1 .c-recruit__links a:hover span {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
}
.c-recruit1 .c-recruit__links a h5 {
  font-size: 2.2rem;
  font-weight: 900;
  text-align: center;
  color: #e61773;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
@media only screen and (max-width: 818px) {
  .c-recruit1 .c-recruit__links a h5 {
    font-size: 1.8rem;
  }
}
.c-recruit1 .c-recruit__links a span {
  width: 17px;
  margin-top: 6px;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
.c-recruit1 .c-message__img {
  padding-top: 89px;
  position: relative;
}
@media only screen and (max-width: 818px) {
  .c-recruit1 .c-message__img {
    padding-top: 56px;
  }
}
@media only screen and (max-width: 580px) {
  .c-recruit1 .c-message__img {
    padding-top: 25px;
  }
}
.c-recruit1 .c-message__img .c-message {
  position: absolute;
  width: 99%;
  bottom: 1%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  mix-blend-mode: screen;
}
.c-recruit1 .c-message__pink {
  margin-top: 101px;
  padding: 0 6.4%;
}
@media only screen and (max-width: 1023px) {
  .c-recruit1 .c-message__pink {
    margin-top: 75px;
    padding: 0 2%;
  }
}
@media only screen and (max-width: 818px) {
  .c-recruit1 .c-message__pink {
    margin-top: 45px;
  }
}
@media only screen and (max-width: 580px) {
  .c-recruit1 .c-message__pink {
    margin-top: 25px;
    padding: 0;
  }
}
.c-recruit1 .c-message__pink h5 {
  font-size: 4rem;
  font-weight: 900;
  font-family: "zen-old-mincho", sans-serif;
  line-height: 1.3493702771;
  color: #fff;
  background-color: #e61773;
  padding: 2px 1% 4px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media only screen and (max-width: 1023px) {
  .c-recruit1 .c-message__pink h5 {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 818px) {
  .c-recruit1 .c-message__pink h5 {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-recruit1 .c-message__pink h5 {
    font-size: 2rem;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 414px) {
  .c-recruit1 .c-message__pink h5 {
    font-size: 1.8rem;
  }
}
.c-recruit1 .c-message__pink h5 + h5 {
  margin-top: 28px;
}
@media only screen and (max-width: 580px) {
  .c-recruit1 .c-message__pink h5 + h5 {
    margin-top: 15px;
  }
}
.c-recruit1 .c-message__desc1 {
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.775;
  text-align: justify;
  margin-top: 37px;
  padding: 0 10.3%;
}
@media only screen and (max-width: 818px) {
  .c-recruit1 .c-message__desc1 {
    padding: 0 8%;
    font-size: 1.7rem;
    margin-top: 20px;
  }
}
@media only screen and (max-width: 580px) {
  .c-recruit1 .c-message__desc1 {
    padding: 0 4%;
    font-size: 1.5rem;
  }
}
@media only screen and (max-width: 414px) {
  .c-recruit1 .c-message__desc1 {
    padding: 0 2%;
    font-size: 1.4rem;
  }
}
.c-recruit1 .c-message__img2 {
  margin-top: 59px;
  padding: 0 10.1%;
  margin-bottom: 200px;
}
@media only screen and (max-width: 818px) {
  .c-recruit1 .c-message__img2 {
    padding: 0;
    margin-top: 25px;
    margin-bottom: 120px;
  }
}
@media only screen and (max-width: 580px) {
  .c-recruit1 .c-message__img2 {
    margin-bottom: 90px;
  }
}
.c-message__row2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-message__row2 .c-messagerow2__left {
  width: 50%;
}
.c-message__row2 .c-messagerow2__right {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-information {
  padding: 97px 0;
}
@media only screen and (max-width: 1023px) {
  .c-information {
    padding: 60px 0;
  }
}
@media only screen and (max-width: 818px) {
  .c-information {
    padding: 40px 0;
  }
}
@media only screen and (max-width: 580px) {
  .c-information {
    padding: 30px 0;
  }
}
@media only screen and (max-width: 414px) {
  .c-information {
    padding-top: 20px;
  }
}
.c-information .l-container {
  max-width: 860px;
}
.c-information .c-infor__h2 {
  font-weight: 900;
  font-size: 4.6rem;
  text-align: center;
  font-family: "zen-old-mincho", sans-serif;
  letter-spacing: 2px;
}
@media only screen and (max-width: 1023px) {
  .c-information .c-infor__h2 {
    font-size: 3.5rem;
  }
}
@media only screen and (max-width: 818px) {
  .c-information .c-infor__h2 {
    font-size: 3rem;
    letter-spacing: 0;
  }
}
.c-information .c-infor__h3 {
  font-weight: 700;
  font-size: 1.4rem;
  text-shadow: 0 0 1px #231916;
  text-align: center;
  letter-spacing: 3.5px;
  margin-top: 9px;
}
@media only screen and (max-width: 818px) {
  .c-information .c-infor__h3 {
    margin-top: 0;
    letter-spacing: 1px;
    font-size: 1.3rem;
  }
}
.c-infor__list {
  margin-top: 49px;
}
@media only screen and (max-width: 580px) {
  .c-infor__list {
    margin-top: 25px;
  }
}
.c-infor__list .c-infor__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #231916;
  padding: 11px 8%;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}
@media only screen and (max-width: 580px) {
  .c-infor__list .c-infor__item {
    padding: 8px 1%;
  }
}
.c-infor__list .c-infor__item:last-child {
  border-bottom: 1px solid #231916;
}
.c-infor__list .c-infor__item h5 {
  font-weight: 700;
  font-size: 1.6rem;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 136px;
}
@media only screen and (max-width: 580px) {
  .c-infor__list .c-infor__item h5 {
    width: 104px;
    font-size: 1.3rem;
  }
}
.c-infor__list .c-infor__item div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-weight: 700;
  font-size: 1.6rem;
  line-height: 2.21875;
  padding-left: 13%;
}
@media only screen and (max-width: 580px) {
  .c-infor__list .c-infor__item div {
    padding-left: 4%;
    font-size: 1.35rem;
  }
}
@media only screen and (max-width: 376px) {
  .c-infor__list .c-infor__item div {
    font-size: 1.3rem;
    text-align: justify;
  }
}
.c-infor__list .c-infor__item div .c-br--sp {
  display: none;
}
@media only screen and (max-width: 818px) {
  .c-infor__list .c-infor__item div .c-br--sp {
    display: inline-block;
  }
}
.c-entry__recruit {
  max-width: 300px;
  background-color: #e61773;
  height: 76px;
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  margin-top: 85px;
  -webkit-clip-path: polygon(18px 0%, 100% 0%, 100% 100%, 0% 100%, 0% 17px);
  clip-path: polygon(18px 0%, 100% 0%, 100% 100%, 0% 100%, 0% 17px);
}
@media only screen and (max-width: 818px) {
  .c-entry__recruit {
    max-width: 240px;
    height: 53px;
  }
}
@media only screen and (max-width: 580px) {
  .c-entry__recruit {
    margin: 0 auto;
    margin-top: 45px;
  }
}
.c-entry__recruit:hover {
  -webkit-clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0);
  clip-path: polygon(0 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0);
}
.c-entry__recruit:hover .c-icon {
  right: 2%;
}
.c-entry__recruit .c-txt {
  font-size: 3.65rem;
  font-weight: 900;
  color: #fff;
  font-family: "arial", sans-serif;
  text-shadow: 0 0 1px #fff;
  letter-spacing: 5px;
}
@media only screen and (max-width: 818px) {
  .c-entry__recruit .c-txt {
    font-size: 2.2rem;
    letter-spacing: 2px;
  }
}
.c-entry__recruit .c-icon {
  position: absolute;
  width: 21px;
  right: 7%;
  top: 50%;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.steps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (max-width: 580px) {
  .steps {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.steps .step {
  color: #fff;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding: 8px 9px 26px;
  width: 33.3333333333%;
}
@media only screen and (max-width: 580px) {
  .steps .step {
    width: 100%;
    padding: 12px 5% 20px;
  }
}
.steps .step:nth-child(1) {
  background-image: url(./../img/recruit/step1.png);
  background-repeat: no-repeat;
}
@media only screen and (max-width: 580px) {
  .steps .step:nth-child(1) {
    background-image: url(./../img/recruit/step1_sp.png);
    background-size: 100% 100%;
  }
}
.steps .step:nth-child(2) {
  background-image: url(./../img/recruit/step2.png);
  position: absolute;
  width: 44%;
  left: 28%;
  height: 100%;
  padding-left: 23px;
}
@media only screen and (max-width: 580px) {
  .steps .step:nth-child(2) {
    background-image: url(./../img/recruit/step2_sp.png);
    position: unset;
    width: 100%;
    padding-left: 5%;
    background-size: 100% 100%;
  }
}
.steps .step:nth-child(2) p {
  padding: 0 19%;
}
.steps .step:nth-child(3) {
  background-image: url(./../img/recruit/step3.png);
  padding-left: 20px;
}
@media only screen and (max-width: 580px) {
  .steps .step:nth-child(3) {
    background-image: url(./../img/recruit/step3_sp.png);
    background-size: 100% 100%;
    padding-left: 5%;
  }
}
.steps .step:nth-child(3) p {
  text-align: right;
  padding-right: 3%;
}
@media only screen and (max-width: 818px) {
  .steps .step:nth-child(3) p {
    text-align: center;
  }
}
.steps .step .label {
  font-size: 1.2rem;
  font-weight: 900;
  font-family: "arial", sans-serif;
  text-align: left;
}
@media only screen and (max-width: 580px) {
  .steps .step .label {
    font-size: 1.5rem;
  }
}
.steps .step h3 {
  font-size: 2.6rem;
  text-align: center;
  font-weight: 700;
  margin-top: 0;
  line-height: 1;
}
@media only screen and (max-width: 818px) {
  .steps .step h3 {
    font-size: 2rem;
    margin-top: 8px;
  }
}
.steps .step p {
  font-size: 1.4rem;
  line-height: 1.25;
  font-weight: 500;
  text-align: center;
  margin-top: 22px;
  padding: 0 7%;
}
@media only screen and (max-width: 818px) {
  .steps .step p {
    text-align: center;
    margin: 12px;
    font-size: 1.5rem;
  }
}
.c-information__bottom {
  padding-top: 110px;
}
.c-information__bottom .c-infor__bottomtitle {
  font-size: 2.6rem;
  font-weight: 700;
  margin-bottom: 39px;
}
@media only screen and (max-width: 580px) {
  .c-information__bottom .c-infor__bottomtitle {
    font-size: 2rem;
    margin-bottom: 20px;
  }
}
.c-bottom__note {
  font-weight: 700;
  font-size: 1.4rem;
  margin-top: 22px;
}
.p-work {
  padding-bottom: 100px;
}
.p-work .c-work__introduce {
  min-height: 522px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  padding-bottom: 35px;
  background-image: url(./../img/work/work_bg.jpg);
  background-size: cover;
  background-position: center left;
}
@media only screen and (max-width: 1150px) {
  .p-work .c-work__introduce {
    min-height: 420px;
  }
}
@media only screen and (max-width: 818px) {
  .p-work .c-work__introduce {
    min-height: 300px;
  }
}
.p-work .c-work__introduce .l-container {
  width: 100%;
  max-width: 1030px;
}
.p-work .c-work__introduce .c-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 50px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 818px) {
  .p-work .c-work__introduce .c-row {
    gap: 5px;
  }
}
.p-work .c-work__introduce .c-row h4 {
  font-size: 6rem;
  font-weight: 900;
  font-family: "zen-old-mincho", sans-serif;
  color: #fff;
}
@media only screen and (max-width: 1150px) {
  .p-work .c-work__introduce .c-row h4 {
    font-size: 4.5rem;
  }
}
@media only screen and (max-width: 1023px) {
  .p-work .c-work__introduce .c-row h4 {
    font-size: 3.5rem;
    text-shadow: 0 0 3px #231916;
  }
}
@media only screen and (max-width: 580px) {
  .p-work .c-work__introduce .c-row h4 {
    font-size: 3rem;
  }
}
.p-work .c-work__introduce .c-row p {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6607142857;
  text-align: justify;
  padding-top: 10px;
  color: #fff;
  text-shadow: 0 0 3px #231916;
}
@media only screen and (max-width: 376px) {
  .p-work .c-work__introduce .c-row p {
    font-size: 1.3rem;
  }
}
.c-work__runcontainer1 {
  padding-top: 27px;
  padding-bottom: 26px;
}
.c-workrun .c-workrun__item {
  font-size: 4.6rem;
  font-family: "arial", sans-serif;
  font-weight: 700;
  -webkit-text-stroke: 1px #231916;
  color: #fff;
  margin: 0;
  line-height: 1;
}
.c-workrun .c-workrun__item:nth-child(even) {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
.c-workrun .c-workrun__item.c-workrun__item1 {
  -webkit-text-stroke: 2px #595857;
}
.c-workrun .c-workrun__item.c-workrun__item2 {
  -webkit-text-stroke: 2px #e4007f;
}
.c-workrun .c-workrun__item.c-workrun__item3 {
  -webkit-text-stroke: 2px #9dce86;
}
.c-workrun22 .c-workrun__item22 {
  font-size: 6rem;
  font-family: "vdl-gigamarujr", sans-serif;
  font-weight: 500;
  color: #fff;
  margin: 0;
  line-height: 1;
}
@media only screen and (max-width: 818px) {
  .c-workrun22 .c-workrun__item22 {
    font-size: 4rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-workrun22 .c-workrun__item22 {
    font-size: 3rem;
  }
}
.c-workrun22 .c-workrun__item22.c-workrun__item1 {
  color: #2d6547;
}
.c-workrun22 .c-workrun__item22.c-workrun__item2 {
  color: #46196f;
}
.c-workrun22 .c-workrun__item22.c-workrun__item3 {
  color: #c5c3b3;
}
.c-workrun22 .c-workrun__item22.c-workrun__item4 {
  color: #e1d44b;
}
.c-workrun22 .c-workrun__item22.c-workrun__item5 {
  color: #cf5f36;
}
.c-workrun2 {
  margin-bottom: 4px;
}
.c-workrun2 .c-workrun2__item {
  font-size: 2.9rem;
  font-family: "arial", sans-serif;
  font-weight: 700;
  -webkit-text-stroke: 1px #231916;
  color: #fff;
  margin: 0 16px;
  line-height: 1;
}
.c-workrun2 .c-workrun2__item:nth-child(even) {
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
.c-workrun2 .c-workrun2__item.c-workrun2__item1 {
  -webkit-text-stroke: 1px #e4007f;
}
.c-workrun2 .c-workrun2__item.c-workrun2__item2 {
  -webkit-text-stroke: 1px #9dce86;
}
.c-workrun2 .c-workrun2__item.c-workrun2__item3 {
  -webkit-text-stroke: 1px #595857;
}
.c-workrun {
  overflow: hidden;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}
.c-workrun::before,
.c-workrun::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.c-workrun__track {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-animation: scroll-right 20s linear infinite;
  animation: scroll-right 20s linear infinite;
}
.c-workrun__item {
  display: inline-block;
  padding: 0 1rem;
  white-space: nowrap;
}
.c-workrun22 {
  overflow: hidden;
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 20px 0;
}
.c-workrun22::before,
.c-workrun22::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.c-workrun__track22 {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-animation: scroll-left 20s linear infinite;
  animation: scroll-left 20s linear infinite;
  margin: 78px 0;
}
@media only screen and (max-width: 1023px) {
  .c-workrun__track22 {
    margin: 40px 0;
  }
}
@media only screen and (max-width: 818px) {
  .c-workrun__track22 {
    margin: 30px 0;
  }
}
@media only screen and (max-width: 580px) {
  .c-workrun__track22 {
    margin: 18px 0;
  }
}
.c-workrun__item22 {
  display: inline-block;
  padding: 0 1rem;
  white-space: nowrap;
}
.c-work__pinkarea {
  background: #b84795;
  background: -webkit-gradient(linear, left top, left bottom, from(#b84795), to(#9764a7));
  background: -webkit-linear-gradient(top, #b84795 0%, #9764a7 100%);
  background: linear-gradient(180deg, #b84795 0%, #9764a7 100%);
  padding-bottom: 32px;
  position: relative;
}
@media only screen and (max-width: 580px) {
  .c-work__pinkarea {
    padding-bottom: 15px;
  }
}
.c-work__pinkarea .c-work__linedoc1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
}
.c-work__pinkarea .c-work__linedoc1 .c-circle {
  border: 1px solid #231916;
  border-radius: 50%;
  background-color: #e5bc00;
  width: 12px;
  height: 12px;
}
.c-work__pinkarea .c-work__linedoc1 .c-circle__line {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #fff));
  background-image: -webkit-linear-gradient(top, transparent 50%, #fff 50%);
  background-image: linear-gradient(to bottom, transparent 50%, #fff 50%);
  background-size: 100% 7px;
  height: 71px;
  width: 1px;
}
@media only screen and (max-width: 580px) {
  .c-work__pinkarea .c-work__linedoc1 .c-circle__line {
    height: 40px;
  }
}
.c-work__pinkarea .c-work__linedoc2 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #fff));
  background-image: -webkit-linear-gradient(top, transparent 50%, #fff 50%);
  background-image: linear-gradient(to bottom, transparent 50%, #fff 50%);
  background-size: 100% 7px;
  height: 147px;
  width: 1px;
  margin: 0 auto;
}
@media only screen and (max-width: 818px) {
  .c-work__pinkarea .c-work__linedoc2 {
    height: 90px;
  }
}
@media only screen and (max-width: 580px) {
  .c-work__pinkarea .c-work__linedoc2 {
    height: 50px;
  }
}
.c-work__pinkarea .c-work__linedoc3 {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #fff));
  background-image: -webkit-linear-gradient(top, transparent 50%, #fff 50%);
  background-image: linear-gradient(to bottom, transparent 50%, #fff 50%);
  background-size: 100% 7px;
  height: 197px;
  width: 1px;
  margin: 24px auto 0;
}
@media only screen and (max-width: 818px) {
  .c-work__pinkarea .c-work__linedoc3 {
    margin-top: 14px;
    height: 120px;
  }
}
@media only screen and (max-width: 580px) {
  .c-work__pinkarea .c-work__linedoc3 {
    height: 65px;
  }
}
.c-work__pinkarea .c-workpink__h2 {
  font-size: 5rem;
  font-weight: 900;
  line-height: 1.0892;
  color: #f7ef5b;
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 818px) {
  .c-work__pinkarea .c-workpink__h2 {
    margin-top: 12px;
    margin-bottom: 15px;
    font-size: 3rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-work__pinkarea .c-workpink__h2 {
    font-size: 2.4rem;
    line-height: 1.5;
    margin-top: 7px;
    margin-bottom: 9px;
  }
}
.c-workpink__slide {
  max-width: 742px;
  margin: 15px auto;
  width: 100%;
}
.c-workpink__slide .c-video__border {
  border: 2px solid #231916;
  border-radius: 75px;
  overflow: hidden;
  width: 71.5%;
  margin: 0 auto;
  background-color: #fff;
  padding-top: 80px;
  -webkit-box-shadow: 5px 5px 6px rgba(35, 25, 22, 0.75);
  box-shadow: 5px 5px 6px rgba(35, 25, 22, 0.75);
}
@media only screen and (max-width: 580px) {
  .c-workpink__slide .c-video__border {
    padding-top: 30px;
    border-radius: 45px;
  }
}
.c-workpink__slide .c-video__item {
  position: relative;
}
.c-workpink__slide .c-video__item .c-videoitem__box1 {
  position: absolute;
  width: 37.4%;
  left: 4.1%;
  top: 7%;
  z-index: 5;
}
.c-workpink__slide .c-video__item .c-videoitem__box2 {
  position: absolute;
  width: 37.5%;
  right: 0%;
  z-index: 5;
  top: 45%;
}
@media only screen and (max-width: 580px) {
  .c-workpink__slide .c-video__item .c-videoitem__box2 {
    right: 0%;
    top: 40%;
  }
}
.c-workpink__slide .c-video__item .c-videoitem__img {
  position: relative;
}
.c-workpink__slide .c-video__item .c-videoitem__zero {
  padding: 22px 9%;
}
@media only screen and (max-width: 580px) {
  .c-workpink__slide .c-video__item .c-videoitem__zero {
    padding: 12px 9%;
  }
}
.c-pink__4imgs {
  padding-bottom: 18px;
}
.c-pink__4imgs .c-pink__img {
  width: 318px;
  aspect-ratio: 318/283;
}
@media only screen and (max-width: 580px) {
  .c-pink__4imgs .c-pink__img {
    width: 215px;
  }
}
@media only screen and (max-width: 414px) {
  .c-pink__4imgs .c-pink__img {
    width: 200px;
  }
}
.c-pink__4imgs .c-pink__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 318/283;
}
.c-marquee46 {
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  top: 50%;
}
@media only screen and (max-width: 818px) {
  .c-marquee46 {
    top: 43%;
  }
}
.c-marquee__track46 {
  display: inline-block;
  white-space: nowrap;
  -webkit-animation: marquee46 25s linear infinite;
  animation: marquee46 25s linear infinite;
}
.c-marquee__track46 img {
  display: inline-block;
  width: 70%;
}
@media only screen and (max-width: 580px) {
  .c-marquee__track46 img {
    width: 100%;
  }
}
@-webkit-keyframes marquee46 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    /* điều chỉnh tùy theo số ảnh */
  }
}
@keyframes marquee46 {
  0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    /* điều chỉnh tùy theo số ảnh */
  }
}
.c-works__slidercontainer {
  position: relative;
  margin-top: 85px;
}
@media only screen and (max-width: 580px) {
  .c-works__slidercontainer {
    margin-top: 60px;
  }
}
.c-works__slidercontainer .c-breakimg__line {
  position: absolute;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #231916));
  background-image: -webkit-linear-gradient(top, transparent 50%, #231916 50%);
  background-image: linear-gradient(to bottom, transparent 50%, #231916 50%);
  background-size: 100% 15px;
  height: 90px;
  width: 1px;
  z-index: 10;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: 100%;
}
@media only screen and (max-width: 580px) {
  .c-works__slidercontainer .c-breakimg__line {
    height: 70px;
  }
}
.c-works__slidercontainer .c-breakimg__line .c-padding__circle {
  background-image: url(./../img/bg.png);
  padding: 2px 8px;
  position: absolute;
  left: 50%;
}
.c-works__slidercontainer .c-breakimg__line .c-padding__circle:nth-of-type(1) {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 100%;
}
.c-works__slidercontainer .c-breakimg__line .c-padding__circle:nth-of-type(2) {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.c-works__slidercontainer .c-breakimg__line .c-padding__circle span {
  display: inline-block;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  border: 1px solid #231916;
  background-color: #e5bc00;
  z-index: 12;
  position: relative;
}
.c-works__slidercontainer .c-work__slider {
  padding-top: 30px;
  padding-bottom: 41px;
  margin-top: 30px;
}
@media only screen and (max-width: 580px) {
  .c-works__slidercontainer .c-work__slider {
    padding-top: 18px;
    padding-bottom: 20px;
  }
}
.c-works__slidercontainer .c-work__slider .c-works__slider1 {
  max-width: 1100px;
  width: 100%;
  margin: 0 30px;
  position: relative;
  padding: 141.5px 62px;
  border-radius: 14px;
  min-height: 711px;
}
@media only screen and (max-width: 1023px) {
  .c-works__slidercontainer .c-work__slider .c-works__slider1 {
    min-height: auto;
    padding: 50px;
  }
}
@media only screen and (max-width: 818px) {
  .c-works__slidercontainer .c-work__slider .c-works__slider1 {
    padding: 35px;
    margin: 0 15px;
  }
}
@media only screen and (max-width: 580px) {
  .c-works__slidercontainer .c-work__slider .c-works__slider1 {
    margin: 0 8px;
    padding: 24px;
  }
}
.c-works__slidercontainer .c-work__slider .c-works__slider1 .c-works__number {
  font-size: 5.2rem;
  font-weight: 900;
  font-family: "arial", sans-serif;
  -webkit-text-stroke: 1px #595857;
  /* viền đen */
  color: #fff;
  position: absolute;
  -webkit-writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  writing-mode: vertical-lr;
  left: 0.4%;
  line-height: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 1023px) {
  .c-works__slidercontainer .c-work__slider .c-works__slider1 .c-works__number {
    font-size: 4rem;
    position: unset;
    -webkit-writing-mode: unset;
    -ms-writing-mode: unset;
    writing-mode: unset;
    -webkit-transform: unset;
    transform: unset;
  }
}
@media only screen and (max-width: 818px) {
  .c-works__slidercontainer .c-work__slider .c-works__slider1 .c-works__number {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-works__slidercontainer .c-work__slider .c-works__slider1 .c-works__number {
    font-size: 2.6rem;
    display: block;
    margin-bottom: 5px;
  }
}
.c-works__slidercontainer .c-work__slider .c-works__slider1.c-works__slider11 {
  background-color: #81cbce;
}
.c-works__slidercontainer .c-work__slider .c-works__slider1.c-works__slider12 {
  background-color: #bbdb98;
}
.c-works__slidercontainer .c-work__slider .c-works__slider1.c-works__slider13 {
  background-color: #f0ca85;
}
.c-works__slidercontainer .c-work__slider .c-works__slider1.c-works__slider14 {
  background-color: #e6d2e6;
}
.c-works__slidercontainer .c-work__slider .c-works__slider1 .c-workslider__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .c-works__slidercontainer .c-work__slider .c-works__slider1 .c-workslider__row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}
@media only screen and (max-width: 818px) {
  .c-works__slidercontainer .c-work__slider .c-works__slider1 .c-workslider__row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.c-works__slidercontainer .c-work__slider .c-works__slider1 .c-workslider__row .c-slider1__left {
  width: 48.1%;
}
@media only screen and (max-width: 1023px) {
  .c-works__slidercontainer .c-work__slider .c-works__slider1 .c-workslider__row .c-slider1__left {
    padding-top: 10px;
  }
}
@media only screen and (max-width: 580px) {
  .c-works__slidercontainer .c-work__slider .c-works__slider1 .c-workslider__row .c-slider1__left {
    width: 100%;
  }
}
.c-works__slidercontainer .c-work__slider .c-works__slider1 .c-workslider__row .c-slider1__right {
  width: 47.6%;
}
@media only screen and (max-width: 818px) {
  .c-works__slidercontainer .c-work__slider .c-works__slider1 .c-workslider__row .c-slider1__right {
    width: 100%;
    margin-top: 5px;
  }
}
.c-works__slidercontainer .c-work__slider .c-works__slider1 .c-workslider__row .c-slider1__right h4 {
  font-size: 4.6rem;
  font-weight: 700;
}
@media only screen and (max-width: 1150px) {
  .c-works__slidercontainer .c-work__slider .c-works__slider1 .c-workslider__row .c-slider1__right h4 {
    font-size: 3.5rem;
  }
}
@media only screen and (max-width: 1023px) {
  .c-works__slidercontainer .c-work__slider .c-works__slider1 .c-workslider__row .c-slider1__right h4 {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 818px) {
  .c-works__slidercontainer .c-work__slider .c-works__slider1 .c-workslider__row .c-slider1__right h4 {
    font-size: 2.2rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-works__slidercontainer .c-work__slider .c-works__slider1 .c-workslider__row .c-slider1__right h4 {
    font-size: 1.8rem;
    text-align: center;
  }
}
.c-works__slidercontainer .c-work__slider .c-works__slider1 .c-workslider__row .c-slider1__right p {
  font-weight: 700;
  font-size: 1.6rem;
  margin-top: 38px;
  line-height: 1.828125;
}
@media only screen and (max-width: 1150px) {
  .c-works__slidercontainer .c-work__slider .c-works__slider1 .c-workslider__row .c-slider1__right p {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 818px) {
  .c-works__slidercontainer .c-work__slider .c-works__slider1 .c-workslider__row .c-slider1__right p {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 580px) {
  .c-works__slidercontainer .c-work__slider .c-works__slider1 .c-workslider__row .c-slider1__right p {
    margin-top: 4px;
    text-align: justify;
    font-size: 1.45rem;
  }
}
@media only screen and (max-width: 414px) {
  .c-works__slidercontainer .c-work__slider .c-works__slider1 .c-workslider__row .c-slider1__right p {
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 1px;
  }
}
.c-works__linerun2 {
  position: relative;
  padding-bottom: 16px;
}
@media only screen and (max-width: 580px) {
  .c-works__linerun2 {
    padding-bottom: 5px;
  }
}
.c-work__aicontainer {
  padding: 150px 0;
}
@media only screen and (max-width: 1150px) {
  .c-work__aicontainer {
    padding: 100px 0;
  }
}
@media only screen and (max-width: 818px) {
  .c-work__aicontainer {
    padding: 70px 0;
  }
}
@media only screen and (max-width: 580px) {
  .c-work__aicontainer {
    padding: 45px 0;
  }
}
.c-work__aicontainer .l-container {
  max-width: 1040px;
}
.c-work__aicontainer .c-workai__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 818px) {
  .c-work__aicontainer .c-workai__row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.c-work__aicontainer .c-workai__row .c-workai__left {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  max-width: 302px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 1150px) {
  .c-work__aicontainer .c-workai__row .c-workai__left {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    max-width: 270px;
  }
}
@media only screen and (max-width: 1023px) {
  .c-work__aicontainer .c-workai__row .c-workai__left {
    max-width: 180px;
  }
}
@media only screen and (max-width: 818px) {
  .c-work__aicontainer .c-workai__row .c-workai__left {
    margin-bottom: 20px;
    margin: 0 auto 10px;
  }
}
.c-work__aicontainer .c-workai__row .c-workai__left h4 {
  font-size: 6rem;
  font-weight: 700;
  line-height: 1.341;
  -webkit-writing-mode: tb;
  -ms-writing-mode: tb;
  writing-mode: tb;
}
@media only screen and (max-width: 1150px) {
  .c-work__aicontainer .c-workai__row .c-workai__left h4 {
    font-size: 4.5rem;
  }
}
@media only screen and (max-width: 1023px) {
  .c-work__aicontainer .c-workai__row .c-workai__left h4 {
    font-size: 3.5rem;
  }
}
@media only screen and (max-width: 818px) {
  .c-work__aicontainer .c-workai__row .c-workai__left h4 {
    -webkit-writing-mode: unset;
    -ms-writing-mode: unset;
    writing-mode: unset;
    text-align: center;
    font-size: 2.8rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-work__aicontainer .c-workai__row .c-workai__left h4 {
    font-size: 2.6rem;
  }
}
.c-work__aicontainer .c-workai__row .c-workai__left .c-workai__line {
  margin-top: 49px;
  width: 1px;
  height: 42px;
  background-color: #231916;
}
@media only screen and (max-width: 1023px) {
  .c-work__aicontainer .c-workai__row .c-workai__left .c-workai__line {
    height: 30px;
    margin-top: 25px;
  }
}
@media only screen and (max-width: 580px) {
  .c-work__aicontainer .c-workai__row .c-workai__left .c-workai__line {
    height: 20px;
    margin-top: 5px;
  }
}
.c-work__aicontainer .c-workai__row .c-workai__left .c-workai__txt {
  margin-top: 21px;
  font-size: 2rem;
  font-weight: 700;
}
@media only screen and (max-width: 580px) {
  .c-work__aicontainer .c-workai__row .c-workai__left .c-workai__txt {
    font-size: 1.7rem;
    margin-top: 10px;
  }
}
.c-work__aicontainer .c-workai__row .c-workai__right {
  width: calc(100% - 302px);
  padding-left: 6.8%;
  position: relative;
}
@media only screen and (max-width: 1150px) {
  .c-work__aicontainer .c-workai__row .c-workai__right {
    width: calc(100% - 270px);
  }
}
@media only screen and (max-width: 1023px) {
  .c-work__aicontainer .c-workai__row .c-workai__right {
    width: calc(100% - 180px);
  }
}
@media only screen and (max-width: 818px) {
  .c-work__aicontainer .c-workai__row .c-workai__right {
    width: 100%;
    padding-left: 0;
  }
}
.c-work__aicontainer .c-workai__row .c-workai__right .c-workai__linedot {
  position: absolute;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #231916));
  background-image: -webkit-linear-gradient(top, transparent 50%, #231916 50%);
  background-image: linear-gradient(to bottom, transparent 50%, #231916 50%);
  background-size: 100% 15px;
  height: calc(100% - 50px);
  width: 1px;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 818px) {
  .c-work__aicontainer .c-workai__row .c-workai__right .c-workai__linedot {
    display: none;
  }
}
.c-work__aicontainer .c-workai__row .c-workai__right .c-workai__sliders .c-workai__slider {
  border: 3px solid #231916;
  border-radius: 33px;
  position: relative;
}
.c-work__aicontainer .c-workai__row .c-workai__right .c-workai__sliders .c-workai__slider.slick-active .c-workai__slidetxt {
  opacity: 1;
  -webkit-transform: translateY(0) scaleY(1);
  transform: translateY(0) scaleY(1);
}
.c-work__aicontainer .c-workai__row .c-workai__right .c-workai__sliders .c-workai__slider .c-workai__slideimg {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.c-work__aicontainer .c-workai__row .c-workai__right .c-workai__sliders .c-workai__slider .c-workai__slideimg img {
  border-radius: 31px;
}
.c-work__aicontainer .c-workai__row .c-workai__right .c-workai__sliders .c-workai__slider .c-workai__slidetxt {
  position: absolute;
  font-size: 1.8rem;
  font-weight: 700;
  bottom: 7.6%;
  left: 5.5%;
  text-align: center;
  width: 63%;
  letter-spacing: 1px;
  padding: 13px 2%;
  background-color: #fff;
  -webkit-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
  opacity: 0;
  -webkit-transform: translateY(20px) scaleY(0);
  transform: translateY(20px) scaleY(0);
  -webkit-transform-origin: bottom;
  transform-origin: bottom;
}
@media only screen and (max-width: 818px) {
  .c-work__aicontainer .c-workai__row .c-workai__right .c-workai__sliders .c-workai__slider .c-workai__slidetxt {
    font-size: 1.6rem;
    bottom: 4%;
    left: 4%;
    border-radius: 21px;
    letter-spacing: 0;
    padding: 5px 7px;
  }
}
.progress-container {
  width: 100%;
  margin-top: 30px;
  padding: 5px 0;
  position: relative;
}
@media only screen and (max-width: 580px) {
  .progress-container {
    margin-top: 10px;
  }
}
/* Style cho thumb trên Chrome, Safari, Edge */
.progress-bar::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  appearance: none;
  width: 12px;
  height: 12px;
  background: #d80e19;
  border-radius: 50%;
  cursor: pointer;
  margin-top: -6px;
  /* căn chỉnh thumb giữa thanh */
  border: 2px solid #fff;
  position: relative;
  z-index: 2;
  opacity: 0;
}
.progress-bar {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  height: 12px;
  background: #ddd;
  border-radius: 5px;
  position: relative;
  z-index: 1;
}
.progress-bar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: var(--progress-percent, 0%);
  background: #7a7676;
  border-radius: 5px;
  -webkit-transition: width 3s linear;
  transition: width 3s linear;
  z-index: 0;
}
.progress-bar::-webkit-slider-runnable-track {
  background: transparent;
}
.progress-bar::-moz-range-track {
  background: transparent;
}
.progress-bar::-webkit-slider-thumb, .progress-bar::-moz-range-thumb {
  opacity: 0;
}
.c-btn__last {
  width: 202px;
  height: 36px;
  background-color: #231916;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: 700;
  padding-right: 2%;
  font-size: 1.6rem;
  -webkit-clip-path: polygon(0 0, 83.5% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 83.5% 0%, 100% 100%, 0% 100%);
}
@media only screen and (max-width: 580px) {
  .c-btn__last {
    padding-right: 7%;
  }
}
.c-btn__last:hover {
  background-color: #595857;
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
  padding-right: 0;
}
.c-work__yellow {
  padding-top: 79px;
}
.c-work__yellow .l-container {
  max-width: 1140px;
}
.c-work__yellow .c-yellow__wrapper {
  background-color: #fff0d2;
  padding: 86px 5%;
  aspect-ratio: 1100/732;
  position: relative;
}
@media only screen and (max-width: 1150px) {
  .c-work__yellow .c-yellow__wrapper {
    padding: 50px 5%;
  }
}
@media only screen and (max-width: 818px) {
  .c-work__yellow .c-yellow__wrapper {
    padding: 40px;
  }
}
@media only screen and (max-width: 580px) {
  .c-work__yellow .c-yellow__wrapper {
    padding: 30px;
  }
}
.c-work__yellow .c-yellow__wrapper .c-yellow__title {
  font-size: 4.6rem;
  font-weight: 700;
  line-height: 1.4606521739;
  margin-bottom: 23px;
}
@media only screen and (max-width: 1150px) {
  .c-work__yellow .c-yellow__wrapper .c-yellow__title {
    font-size: 4rem;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 1023px) {
  .c-work__yellow .c-yellow__wrapper .c-yellow__title {
    font-size: 3.5rem;
  }
}
@media only screen and (max-width: 818px) {
  .c-work__yellow .c-yellow__wrapper .c-yellow__title {
    font-size: 2.8rem;
    font-weight: 900;
  }
}
@media only screen and (max-width: 580px) {
  .c-work__yellow .c-yellow__wrapper .c-yellow__title {
    font-size: 2rem;
  }
}
.c-work__yellow .c-yellow__wrapper .c-yellow__desc {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.703125;
}
@media only screen and (max-width: 580px) {
  .c-work__yellow .c-yellow__wrapper .c-yellow__desc {
    font-size: 1.5rem;
  }
}
.c-work__yellow .c-yellow__wrapper .c-btn__last {
  margin-top: 24px;
}
@media only screen and (max-width: 580px) {
  .c-work__yellow .c-yellow__wrapper .c-btn__last {
    margin-top: 15px;
  }
}
.c-work__yellow .c-yellow__wrapper .c-yellow__imgs {
  position: absolute;
  right: 0;
  width: 76.7%;
  top: 29.4%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
@media only screen and (max-width: 1023px) {
  .c-work__yellow .c-yellow__wrapper .c-yellow__imgs {
    position: unset;
    margin-left: auto;
  }
}
@media only screen and (max-width: 818px) {
  .c-work__yellow .c-yellow__wrapper .c-yellow__imgs {
    width: 100%;
    margin-top: 20px;
  }
}
.c-work__yellow .c-yellow__wrapper .c-yellow__imgs .c-yellow__img1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.c-work__yellow .c-yellow__wrapper .c-yellow__imgs .c-yellow__img2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.c-work__yellow .c-yellow__wrapper .c-yellow__imgs .c-yellow__img3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}
.c-work__blue {
  padding-top: 79px;
}
.c-work__blue .l-container {
  max-width: 1140px;
}
.c-work__blue .c-blue__wrapper {
  background-color: #b6d4cd;
  padding: 86px 2%;
  aspect-ratio: 1100/500;
  position: relative;
}
@media only screen and (max-width: 1150px) {
  .c-work__blue .c-blue__wrapper {
    padding: 50px 5%;
  }
}
@media only screen and (max-width: 818px) {
  .c-work__blue .c-blue__wrapper {
    padding: 40px;
  }
}
@media only screen and (max-width: 580px) {
  .c-work__blue .c-blue__wrapper {
    padding: 30px;
  }
}
.c-work__blue .c-blue__wrapper .c-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.c-work__blue .c-blue__wrapper .c-right {
  width: 50%;
}
@media only screen and (max-width: 818px) {
  .c-work__blue .c-blue__wrapper .c-right {
    width: 100%;
  }
}
.c-work__blue .c-blue__wrapper .c-blue__title {
  font-size: 4.4rem;
  font-weight: 700;
  line-height: 1.4606521739;
  margin-bottom: 10px;
  letter-spacing: -4px;
}
@media only screen and (max-width: 1150px) {
  .c-work__blue .c-blue__wrapper .c-blue__title {
    font-size: 3.8rem;
    margin-bottom: 15px;
    letter-spacing: 2px;
  }
}
@media only screen and (max-width: 1023px) {
  .c-work__blue .c-blue__wrapper .c-blue__title {
    font-size: 3.2rem;
    letter-spacing: 1px;
  }
}
@media only screen and (max-width: 818px) {
  .c-work__blue .c-blue__wrapper .c-blue__title {
    font-size: 2.8rem;
    font-weight: 900;
    margin-top: 5px;
  }
}
@media only screen and (max-width: 580px) {
  .c-work__blue .c-blue__wrapper .c-blue__title {
    font-size: 2rem;
  }
}
.c-work__blue .c-blue__wrapper .c-blue__desc {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.703125;
}
@media only screen and (max-width: 580px) {
  .c-work__blue .c-blue__wrapper .c-blue__desc {
    font-size: 1.45rem;
  }
}
.c-work__blue .c-blue__wrapper .c-btn__last {
  margin-top: 80px;
}
@media only screen and (max-width: 818px) {
  .c-work__blue .c-blue__wrapper .c-btn__last {
    margin-top: 45px;
  }
}
@media only screen and (max-width: 580px) {
  .c-work__blue .c-blue__wrapper .c-btn__last {
    margin-top: 22px;
  }
}
.c-work__blue .c-blue__wrapper .c-blue__imgs {
  width: 47%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  position: relative;
  aspect-ratio: 494/461;
}
@media only screen and (max-width: 818px) {
  .c-work__blue .c-blue__wrapper .c-blue__imgs {
    width: 100%;
  }
}
.c-work__blue .c-blue__wrapper .c-blue__imgs .c-blue__img1 {
  position: absolute;
  left: 0;
  top: 0;
  width: 76%;
}
.c-work__blue .c-blue__wrapper .c-blue__imgs .c-blue__img1 img {
  aspect-ratio: 377/461;
  width: 100%;
  height: 100%;
}
.c-work__blue .c-blue__wrapper .c-blue__imgs .c-blue__img2 {
  position: absolute;
  top: 0;
  width: 76%;
  left: 11%;
}
.c-work__blue .c-blue__wrapper .c-blue__imgs .c-blue__img2 img {
  aspect-ratio: 377/461;
  width: 100%;
  height: 100%;
}
.c-work__blue .c-blue__wrapper .c-blue__imgs .c-blue__img3 {
  position: absolute;
  top: 0;
  width: 76%;
  left: 22%;
}
.c-work__blue .c-blue__wrapper .c-blue__imgs .c-blue__img3 img {
  width: 100%;
  aspect-ratio: 377/461;
  height: 100%;
}
/*≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡
// Utility .u-
≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡*/



.c-pnav__news {
  margin-top: 80px;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .c-pnav__news {
    margin-top: 30px;
    text-align: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
  }
}
.c-pnav__news a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: transparent;
  border: 1px solid transparent;
  text-align: center;
  color: #f8a814;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  font-size: 2rem;
  border: 1px solid #f8a814;
  padding-bottom: 2px;
  border-radius: 50%;

}
.c-pnav__news.c-pnav__news2 a {
  color: #9FA0A0;
  border-radius: 50%;
  border: none;
}

.c-pnav__news a:hover, .c-pnav__news a.current {
  background-color: #d69e36;
  color: #fff;
}
.c-pnav__news.c-pnav__news2 a:hover, .c-pnav__news.c-pnav__news2 a.current {
  background-color: #00706B;
  color: #fff;
}

.c-pnav__news .prev.page-numbers, .c-pnav__news .next.page-numbers {
  background-color: transparent;
  border: none;
  color: #f8a814;
  font-size: 25px;
}

.c-pnav__news .prev.page-numbers:hover, .c-pnav__news .next.page-numbers:hover {
  background-color: transparent;
  border: none;
  color: #f8a814
}

.c-pnav__news .page-numbers.current {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  border: none;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  background-color: #f8a814;
  color: #fff;
  font-size: 2.2rem;
  border-radius: 50%;

}
.c-pnav__news.c-pnav__news2 .page-numbers.current {
  background-color: #00706B;
}

.page-numbers.dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}


.c-columnsingle__img{
  margin-top: 30px;
}










.c-pnav {
  color: #373C4B;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: unset;
  -webkit-box-direction: unset;
  -ms-flex-direction: unset;
  width: 100%;
  flex-direction: unset;
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  padding: 30px 0;
  font-size: 1.4rem !important;
  font-weight: 700  !important;
}
.c-news__li{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}


.c-pnav li img{
  width: 26px;
  height: 26px;
}


.c-pnav li span{
  font-weight: 700;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}

.c-pnav li a{
  font-weight: 700;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  align-items: center;
  display: flex;
  gap: 7px;
}
.c-pnav li a:hover {
  opacity: 0.9;
  color: #eba421;
}