@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: 767px) {
  .pc-only {
    display: none;
  }

  .sp-only {
    display: block;
  }
}
/*≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡
// Layout .l-
≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡*/
/* Header
------------------------------------------------------------*/
.c-header {
  padding-top: 75px;
}
.c-header__container {
  height: 75px;
  width: 100%;
  -webkit-box-shadow: 0 0 8px #cc636b75;
  box-shadow: 0 0 8px #cc636b75;
  position: fixed;
  top: 0;
  z-index: 99;
  background-color: #fff;
}
.c-header__container .c-header__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.c-header__container .c-header__wrapper .c-header__logo {
  background-color: rgb(2, 3, 129);
  width: 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;
  padding: 10px 0;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  .c-header__container .c-header__wrapper .c-header__logo {
    width: 120px;
  }
  .c-header__container .c-header__wrapper {
  background-color: rgb(2, 3, 129);
  }
}
.c-header__container .c-header__wrapper .c-header__logo span {
  width: 98px;
}
.c-header__container .c-header__wrapper .c-header__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 35px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .c-header__container .c-header__wrapper .c-header__right {
    gap: 20px;
  }
}
.c-header__container .c-header__wrapper .c-header__right .c-header__ons {
  width: 60px;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .c-header__container .c-header__wrapper .c-header__right .c-header__ons {
    width: 50px;
  }
}
.c-menu__burger {
  background-color: rgb(2, 3, 129);
  width: 75px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 9999;
  cursor: pointer;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 12px;
}
@media only screen and (max-width: 767px) {
  .c-menu__burger {
    height: calc(100% - 2px);
    margin-bottom: auto;
  }
}
.c-menu__burger span {
  margin-top: 17px;
  width: 45px;
}
.c-menu__burger:hover {
  opacity: 0.9;
}
.l-nav ._txt {
  position: relative;
}
.l-nav ._txt::after {
  content: "";
  width: 29.23px;
  height: 29.23px;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  transform: translateY(-50%);
  left: -58px;
  background-color: rgb(2, 3, 129);
}
@media only screen and (max-width: 1024px) {
  .l-nav ._txt::after {
    width: 15.23px;
    height: 15.23px;
    left: -38px;
  }
}
@media only screen and (max-width: 767px) {
  .l-nav ._txt::after {
    width: 12.23px;
    height: 12.23px;
    left: -24px;
  }
}
@media only screen and (max-width: 767px) {
  .hm-kv__menu {
    position: absolute;
    top: 20px;
    right: 0;
  }
}
@media only screen and (max-width: 516px) {
  .hm-kv__menu {
    right: -10px;
  }
}
.hm-kv__menu {
  z-index: 2;
  position: absolute;
  top: 0;
  right: 0;
  width: 81.16px;
  height: 81.16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #0d035b;
  cursor: pointer;
  -webkit-transition: opacity 0.25s 0.2s ease, visibility 0.25s 0.2s ease;
  transition: opacity 0.25s 0.2s ease, visibility 0.25s 0.2s ease;
  transition: opacity 0.25s 0.2s ease, visibility 0.25s 0.2s ease;
}
._visibled .hm-kv__menu {
  opacity: 1;
  visibility: visible;
}
.hm-kv__menuBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  appearance: none;
  appearance: none;
}
.hm-kv__menuBtn ._txt {
  overflow: hidden;
  height: 1.2rem;
  font-family: Poppins, sans-serif;
  font-size: 1.2rem;
  line-height: 1.2rem;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
  .hm-kv__menuBtn ._txt {
    color: white;
  }
}
.hm-kv__menuBtn ._row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (max-width: 516px) {
  .hm-kv__menuBtn ._row {
    display: none;
  }
}
.hm-kv__menuBtn ._row::after {
  content: attr(data-txt);
}
@media (hover: hover) {
  .hm-kv__menuBtn ._row {
    transition: -webkit-transform 0.25s ease;
    transition: -webkit-transform 0.25s ease;
    -webkit-transition: -webkit-transform 0.25s ease;
    transition: transform 0.25s ease;
    transition: transform 0.25s ease, -webkit-transform 0.25s ease;
  }
}
.hm-kv__menuBtn ._lines {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 3.6rem;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.hm-kv__menuBtn ._line {
  display: block;
  width: 2.8rem;
  height: 1px;
}
@media screen and (min-width: 768px) {
  .hm-kv__menuBtn ._line {
    width: 100%;
  }
}
.hm-kv__menuBtn ._line:nth-child(2) {
  margin-block: 0.9rem;
  width: 59%;
}
.hm-kv__menuBtn ._line:nth-child(3) {
  width: 32%;
}
.hm-kv__menuBtn ._line::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: #f9bb00;
}
@media (hover: hover) {
  .hm-kv__menuBtn ._line::before {
    transition: opacity 0.15s ease-in, -webkit-transform 0.15s ease-in;
    transition: opacity 0.15s ease-in, -webkit-transform 0.15s ease-in;
    -webkit-transition: opacity 0.15s ease-in, -webkit-transform 0.15s ease-in;
    transition: transform 0.15s ease-in, opacity 0.15s ease-in;
    transition: transform 0.15s ease-in, opacity 0.15s ease-in, -webkit-transform 0.15s ease-in;
  }
}
.l-nav {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  pointer-events: none;
}
.l-contact {
  overflow: hidden;
}
.c-nav {
  opacity: 0;
  visibility: hidden;
  width: 100%;
  height: 100vh;
  background-color: #f3f3f4;
  pointer-events: all;
}
.c-nav._preparation {
  -webkit-transition: opacity 0.5s 0.5s ease, visibility 0.5s 0.5s ease;
  transition: opacity 0.5s 0.5s ease, visibility 0.5s 0.5s ease;
  transition: opacity 0.5s 0.5s ease, visibility 0.5s 0.5s ease;
}
.c-nav.is-visible {
  -webkit-transition: opacity 0.25s ease, visibility 0.25s ease;
  transition: opacity 0.25s ease, visibility 0.25s ease;
  transition: opacity 0.25s ease, visibility 0.25s ease;
  opacity: 1;
  visibility: visible;
}
.c-nav:not(.is-visible)._run-anim {
  opacity: 0;
  visibility: hidden;
}
.c-nav__inner {
  height: 100dvh;
}
@media screen and (min-width: 768px) {
  .c-nav__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
  }
}
@media screen and (min-width: 768px) {
  .c-nav__visual {
    width: 50%;
  }
}
.c-nav__visualInner {
  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;
  height: 100%;
}
.c-nav__photos {
  width: 34.5rem;
  aspect-ratio: 345/460;
  margin-left: 1rem;
  background-color: var(--color-gray1);
  opacity: 0;
  -webkit-clip-path: inset(100% 0 0 0);
  clip-path: inset(100% 0 0 0);
  clip-path: inset(100% 0 0 0);
}
.c-nav:where(.is-visible) .c-nav__photos {
  transition: opacity 0.35s ease, -webkit-clip-path 0.35s ease;
  transition: opacity 0.35s ease, -webkit-clip-path 0.35s ease;
  -webkit-transition: opacity 0.35s ease, -webkit-clip-path 0.35s ease;
  transition: clip-path 0.35s ease, opacity 0.35s ease;
  transition: clip-path 0.35s ease, opacity 0.35s ease, -webkit-clip-path 0.35s ease;
}
.c-nav:where(._run-anim) .c-nav__photos {
  -webkit-clip-path: inset(0);
  clip-path: inset(0);
  clip-path: inset(0);
  opacity: 1;
}
.c-nav:not(.is-visible):where(._run-anim) .c-nav__photos {
  transition: opacity 0.35s ease, -webkit-clip-path 0.35s ease;
  transition: opacity 0.35s ease, -webkit-clip-path 0.35s ease;
  -webkit-transition: opacity 0.35s ease, -webkit-clip-path 0.35s ease;
  transition: clip-path 0.35s ease, opacity 0.35s ease;
  transition: clip-path 0.35s ease, opacity 0.35s ease, -webkit-clip-path 0.35s ease;
  -webkit-clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);
  clip-path: inset(0 0 100% 0);
}
@media screen and (min-width: 768px) {
  .c-nav__photosContainer {
    translate: 0 1.5rem;
    -webkit-transition: translate 0.2s ease;
    transition: translate 0.2s ease;
    transition: translate 0.2s ease;
  }
}
.c-nav:where(._run-anim) .c-nav__photosContainer {
  translate: 0;
}
.c-nav:not(.is-visible):where(._run-anim) .c-nav__photosContainer {
  translate: 0 -1.5rem;
}
@media screen and (min-width: 768px) {
  .c-nav__photosSlide {
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
  }
}
.c-nav__photosSlide ._img {
  width: 100%;
}
.c-nav__copy {
  position: absolute;
  left: 4rem;
  bottom: 4rem;
  opacity: 0;
  -webkit-transition: opacity 0.25s 0.4s ease;
  transition: opacity 0.25s 0.4s ease;
  transition: opacity 0.25s 0.4s ease;
}
.c-nav__copy ._txt {
  font-family: Poppins, sans-serif;
  font-size: 1.3rem;
  letter-spacing: -0.01em;
  text-transform: uppercase;
}
.c-nav.is-visible:where(._run-anim) .c-nav__copy {
  opacity: 1;
}
.c-nav:not(.is-visible):where(._run-anim) .c-nav__copy {
  opacity: 0;
}
.c-nav__connect {
  height: 100%;
}
@media screen and (min-width: 768px) {
  .c-nav__connect {
    width: 100%;
    padding-left: 13.5rem;
    border-left: 1px solid var(--color-gray1);
  }
}
.c-nav__connectInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  font-family: Poppins, sans-serif;
  letter-spacing: -0.01em;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .c-nav__connectInner {
    padding-top: 6.2rem;
  }
}
@media screen and (min-width: 768px) {
  .c-nav__connectInner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .c-nav__menu {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 2.6rem;
    padding-bottom: 120px;
  }
}
.c-nav__pagesItem {
  text-transform: uppercase;
  opacity: 0;
  translate: 0.5rem 0;
}
.c-nav__pagesItem:nth-child(n+2) {
  margin-top: 2.4rem;
}
@media screen and (min-width: 768px) {
  .c-nav__pagesItem:nth-child(n+2) {
    margin-top: 6.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .c-nav__pagesItem:nth-child(n+2) {
    margin-top: 5.5rem;
  }
}
.c-nav.is-visible:where(._run-anim) .c-nav__pagesItem {
  opacity: 1;
  translate: 0;
}
.c-nav.is-visible:where(._run-anim) .c-nav__pagesItem:nth-child(7) {
  -webkit-transition: color 0.25s ease, opacity 0.25s 0.05s ease, translate 0.25s 0.05s ease;
  transition: color 0.25s ease, opacity 0.25s 0.05s ease, translate 0.25s 0.05s ease;
  transition: color 0.25s ease, opacity 0.25s 0.05s ease, translate 0.25s 0.05s ease;
}
.c-nav.is-visible:where(._run-anim) .c-nav__pagesItem:nth-child(6) {
  -webkit-transition: color 0.25s ease, opacity 0.25s 0.1s ease, translate 0.25s 0.1s ease;
  transition: color 0.25s ease, opacity 0.25s 0.1s ease, translate 0.25s 0.1s ease;
  transition: color 0.25s ease, opacity 0.25s 0.1s ease, translate 0.25s 0.1s ease;
}
.c-nav.is-visible:where(._run-anim) .c-nav__pagesItem:nth-child(5) {
  -webkit-transition: color 0.25s ease, opacity 0.25s 0.15s ease, translate 0.25s 0.15s ease;
  transition: color 0.25s ease, opacity 0.25s 0.15s ease, translate 0.25s 0.15s ease;
  transition: color 0.25s ease, opacity 0.25s 0.15s ease, translate 0.25s 0.15s ease;
}
.c-nav.is-visible:where(._run-anim) .c-nav__pagesItem:nth-child(4) {
  -webkit-transition: color 0.25s ease, opacity 0.25s 0.2s ease, translate 0.25s 0.2s ease;
  transition: color 0.25s ease, opacity 0.25s 0.2s ease, translate 0.25s 0.2s ease;
  transition: color 0.25s ease, opacity 0.25s 0.2s ease, translate 0.25s 0.2s ease;
}
.c-nav.is-visible:where(._run-anim) .c-nav__pagesItem:nth-child(3) {
  -webkit-transition: color 0.25s ease, opacity 0.25s 0.25s ease, translate 0.25s 0.25s ease;
  transition: color 0.25s ease, opacity 0.25s 0.25s ease, translate 0.25s 0.25s ease;
  transition: color 0.25s ease, opacity 0.25s 0.25s ease, translate 0.25s 0.25s ease;
}
.c-nav.is-visible:where(._run-anim) .c-nav__pagesItem:nth-child(2) {
  -webkit-transition: color 0.25s ease, opacity 0.25s 0.3s ease, translate 0.25s 0.3s ease;
  transition: color 0.25s ease, opacity 0.25s 0.3s ease, translate 0.25s 0.3s ease;
  transition: color 0.25s ease, opacity 0.25s 0.3s ease, translate 0.25s 0.3s ease;
}
.c-nav.is-visible:where(._run-anim) .c-nav__pagesItem:nth-child(1) {
  -webkit-transition: color 0.25s ease, opacity 0.25s 0.35s ease, translate 0.25s 0.35s ease;
  transition: color 0.25s ease, opacity 0.25s 0.35s ease, translate 0.25s 0.35s ease;
  transition: color 0.25s ease, opacity 0.25s 0.35s ease, translate 0.25s 0.35s ease;
}
.c-nav__pagesItem:nth-child(1) {
  -webkit-transition: color 0.25s ease, opacity 0.25s 0.05s ease, translate 0.25s 0.05s ease;
  transition: color 0.25s ease, opacity 0.25s 0.05s ease, translate 0.25s 0.05s ease;
  transition: color 0.25s ease, opacity 0.25s 0.05s ease, translate 0.25s 0.05s ease;
}
.c-nav__pagesItem:nth-child(2) {
  -webkit-transition: color 0.25s ease, opacity 0.25s 0.1s ease, translate 0.25s 0.1s ease;
  transition: color 0.25s ease, opacity 0.25s 0.1s ease, translate 0.25s 0.1s ease;
  transition: color 0.25s ease, opacity 0.25s 0.1s ease, translate 0.25s 0.1s ease;
}
.c-nav__pagesItem:nth-child(3) {
  -webkit-transition: color 0.25s ease, opacity 0.25s 0.15s ease, translate 0.25s 0.15s ease;
  transition: color 0.25s ease, opacity 0.25s 0.15s ease, translate 0.25s 0.15s ease;
  transition: color 0.25s ease, opacity 0.25s 0.15s ease, translate 0.25s 0.15s ease;
}
.c-nav__pagesItem:nth-child(4) {
  -webkit-transition: color 0.25s ease, opacity 0.25s 0.2s ease, translate 0.25s 0.2s ease;
  transition: color 0.25s ease, opacity 0.25s 0.2s ease, translate 0.25s 0.2s ease;
  transition: color 0.25s ease, opacity 0.25s 0.2s ease, translate 0.25s 0.2s ease;
}
.c-nav__pagesItem:nth-child(5) {
  -webkit-transition: color 0.25s ease, opacity 0.25s 0.25s ease, translate 0.25s 0.25s ease;
  transition: color 0.25s ease, opacity 0.25s 0.25s ease, translate 0.25s 0.25s ease;
  transition: color 0.25s ease, opacity 0.25s 0.25s ease, translate 0.25s 0.25s ease;
}
.c-nav__pagesItem:nth-child(6) {
  -webkit-transition: color 0.25s ease, opacity 0.25s 0.3s ease, translate 0.25s 0.3s ease;
  transition: color 0.25s ease, opacity 0.25s 0.3s ease, translate 0.25s 0.3s ease;
  transition: color 0.25s ease, opacity 0.25s 0.3s ease, translate 0.25s 0.3s ease;
}
.c-nav__pagesItem:nth-child(7) {
  -webkit-transition: color 0.25s ease, opacity 0.25s 0.35s ease, translate 0.25s 0.35s ease;
  transition: color 0.25s ease, opacity 0.25s 0.35s ease, translate 0.25s 0.35s ease;
  transition: color 0.25s ease, opacity 0.25s 0.35s ease, translate 0.25s 0.35s ease;
}
.c-nav:not(.is-visible):where(._run-anim) .c-nav__pagesItem {
  opacity: 0;
  translate: -0.5rem 0;
}
.c-nav__page {
  display: inline-block;
}
.c-nav__page._current {
  position: relative;
  color: var(--color-red);
  pointer-events: none;
}
.c-nav__page._current::before {
  position: absolute;
  top: calc(50% - 0.5em);
  left: -2.8rem;
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  font-size: 0.8rem;
  background-color: currentColor;
  border-radius: 50%;
}
@media (hover: hover) {
  .c-nav__page {
    -webkit-transition: color 0.25s ease;
    transition: color 0.25s ease;
    transition: color 0.25s ease;
  }

  .c-nav__page:hover {
    color: var(--color-red);
  }
}
.c-nav__page ._txt {
  font-weight: 600;
  font-size: 4.568rem;
  line-height: 1;
}
@media only screen and (max-width: 1024px) {
  .c-nav__page ._txt {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-nav__page ._txt {
    font-size: 2.5rem;
  }
}
@media only screen and (max-width: 516px) {
  .c-nav__page ._txt {
    font-size: 2rem;
  }
}
.c-nav__social {
  margin-top: auto;
}
@media screen and (max-width: 767px) {
  .c-nav__social {
    padding: 0 3.2rem 3.2rem;
  }
}
@media screen and (min-width: 768px) {
  .c-nav__social {
    position: absolute;
    right: 4rem;
    bottom: 4rem;
    margin-top: 0;
    opacity: 0;
    -webkit-transition: opacity 0.25s 0.4s ease;
    transition: opacity 0.25s 0.4s ease;
    transition: opacity 0.25s 0.4s ease;
  }
}
.c-nav.is-visible:where(._run-anim) .c-nav__social {
  opacity: 1;
}
.c-nav:not(.is-visible):where(._run-anim) .c-nav__social {
  opacity: 0;
}
.c-nav__sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem 3.9rem;
}
@media screen and (max-width: 767px) {
  .c-nav__sns {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  .c-nav__sns {
    gap: 2.4rem;
  }
}
.c-nav__snsItem {
  text-transform: uppercase;
}
.c-nav__snsItem._l {
  text-transform: lowercase;
}
.c-nav__snsItem._c {
  text-transform: capitalize;
}
@media (hover: hover) {
  .c-nav__snsLink {
    -webkit-transition: color 0.25s ease;
    transition: color 0.25s ease;
    transition: color 0.25s ease;
  }

  .c-nav__snsLink:hover {
    color: var(--color-red);
  }
}
.c-nav__snsLink ._txt {
  font-size: 1.3rem;
}
.c-nav__snsLink ._txt ._upper {
  text-transform: uppercase;
}
/*------------------------------------------------------------
footer
------------------------------------------------------------*/
.c-footer {
  padding: 52px 0 10px;
  text-align: center;
  background-color: #F1F1F1;
}
@media only screen and (max-width: 580px) {
  .c-footer {
    padding: 30px 0 10px;
  }
}
.c-footer .c-footer__logo {
  width: 185px;
  margin: 0 auto;
}
@media only screen and (max-width: 580px) {
  .c-footer .c-footer__logo {
    width: 150px;
  }
}
.c-footer .c-footer__copyright {
  text-align: center;
  font-size: 1.5rem;
  font-weight: 700;
  margin-top: 33px;
  letter-spacing: 1px;
}
/*------------------------------------------------------------
sidebar
------------------------------------------------------------*/
/* Breadcrumb
------------------------------------------------------------*/
/* layout
------------------------------------------------------------*/
body {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.4rem;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  body {
    min-width: 320px;
  }
}
.l-container {
  max-width: 1330px;
  margin: 0 auto;
  padding: 0 15px;
}
@media only screen and (max-width: 1023px) {
  .l-container {
    padding: 0 2.5%;
  }
}
@media only screen and (max-width: 767px) {
  .l-container {
    padding: 0 3%;
  }
}
.l-container2 {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0;
}
@-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;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #eee902;
  max-width: 270px;
  width: 100%;
  height: 50px;
  margin: 0 auto;
  border: 2px solid #231916;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  border-radius: 8px;
}
@media only screen and (max-width: 767px) {
  .c-btn1 {
    max-width: 200px;
  }
}
.c-btn1 span {
  font-size: 1.8rem;
  padding-bottom: 2px;
  font-weight: 700;
}
.c-btn1:hover {
  background-color: #fff;
  opacity: 1;
}
.c-btn2 {
  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: #eee902;
  max-width: 199px;
  width: 100%;
  height: 43px;
  margin: 0 auto;
  border: 2px solid #eee902;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  border-radius: 8px;
  color: #231916;
}
.c-btn2 span {
  font-size: 1.65rem;
  padding-bottom: 2px;
  font-weight: 700;
}
.c-btn2:hover {
  background-color: #fff;
  opacity: 1;
}
/*------------------------------------------------------------
title
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-title1 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 104px;
  z-index: 7;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 1023px) {
  .c-title1 {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .c-title1 {
    margin-bottom: 40px;
  }
}
.c-title1 .c-title1__txt {
  font-size: 3.5rem;
  -ms-flex-item-align: center;
  align-self: center;
  font-weight: 700;
  line-height: 1;
  padding-bottom: 7px;
  letter-spacing: 4px;
  color: #231916;
  white-space: nowrap;
  text-shadow: 1px 1px 2px #fff;
}
@media only screen and (max-width: 1023px) {
  .c-title1 .c-title1__txt {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-title1 .c-title1__txt {
    font-size: clamp(1.75rem, 3vw, 3.5rem);
  }
}
.c-title1 .c-title1__txt.c-title1__txt1 {
  margin-left: 9%;
}
@media only screen and (max-width: 767px) {
  .c-title1 .c-title1__txt.c-title1__txt1 {
    margin-left: 5%;
  }
}
.c-title1 .c-title1__txt.c-title1__txt2 {
  margin-left: 5%;
}
.c-title1 .c-title1__txt.c-title1__txt3 {
  margin-left: 2%;
}
.c-title1 .c-title1__tool {
  position: absolute;
  width: 82.3%;
  z-index: -1;
  max-width: 738px;
}
@media only screen and (max-width: 767px) {
  .c-title1 .c-title1__tool {
    width: 96%;
  }
}
.c-title1 .c-title1__tool .c-color {
  position: absolute;
  width: 29.5%;
  /* right: -8.8%; */
  bottom: 4px;
}
@media only screen and (max-width: 767px) {
  .c-title1 .c-title1__tool .c-color {
    width: 25%;
    /* right: -4%; */
  }
}
/*------------------------------------------------------------
icon
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
form
------------------------------------------------------------*/
.c-contact__container {
  max-width: 854px;
  margin: 0 auto;
  background-color: #333893;
  border-radius: 9px;
  padding: 42px 4% 55px;
  color: #fff;
  position: relative;
}
.c-contact__container .c-contact__color {
    position: absolute;
    right: -2%;
    top: -5%;
    width: 21%;
    min-width: 170px;
}
@media only screen and (max-width: 767px) {
  .c-contact__container .c-contact__color {
min-width: 129px;
        right: -2px;
        top: -2%;
  }
}
.c-contact__container .c-contactcontainer__title {
  text-align: center;
  font-size: 4rem;
  font-weight: 700;
  color: #eee902;
  letter-spacing: 7px;
}
@media only screen and (max-width: 1023px) {
  .c-contact__container .c-contactcontainer__title {
    font-size: 3.6rem;
    letter-spacing: 3px;
  }
}
@media only screen and (max-width: 767px) {
  .c-contact__container .c-contactcontainer__title {
    font-size: 3rem;
    letter-spacing: 2px;
  }
}
@media only screen and (max-width: 580px) {
  .c-contact__container .c-contactcontainer__title {
    font-size: 2.4rem;
    text-align: left;
  }
}
.c-contact__container .c-contact__row {
  margin-top: 53px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .c-contact__container .c-contact__row {
    margin-top: 25px;
  }
}
.c-contact__container .c-contact__row .c-contact__left {
  width: 100%;
  max-width: 328px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .c-contact__container .c-contact__row .c-contact__left {
    -ms-flex-negative: unset;
    flex-shrink: unset;
    max-width: unset;
  }
}
.c-contact__container .c-contact__row .c-contact__right {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 6%;
  margin-top: -12px;
}
@media only screen and (max-width: 767px) {
  .c-contact__container .c-contact__row .c-contact__right {
    padding-left: 0;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 100%;
    margin-top: 45px;
  }
}
.c-contact__container .c-contact__row .c-contact__right .c-contactright__desc {
  font-size: 1.5rem;
  line-height: 1.4886666667;
  text-align: justify;
  margin-top: 30px;
}
.c-contact__container .c-contact__row .c-contact__right .c-contactright__title {
  text-align: center;
  font-size: 3rem;
  font-weight: 700;
  margin-top: 45px;
  letter-spacing: 4px;
  color: #eee902;
  position: relative;
}
.c-contactadd__0409{
  font-weight: 700;
  font-size: 2.9rem;
  line-height: calc(50.25/29);
  text-align: justify;
}
@media only screen and (max-width: 1023px) {
  .c-contactadd__0409{
    font-size: 2.6rem;
  }
.c-contact__container .c-contact__row .c-contact__right .c-contactright__title {
  text-align: center;
  font-size: 2.7rem;
  font-weight: 700;
  margin-top: 55px;
  letter-spacing: 3px;
  color: #eee902;
  position: relative;
}
}
@media only screen and (max-width: 767px) {
  .c-contact__container .c-contact__row .c-contact__right .c-contactright__title {
    font-size: 2.4rem;
    margin-top: 45px;
  }
}
.c-contact__container .c-contact__row .c-contact__right .c-contactright__title::before, .c-contact__container .c-contact__row .c-contact__right .c-contactright__title::after {
  content: "";
  position: absolute;
  height: 36px;
  width: 1px;
  background-color: #eee902;
  top: 5px;
}
.c-contact__container .c-contact__row .c-contact__right .c-contactright__title::before {
  left: 0;
  -webkit-transform: rotate(-17deg);
  transform: rotate(-17deg);
}
@media only screen and (max-width: 767px) {
  .c-contact__container .c-contact__row .c-contact__right .c-contactright__title::before {
    left: 7%;
  }
}
.c-contact__container .c-contact__row .c-contact__right .c-contactright__title::after {
  -webkit-transform: rotate(17deg);
  transform: rotate(17deg);
  right: 0;
}
@media only screen and (max-width: 767px) {
  .c-contact__container .c-contact__row .c-contact__right .c-contactright__title::after {
    right: 7%;
  }
}
.c-contact__container .c-contact__row .c-contact__right .c-contactright__desc2 {
  font-size: 2rem;
  line-height: 1.7727272727;
  font-weight: 700;
  margin-top: 15px;
  letter-spacing: 1px;
}
@media only screen and (max-width: 1023px) {
  .c-contact__container .c-contact__row .c-contact__right .c-contactright__desc2 {
    font-size: 1.8rem;
    line-height: 1.7727272727;
    font-weight: 700;
    margin-top: 11px;
  }
}
@media only screen and (max-width: 767px) {
  .c-contact__container .c-contact__row .c-contact__right .c-contactright__desc2 {
    font-size: 2rem;
    margin-top: 15px;
    letter-spacing: 0.5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.c-contact__container .c-contact__row .c-contact__right .c-btn2 {
  margin-top: 101px;
}
@media only screen and (max-width: 767px) {
  .c-contact__container .c-contact__row .c-contact__right .c-btn2 {
    margin-top: 45px;
  }
}
.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;
}
@media only screen and (max-width: 767px) {
  .c-form__container .c-form__row {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.c-form__container .c-form__row + .c-form__row {
  margin-top: 11px;
}
@media only screen and (max-width: 767px) {
  .c-form__container .c-form__row + .c-form__row {
    margin-top: 20px;
  }
}
.c-form__container .c-form__row .c-form__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 95px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .c-form__container .c-form__row .c-form__label {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
}
.c-form__container .c-form__row .c-form__label.c-form__label2 {
  -ms-flex-item-align: baseline;
  align-self: baseline;
}
.c-form__container .c-form__row .c-form__label .c-require {
  background-color: #595857;
  font-size: 1.1rem;
  border-radius: 5px;
  width: 53px;
  height: 21px;
  letter-spacing: 1px;
  color: #fff;
  padding-bottom: 1px;
  margin-right: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .c-form__container .c-form__row .c-form__label .c-require {
    margin-right: 0;
    margin-left: 25px;
  }
}
.c-form__container .c-form__row .c-form__label .c-require--invi {
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
}
.c-form__container .c-form__row .c-form__label .c-label {
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  line-height: 1;
  margin-bottom: 3px;
}
@media only screen and (max-width: 580px) {
  .c-form__container .c-form__row .c-form__label .c-label {
    font-size: 1.4rem;
    margin-bottom: 0;
  }
  .c-contactadd__0409{
    font-size: 2.4rem;
  }
}
.c-form__container .c-form__row .c-form__input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  flex: 1;
}
@media only screen and (max-width: 767px) {
  .c-form__container .c-form__row .c-form__input {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    flex: unset;
    width: 100%;
    padding-left: 0;
  }
}
.c-form__container .c-form__row .c-form__input.c-form__input--width1 {
  max-width: 335px;
}
@media only screen and (max-width: 767px) {
  .c-form__container .c-form__row .c-form__input.c-form__input--width1 {
    max-width: 100%;
    padding-left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .c-form__container .c-form__row .c-form__input {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    flex: unset;
    width: 100%;
    margin-top: 10px;
  }
}
.c-form__container .c-form__row .c-form__input input {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #fff;
  padding: 8px 12px;
  font-family: "Zen Maru Gothic", sans-serif;
  height: 44px;
  font-size: 1.4rem;
  letter-spacing: 2px;
  color: #595857;
  font-weight: 700;
  border-radius: 5px;
}
@media only screen and (max-width: 767px) {
  .c-form__container .c-form__row .c-form__input input {
    height: 40px;
    letter-spacing: 1px;
  }
}
.c-form__container .c-form__row .c-form__input textarea {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #231916;
  padding: 12px;
  font-family: "Zen Maru Gothic", sans-serif;
  height: 235px;
  font-size: 1.4rem;
  letter-spacing: 2px;
  font-weight: 700;
  color: #595857;
  resize: none;
}
@media only screen and (max-width: 580px) {
  .c-form__container .c-form__row .c-form__input textarea {
    height: 220px;
    line-height: 1.6;
  }
}
.c-form__container .c-form__row .c-form__checkboxes {
  padding-left: 8%;
  max-width: 506px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  flex: 1;
}
@media only screen and (max-width: 767px) {
  .c-form__container .c-form__row .c-form__checkboxes {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    flex: unset;
    max-width: 100%;
    padding-left: 4%;
    width: 100%;
    margin-top: 15px;
  }
}
.c-form__container .c-form__row .c-form__checkboxes input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
  min-height: 23px;
  min-width: 23px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.c-form__container .c-form__row .c-form__checkboxes .wpcf7-form-control-wrap label > span {
  font-size: 1.4rem;
  display: inline-block;
  margin-left: 7px;
  font-weight: 500;
  letter-spacing: 0.5px;
}
@media only screen and (max-width: 580px) {
  .c-form__container .c-form__row .c-form__checkboxes .wpcf7-form-control-wrap label > span {
    font-size: 1.35rem;
    margin-left: 4px;
  }
}
.c-form__container .c-form__row .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__container .c-form__row .c-form__checkboxes .wpcf7-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px 10%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media only screen and (max-width: 580px) {
  .c-form__container .c-form__row .c-form__checkboxes .wpcf7-checkbox {
    gap: 20px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.c-form__container .c-form__row .c-form__checkboxes .wpcf7-checkbox .wpcf7-list-item {
  width: 43%;
  margin-left: 0 !important;
}
@media only screen and (max-width: 580px) {
  .c-form__container .c-form__row .c-form__checkboxes .wpcf7-checkbox .wpcf7-list-item {
    width: 100%;
  }
}
.c-form__container .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;
  font-size: 1.3rem;
  margin-top: 70px;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .c-form__container .c-agree {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .c-form__container .c-agree {
    margin-top: 45px;
  }
}
.c-form__container .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);
}
.c-form__container .c-agree .wpcf7-form-control-wrap {
  height: 18px;
}
.c-form__container .c-agree .wpcf7-list-item-label {
  display: none;
}
.c-form__container .c-agree input {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
}
.c-form__container .c-agree .c-policy {
  margin-left: 4px;
  color: #2ea7e0;
}
.c-form__container .c-button__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.c-form__container .c-btn2 {
  cursor: pointer;
  position: relative;
    margin-top: 52px;
    margin-left: unset;
    margin-right: unset;
    transform: translateX(-65%);
    left: 100%;
}
@media only screen and (max-width: 767px) {
  .c-form__container .c-btn2 {
    margin-left: auto;
    margin-right: auto;
    transform: unset;
    left: unset;
    margin-top: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .c-form__container .c-btn2 {
    margin-top: 65px;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  .c-form__container .c-btn2 {
    margin-top: 35px;
  }
}
.c-form__container .c-btn2:hover i {
  right: 4%;
}
.c-form__container .c-btn2 input {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%;
  -webkit-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;
}
.c-form__container .c-btn2 i {
  color: #fff;
  position: absolute;
  right: 15%;
  font-size: 2rem;
  -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%);
  bottom: -53px;
  margin: 0 !important;
  padding: 0 !important;
  top: unset !important;
}
::input-placeholder {
  /* Edge 12-18 */
  color: #dcdddd;
}
::-webkit-input-placeholder {
  color: #dcdddd;
}
::-moz-placeholder {
  color: #dcdddd;
}
:-ms-input-placeholder {
  color: #dcdddd;
}
::-ms-input-placeholder {
  color: #dcdddd;
}
::placeholder {
  color: #dcdddd;
}
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
text
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-menu__icon {
  width: 44px;
  height: 15px;
  cursor: pointer;
  z-index: 999;
}
.c-menu__icon .line-1,
.c-menu__icon .line-2,
.c-menu__icon .line-3 {
  height: 5px;
  width: 100%;
  background-color: #fff;
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
}
.c-menu__icon .line-1 {
  -webkit-animation: animate-line-1-rev 0.7s ease-in-out;
  animation: animate-line-1-rev 0.7s ease-in-out;
  animation: animate-line-1-rev 0.7s ease-in-out;
}
.c-menu__icon .line-2 {
  margin: 0.5px 0;
  background-color: rgb(2, 3, 129);
  -webkit-transition: unset;
  transition: unset;
  transition: unset;
}
.c-menu__icon .line-3 {
  -webkit-animation: animate-line-3-rev 0.7s ease-in-out;
  animation: animate-line-3-rev 0.7s ease-in-out;
  animation: animate-line-3-rev 0.7s ease-in-out;
}
.c-menu__icon:hover .line-1,
.c-menu__icon:hover .line-2,
.c-menu__icon:hover .line-3 {
  background-color: #fff;
}
.c-menu__icon:hover .line-2 {
    background-color: rgb(2, 3, 129);

}
.c-menu__icon.c-active .line-1,
.c-menu__icon.c-active .line-2,
.c-menu__icon.c-active .line-3 {
  background-color: #fff;
}
.c-menu__icon.c-active .line-1 {
  -webkit-animation: animate-line-1 0.7s cubic-bezier(0.3, 1, 0.7, 1) forwards;
  animation: animate-line-1 0.7s cubic-bezier(0.3, 1, 0.7, 1) forwards;
  animation: animate-line-1 0.7s cubic-bezier(0.3, 1, 0.7, 1) forwards;
}
.c-menu__icon.c-active .line-2 {
    background-color: rgb(2, 3, 129);

}
.c-menu__icon.c-active .line-3 {
  -webkit-animation: animate-line-3 0.7s cubic-bezier(0.3, 1, 0.7, 1) forwards;
  animation: animate-line-3 0.7s cubic-bezier(0.3, 1, 0.7, 1) forwards;
  animation: animate-line-3 0.7s cubic-bezier(0.3, 1, 0.7, 1) forwards;
}
.no-animation {
  -webkit-animation: none !important;
  animation: none !important;
  animation: none !important;
  animation: none !important;
}
@-webkit-keyframes animate-line-1 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  50% {
    -webkit-transform: translate3d(0, 6px, 0) rotate(0);
    transform: translate3d(0, 6px, 0) rotate(0);
    transform: translate3d(0, 6px, 0) rotate(0);
  }
  100% {
    -webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
    transform: translate3d(0, 6px, 0) rotate(45deg);
    transform: translate3d(0, 6px, 0) rotate(45deg);
  }
}
@keyframes animate-line-1 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  50% {
    -webkit-transform: translate3d(0, 6px, 0) rotate(0);
    transform: translate3d(0, 6px, 0) rotate(0);
    transform: translate3d(0, 6px, 0) rotate(0);
  }
  100% {
    -webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
    transform: translate3d(0, 6px, 0) rotate(45deg);
    transform: translate3d(0, 6px, 0) rotate(45deg);
  }
}
@keyframes animate-line-1 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  50% {
    -webkit-transform: translate3d(0, 6px, 0) rotate(0);
    transform: translate3d(0, 6px, 0) rotate(0);
    transform: translate3d(0, 6px, 0) rotate(0);
  }
  100% {
    -webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
    transform: translate3d(0, 6px, 0) rotate(45deg);
    transform: translate3d(0, 6px, 0) rotate(45deg);
  }
}
@-webkit-keyframes animate-line-2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
}
@keyframes animate-line-2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
}
@keyframes animate-line-2 {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
}
@-webkit-keyframes animate-line-3 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  50% {
    -webkit-transform: translate3d(0, -6px, 0) rotate(0);
    transform: translate3d(0, -6px, 0) rotate(0);
    transform: translate3d(0, -6px, 0) rotate(0);
  }
  100% {
    -webkit-transform: translate3d(0, -6px, 0) rotate(135deg);
    transform: translate3d(0, -6px, 0) rotate(135deg);
    transform: translate3d(0, -6px, 0) rotate(135deg);
  }
}
@keyframes animate-line-3 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  50% {
    -webkit-transform: translate3d(0, -6px, 0) rotate(0);
    transform: translate3d(0, -6px, 0) rotate(0);
    transform: translate3d(0, -6px, 0) rotate(0);
  }
  100% {
    -webkit-transform: translate3d(0, -6px, 0) rotate(135deg);
    transform: translate3d(0, -6px, 0) rotate(135deg);
    transform: translate3d(0, -6px, 0) rotate(135deg);
  }
}
@keyframes animate-line-3 {
  0% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
  50% {
    -webkit-transform: translate3d(0, -6px, 0) rotate(0);
    transform: translate3d(0, -6px, 0) rotate(0);
    transform: translate3d(0, -6px, 0) rotate(0);
  }
  100% {
    -webkit-transform: translate3d(0, -6px, 0) rotate(135deg);
    transform: translate3d(0, -6px, 0) rotate(135deg);
    transform: translate3d(0, -6px, 0) rotate(135deg);
  }
}
@-webkit-keyframes animate-line-1-rev {
  0% {
    -webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
    transform: translate3d(0, 6px, 0) rotate(45deg);
    transform: translate3d(0, 6px, 0) rotate(45deg);
  }
  50% {
    -webkit-transform: translate3d(0, 6px, 0) rotate(0);
    transform: translate3d(0, 6px, 0) rotate(0);
    transform: translate3d(0, 6px, 0) rotate(0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
}
@keyframes animate-line-1-rev {
  0% {
    -webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
    transform: translate3d(0, 6px, 0) rotate(45deg);
    transform: translate3d(0, 6px, 0) rotate(45deg);
  }
  50% {
    -webkit-transform: translate3d(0, 6px, 0) rotate(0);
    transform: translate3d(0, 6px, 0) rotate(0);
    transform: translate3d(0, 6px, 0) rotate(0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
}
@keyframes animate-line-1-rev {
  0% {
    -webkit-transform: translate3d(0, 6px, 0) rotate(45deg);
    transform: translate3d(0, 6px, 0) rotate(45deg);
    transform: translate3d(0, 6px, 0) rotate(45deg);
  }
  50% {
    -webkit-transform: translate3d(0, 6px, 0) rotate(0);
    transform: translate3d(0, 6px, 0) rotate(0);
    transform: translate3d(0, 6px, 0) rotate(0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
}
@-webkit-keyframes animate-line-2-rev {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes animate-line-2-rev {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes animate-line-2-rev {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes animate-line-3-rev {
  0% {
    -webkit-transform: translate3d(0, -6px, 0) rotate(135deg);
    transform: translate3d(0, -6px, 0) rotate(135deg);
    transform: translate3d(0, -6px, 0) rotate(135deg);
  }
  50% {
    -webkit-transform: translate3d(0, -6px, 0) rotate(0);
    transform: translate3d(0, -6px, 0) rotate(0);
    transform: translate3d(0, -6px, 0) rotate(0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
}
@keyframes animate-line-3-rev {
  0% {
    -webkit-transform: translate3d(0, -6px, 0) rotate(135deg);
    transform: translate3d(0, -6px, 0) rotate(135deg);
    transform: translate3d(0, -6px, 0) rotate(135deg);
  }
  50% {
    -webkit-transform: translate3d(0, -6px, 0) rotate(0);
    transform: translate3d(0, -6px, 0) rotate(0);
    transform: translate3d(0, -6px, 0) rotate(0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
}
@keyframes animate-line-3-rev {
  0% {
    -webkit-transform: translate3d(0, -6px, 0) rotate(135deg);
    transform: translate3d(0, -6px, 0) rotate(135deg);
    transform: translate3d(0, -6px, 0) rotate(135deg);
  }
  50% {
    -webkit-transform: translate3d(0, -6px, 0) rotate(0);
    transform: translate3d(0, -6px, 0) rotate(0);
    transform: translate3d(0, -6px, 0) rotate(0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg);
    transform: translate3d(0, 0, 0) rotate(0deg);
  }
}
.c-header__burger {
  display: none;
}
@media only screen and (max-width: 767px) {
  .c-header__burger {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}
.menu-toggle {
  height: 22px;
  width: 35px;
  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: 3px;
  background-color: #fff;
  -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: -6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  transform: translateX(-50%);
  transform: translateX(-50%);
  display: block;
  width: 3px;
  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: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: 35px;
  -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;
}
/*------------------------------------------------------------
img
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
list
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
.c-step__list .c-step__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  background-color: #1b6eb8;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 10px 6%;
  border-radius: 79px;
  min-height: 119px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .c-step__list .c-step__item {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 5px;
  }
}
@media only screen and (max-width: 580px) {
  .c-step__list .c-step__item {
    padding: 10px 2% 20px;
    border-radius: 30px;
  }
}
.c-step__list .c-step__item:nth-child(1) {
  min-height: 236px;
}
@media only screen and (max-width: 580px) {
  .c-step__list .c-step__item:nth-child(1) {
    min-height: unset;
  }
}
.c-step__list .c-step__item + .c-step__item {
  margin-top: 83px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .c-step__list .c-step__item + .c-step__item {
    margin-top: 60px;
  }
}
.c-step__list .c-step__item + .c-step__item::before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 42px solid transparent;
  border-right: 42px solid transparent;
  border-top: 25px solid #fccb00;
  top: -49px;
}
@media only screen and (max-width: 767px) {
  .c-step__list .c-step__item + .c-step__item::before {
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 17px solid #fccb00;
    top: -38px;
  }
}
.c-step__list .c-step__item .c-step__label {
  position: absolute;
  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;
  font-family: "Noto Sans JP", sans-serif;
  background-image: url(./../img/step_number_bg.png);
  background-repeat: no-repeat;
  background-size: contain;
  left: -6px;
  width: 108px;
  height: 120px;
  top: -9px;
}
@media only screen and (max-width: 875px) {
  .c-step__list .c-step__item .c-step__label {
    width: 90px;
    height: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .c-step__list .c-step__item .c-step__label {
    position: unset;
  }
}
.c-step__list .c-step__item .c-step__label .c-step__step {
  font-size: 1.5rem;
  font-weight: 700;
}
.c-step__list .c-step__item .c-step__label .c-step__number {
  font-size: 3rem;
  line-height: 1;
  font-weight: 700;
  margin-top: -4px;
}
@media only screen and (max-width: 580px) {
  .c-step__list .c-step__item .c-step__label .c-step__number {
    font-size: 2.4rem;
  }
}
.c-step__middle{
  max-width: 450px;
  margin: 0 auto;
}



.c-step__list .c-step__item .c-step__middle .c-step__text {
  text-align: justify;
  font-size: 1.8rem;
  letter-spacing: 0;
  color: #fff;
  line-height: 1.5789473684;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .c-step__list .c-step__item .c-step__middle .c-step__text {
    font-size: 1.6rem;
    letter-spacing: 1px;
    text-align: center;
  }
}
@media only screen and (max-width: 580px) {
  .c-step__list .c-step__item .c-step__middle .c-step__text {
    font-size: 1.45rem;
    margin-bottom: 3px;
  }
}
.c-step__list .c-step__item .c-step__middle .c-step__btn {
  background-color: #fccb00;
  max-width: 262px;
  height: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 42px auto 0;
  border: 3px solid #fccb00;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  color: #fff;
  font-size: 2.2rem;
  padding-bottom: 1px;
  letter-spacing: 5px;
  border-radius: 5px;
}
@media only screen and (max-width: 580px) {
  .c-step__list .c-step__item .c-step__middle .c-step__btn {
    max-width: 200px;
    font-size: 2rem;
    letter-spacing: 2px;
    height: 50px;
    margin-top: 15px;
  }
}
@media only screen and (max-width: 414px) {
  .c-step__list .c-step__item .c-step__middle .c-step__btn {
    max-width: 180px;
    letter-spacing: 1px;
    height: 45px;
    margin-bottom: 5px;
  }
}
.c-step__list .c-step__item .c-step__middle .c-step__btn:hover {
  background-color: #fff;
  color: #fccb00;
}
.c-step__list .c-step__item .c-step__img {
  position: absolute;
  right: -29px;
  width: 19.6%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  .c-step__list .c-step__item .c-step__img {
    position: unset;
    -webkit-transform: unset;
    transform: unset;
  }
}
@media only screen and (max-width: 580px) {
  .c-step__list .c-step__item .c-step__img {
    width: 55%;
  }
}
.c-step__list .c-step__item .c-step__img .c-step__imgchild {
  position: absolute;
  left: 50%;
  width: 173.5%;
  bottom: -26px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  .c-step__list .c-step__item .c-step__img .c-step__imgchild {
    width: 80%;
  }
}
.c-column__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px 6.95%;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .c-column__list {
    gap: 25px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.c-column__list .c-column__item {
  width: 28.7%;
}
@media only screen and (max-width: 767px) {
  .c-column__list .c-column__item {
    width: 48%;
  }
}
.c-column__list .c-column__link {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
.c-column__list .c-column__link:hover {
  opacity: 1;
}
.c-column__list .c-column__link:hover .c-column__img img {
  
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.c-column__list .c-column__img {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  overflow: hidden;
}
.c-column__list .c-column__img img {
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  aspect-ratio: 257/212;
}
.c-column__list .c-column__title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 10px 12px;
  font-size: 1.6rem;
  text-align: justify;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  background-color: #fff;
  font-weight: 500;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .c-column__list .c-column__title {
    font-size: 1.4rem;
    padding: 6px 10px;
  }
}
.c-slogan {
  padding-bottom: 46px;
  background-image: url(./../img/slogan_bg2.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.c-slogan > .l-container {
  max-width: 954px;
}
.c-slogan__top {
  padding: 15px 0 48px;
  -webkit-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: rotate(-5.88deg);
  transform: rotate(-5.88deg);
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 767px) {
  .c-slogan__top {
    padding: 12px 0 20px;
  }
}
@media only screen and (max-width: 580px) {
  .c-slogan__top {
    padding: 8px 0 15px;
  }
}
.c-slogan__top::before {
  content: "";
  width: 110%;
  height: 100%;
  z-index: -1;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  background-image: url(./../img/slogan_bg.png);
}
.c-slogan__top h2 {
  font-size: 4rem;
  font-weight: 700;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  letter-spacing: 3px;
  line-height: 1;
}
@media only screen and (max-width: 1023px) {
  .c-slogan__top h2 {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-slogan__top h2 {
    font-size: 2.5rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-slogan__top h2 {
    font-size: 2.2rem;
  }
}
.c-slogan__top h2 span {
  line-height: 1;
  font-size: 7.1rem;
  font-weight: 700;
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}
@media only screen and (max-width: 1023px) {
  .c-slogan__top h2 span {
    font-size: 5rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-slogan__top h2 span {
    font-size: 4rem;
  }
}
.c-slogan__top p {
  font-size: 2.5rem;
  font-weight: 700;
  color: #eee902;
  text-align: center;
  margin-top: 30px;
  letter-spacing: 2.5px;
}
@media only screen and (max-width: 1023px) {
  .c-slogan__top p {
    font-size: 2.2rem;
    letter-spacing: 1px;
  }
}
@media only screen and (max-width: 767px) {
  .c-slogan__top p {
    margin-top: 11px;
    font-size: 2rem;
    letter-spacing: 0.5px;
  }
}
@media only screen and (max-width: 580px) {
  .c-slogan__top p {
    font-size: 1.8rem;
    padding: 0 9%;
  }
}
.c-slogan__list {
  margin-top: 255px;
  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: 1150px) {
  .c-slogan__list {
    margin-top: 200px;
  }
}
@media only screen and (max-width: 1023px) {
  .c-slogan__list {
    margin-top: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .c-slogan__list {
    margin-top: 120px;
  }
}
@media only screen and (max-width: 580px) {
  .c-slogan__list {
    margin-top: 80px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 35px;
  }
}
.c-slogan__list .c-slogan__item {
  width: 44%;
}
@media only screen and (max-width: 767px) {
  .c-slogan__list .c-slogan__item {
    width: 48%;
  }
}
@media only screen and (max-width: 580px) {
  .c-slogan__list .c-slogan__item {
    width: 100%;
  }
}
.c-slogan__list .c-slogan__item .c-sloganitem__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 15px;
  margin-bottom: 20px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .c-slogan__list .c-slogan__item .c-sloganitem__top {
    gap: 8px;
  }
}
.c-slogan__list .c-slogan__item .c-sloganitem__top::before, .c-slogan__list .c-slogan__item .c-sloganitem__top::after {
  content: "";
  background-color: #231916;
  position: absolute;
  height: 45px;
  width: 1px;
}
.c-slogan__list .c-slogan__item .c-sloganitem__top::before {
  top: 0;
  left: 7.7%;
  -webkit-transform: rotate(-28deg);
  transform: rotate(-28deg);
}
.c-slogan__list .c-slogan__item .c-sloganitem__top::after {
  top: 0;
  right: 8.7%;
  -webkit-transform: rotate(28deg);
  transform: rotate(28deg);
}
.c-slogan__list .c-slogan__item .c-sloganitem__top span {
  width: 38px;
}
@media only screen and (max-width: 767px) {
  .c-slogan__list .c-slogan__item .c-sloganitem__top span {
    width: 28px;
  }
}
.c-slogan__list .c-slogan__item .c-sloganitem__top h4 {
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: 2.5px;
}
@media only screen and (max-width: 767px) {
  .c-slogan__list .c-slogan__item .c-sloganitem__top h4 {
    font-size: 2rem;
    letter-spacing: 1px;
  }
}
.c-slogan__list .c-slogan__item .c-sloganitem__desc {
  font-size: 2.1rem;
  font-weight: 500;
  line-height: 1.5657142857;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  margin: 19px auto 0;
  letter-spacing: 2px;
}
@media only screen and (max-width: 767px) {
  .c-slogan__list .c-slogan__item .c-sloganitem__desc {
    letter-spacing: 0.5px;
    font-size: 1.7rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-slogan__list .c-slogan__item .c-sloganitem__desc {
    margin-top: 10px;
    font-size: 1.5rem;
  }
}
.c-benefit__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 149px;
}
@media only screen and (max-width: 767px) {
  .c-benefit__list {
    margin-top: 100px;
  }
}
@media only screen and (max-width: 580px) {
  .c-benefit__list {
    margin-top: 70px;
  }
}
.c-benefit__list li {
  width: 32%;
}
.c-benefit__list li .c-benefit__item {
  position: relative;
  background-color: #2a2e8e;
  border-radius: 16px;
  height: 128px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  border: 3px solid #2a2e8e;
}
@media only screen and (max-width: 767px) {
  .c-benefit__list li .c-benefit__item {
    height: 100px;
  }
}
@media only screen and (max-width: 580px) {
  .c-benefit__list li .c-benefit__item {
    height: 80px;
  }
}
@media only screen and (max-width: 414px) {
  .c-benefit__list li .c-benefit__item {
    height: 58px;
  }
}
/* .c-benefit__list li .c-benefit__item:hover {
  background-color: #fff;
}
.c-benefit__list li .c-benefit__item:hover .c-benefititem__text {
  color: #2a2e8e;
}
.c-benefit__list li .c-benefit__item:hover .c-benefit__book {
  width: 80px;
  -webkit-transform: translate(50%, -72%) rotate(20deg);
  transform: translate(50%, -72%) rotate(20deg);
} */
@media only screen and (max-width: 767px) {
  .c-benefit__list li .c-benefit__item:hover .c-benefit__book {
    width: 50px;
  }
}
@media only screen and (max-width: 580px) {
  .c-benefit__list li .c-benefit__item:hover .c-benefit__book {
    width: 35px;
  }
}
.c-benefit__list li .c-benefit__item .c-benefit__book {
  position: absolute;
  width: 96px;
  left: 52%;
  top: 0;
  -webkit-transform: translate(-50%, -72%);
  transform: translate(-50%, -72%);
  -webkit-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
@media only screen and (max-width: 767px) {
  .c-benefit__list li .c-benefit__item .c-benefit__book {
    width: 66px;
  }
}
@media only screen and (max-width: 580px) {
  .c-benefit__list li .c-benefit__item .c-benefit__book {
    width: 40px;
  }
}
.c-benefit__list li .c-benefit__item .c-benefititem__text {
  font-size: 2.7rem;
  text-align: center;
  color: #fff;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
  letter-spacing: 2px;
}
@media only screen and (max-width: 767px) {
  .c-benefit__list li .c-benefit__item .c-benefititem__text {
    font-size: 1.8rem;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 580px) {
  .c-benefit__list li .c-benefit__item .c-benefititem__text {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 414px) {
  .c-benefit__list li .c-benefit__item .c-benefititem__text {
    font-size: 1.55rem;
  }
}
@media only screen and (max-width: 374px) {
  .c-benefit__list li .c-benefit__item .c-benefititem__text {
    font-size: 1.4rem;
  }
}
.c-voice__list {
  margin-top: -35px;
}
@media only screen and (max-width: 580px) {
  .c-voice__list {
    margin-top: 12px;
  }
}
.c-voice__list .c-voice__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-voice__list .c-voice__item + .c-voice__item {
  margin-top: 42px;
}
.c-voice__list .c-voice__item:nth-child(odd) {
  padding-right: 3.6%;
}
@media only screen and (max-width: 1023px) {
  .c-voice__list .c-voice__item:nth-child(odd) {
    padding-right: 0;
  }
}
.c-voice__list .c-voice__item:nth-child(odd) .c-voice__content {
  margin-left: 2.9%;
  margin-top: 72px;
}
@media only screen and (max-width: 767px) {
  .c-voice__list .c-voice__item:nth-child(odd) .c-voice__content {
    margin-top: 23px;
  }
}
.c-voice__list .c-voice__item:nth-child(odd) .c-voice__content::before {
  content: "";
  width: 58px;
  height: 72.5px;
  background-image: url(./../img/box1_arrow.png);
  background-size: 100% 100%;
  position: absolute;
  right: calc(100% - 9px);
  background-repeat: no-repeat;
  top: -13px;
}
@media only screen and (max-width: 580px) {
  .c-voice__list .c-voice__item:nth-child(odd) .c-voice__content::before {
    width: 26px;
    height: 35px;
    right: calc(100% - 5px);
    top: 4px;
  }
}
.c-voice__list .c-voice__item:nth-child(even) {
  padding-left: 3.6%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
@media only screen and (max-width: 1023px) {
  .c-voice__list .c-voice__item:nth-child(even) {
    padding-left: 0;
  }
}
.c-voice__list .c-voice__item:nth-child(even) .c-voice__content {
  margin-right: 2.9%;
  margin-top: 32px;
}
.c-voice__list .c-voice__item:nth-child(even) .c-voice__content::before {
  content: "";
  width: 57.5px;
  height: 72px;
  background-image: url(./../img/box2_arrow.png);
  background-size: 100% 100%;
  position: absolute;
  left: calc(100% - 8px);
  background-repeat: no-repeat;
  top: -12px;
}
@media only screen and (max-width: 580px) {
  .c-voice__list .c-voice__item:nth-child(even) .c-voice__content::before {
    width: 24px;
    height: 30px;
    left: calc(100% - 3px);
    top: 11px;
  }
}
.c-voice__list .c-voice__item .c-voice__man {
  width: 19.8%;
}
.c-voice__list .c-voice__item .c-voice__content {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #fff;
  border: 6px solid #333893;
  border-radius: 40px;
  padding: 25px 3.3% 40px;
}
@media only screen and (max-width: 1150px) {
  .c-voice__list .c-voice__item .c-voice__content {
    padding: 25px 3% 45px;
  }
}
@media only screen and (max-width: 767px) {
  .c-voice__list .c-voice__item .c-voice__content {
    padding: 20px 3.5% 35px;
  }
}
@media only screen and (max-width: 580px) {
  .c-voice__list .c-voice__item .c-voice__content {
    padding: 13px 3% 25px;
    border-width: 3px;
  }
}
.c-voice__list .c-voice__item .c-voice__title1 {
  font-size: 2.8rem;
  font-weight: 500;
  text-align: justify;
  color: #333893;
  letter-spacing: 3px;
}
@media only screen and (max-width: 767px) {
  .c-voice__list .c-voice__item .c-voice__title1 {
    font-size: 2.4rem;
    letter-spacing: 1px;
  }
}
@media only screen and (max-width: 580px) {
  .c-voice__list .c-voice__item .c-voice__title1 {
    font-size: 2.1rem;
    letter-spacing: 0.5px;
  }
}
.c-voice__list .c-voice__item .c-voice__title2 {
font-weight: 700;
    font-size: 2.2rem;
    letter-spacing: 0;
    margin-top: 11px;
    text-align: justify;
}
@media only screen and (max-width: 1150px) {
  .c-voice__list .c-voice__item .c-voice__title2 {
    margin-top: 7px;
    letter-spacing: 1.5px;
    font-size: 2.5rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-voice__list .c-voice__item .c-voice__title2 {
    font-size: 2.2rem;
    letter-spacing: 0.5px;
  }
}
@media only screen and (max-width: 580px) {
  .c-voice__list .c-voice__item .c-voice__title2 {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 414px) {
  .c-voice__list .c-voice__item .c-voice__title2 {
    font-size: 1.5rem;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 374px) {
  .c-voice__list .c-voice__item .c-voice__title2 {
    font-size: 1.5rem;
  }
}
.c-voice__list .c-voice__item .c-voice__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .c-voice__list .c-voice__item .c-voice__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 580px) {
  .c-voice__list .c-voice__item .c-voice__row {
    margin-top: 10px;
  }
}
.c-voice__list .c-voice__item .c-voice__row .c-voice__desc {
  font-size: 1.5rem;
  line-height: 1.7333333333;
  font-weight: 500;
  text-align: justify;
  width: 62.3%;
  letter-spacing: 1.5px;
}
@media only screen and (max-width: 767px) {
  .c-voice__list .c-voice__item .c-voice__row .c-voice__desc {
    width: 100%;
    font-size: 1.4rem;
    margin-top: 6px;
  }
}
@media only screen and (max-width: 580px) {
  .c-voice__list .c-voice__item .c-voice__row .c-voice__desc {
    font-size: 1.3rem;
    line-height: 1.55;
    letter-spacing: 0.5px;
  }
}
.c-voice__list .c-voice__item .c-voice__row .c-voice__img {
  width: 34.5%;
  margin-top: -6.5%;
}
@media only screen and (max-width: 1150px) {
  .c-voice__list .c-voice__item .c-voice__row .c-voice__img {
    margin-top: 0;
  }
}
@media only screen and (max-width: 580px) {
  .c-voice__list .c-voice__item .c-voice__row .c-voice__img {
    width: 100%;
  }
  .c-voice__list .c-voice__item .c-voice__row .c-voice__img img {
    -o-object-fit: cover;
    object-fit: cover;
    aspect-ratio: 4/3;
  }
}
/*------------------------------------------------------------
table
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
line
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
video
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
video
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*------------------------------------------------------------
other
------------------------------------------------------------*/
/*
------------------------------------------------------------*/
/*≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡
// Project .p-
≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡*/
/*------------------------------------------------------------
Css of home page
------------------------------------------------------------*/
.c-mainvisual {
  padding-top: 34px;
  padding-bottom: 103px;
  background: url("./../img/mainvisual_city.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center 98%;
  position: relative;
  z-index: 3;
}
@media only screen and (max-width: 767px) {
  .c-mainvisual {
    padding-bottom: 153px;
  }
}
.c-mainvisual::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.2)), color-stop(25%, #9fc2f1), color-stop(52%, #6c9ad6), to(#00439a));
  background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0.2) 0%, #9fc2f1 25%, #6c9ad6 52%, #00439a 100%);
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.2) 0%, #9fc2f1 25%, #6c9ad6 52%, #00439a 100%);
  background-position: top;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.c-mainvisual .l-container {
  max-width: 1200px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .c-mainvisual .l-container {
    position: unset;
  }
}
.c-mainvisual .c-mainvisual__title1 {
  width: 61%;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .c-mainvisual .c-mainvisual__title1 {
    width: 80%;
  }
}
.c-mainvisual .c-mainvisual__title2 {
  margin: 12px auto -25px;
  width: 42%;
}
@media only screen and (max-width: 767px) {
  .c-mainvisual .c-mainvisual__title2 {
    margin-bottom: 0;
    width: 65%;
  }
}
.c-mainvisual .c-mainvisual__title3 {
  margin: 0 auto;
  width: 78%;
}
@media only screen and (max-width: 767px) {
  .c-mainvisual .c-mainvisual__title3 {
    width: 94%;
  }
}
.c-mainvisual .c-mainvisual__house {
  position: absolute;
  width: 41%;
  left: -4.8%;
  bottom: 6.1%;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .c-mainvisual .c-mainvisual__house {
    bottom: 2%;
  }
}
.c-mainvisual .c-mainvisual__girl {
  position: absolute;
  right: 1.4%;
  width: 27%;
  bottom: -103px;
  z-index: -1;
}
@media only screen and (max-width: 767px) {
  .c-mainvisual .c-mainvisual__girl {
    bottom: 0;
    width: 29%;
  }
}
.c-voice {
  margin-top: -207px;
}
@media only screen and (max-width: 580px) {
  .c-voice {
    margin-top: -250px;
  }
}
.c-voice__bottom {
  background-color: #eee902;
  padding-bottom: 300px;
}
@media only screen and (max-width: 1023px) {
  .c-voice__bottom {
    padding-bottom: 250px;
  }
}
@media only screen and (max-width: 767px) {
  .c-voice__bottom {
    padding-bottom: 180px;
  }
}
@media only screen and (max-width: 580px) {
  .c-voice__bottom {
    padding-top: 20px;
  }
}
.c-voice__bottom .c-voicebottom__label {
  max-width: 566px;
  margin: 0 auto;
  -webkit-transform: translateY(-36px);
  transform: translateY(-36px);
}
@media only screen and (max-width: 580px) {
  .c-voice__bottom .c-voicebottom__label {
    -webkit-transform: unset;
    transform: unset;
    width: 90%;
  }
}
.c-voice__bottom .l-container {
  max-width: 1184px;
}
.c-voice .c-formvoice__container {
  max-width: 824px;
  margin: 222px auto 0;
  border: 2px solid #fff;
  border-radius: 9px;
}
@media only screen and (max-width: 1150px) {
  .c-voice .c-formvoice__container {
    margin-top: 150px;
  }
}
@media only screen and (max-width: 1023px) {
  .c-voice .c-formvoice__container {
    margin-top: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .c-voice .c-formvoice__container {
    margin-top: 80px;
  }
}
.c-award {
  background-image: url(./../img/index_bg2.png);
  background-position: top;
  background-size: cover;
  margin-top: -1px;
  padding-bottom: 350px;
}
.c-award .l-container {
  max-width: 1205px;
}
.c-award .c-award__list {
  z-index: 13;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateY(-32px);
  transform: translateY(-32px);
}
@media only screen and (max-width: 767px) {
  .c-award .c-award__list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: unset;
    transform: unset;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px 4%;
  }
}
.c-award .c-award__list .c-award__item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media only screen and (max-width: 767px) {
  .c-award .c-award__list .c-award__item {
    -webkit-box-flex: unset;
    -ms-flex: unset;
    flex: unset;
    width: 48%;
  }
}
.c-award__form {
  margin-bottom: 124px;
  margin-top: 81px;
}
@media only screen and (max-width: 767px) {
  .c-award__form {
    margin-top: 40px;
    margin-bottom: 80px;
  }
}
.c-award__form .c-contact__container {
  border: 2px solid #fff;
  border-radius: 8px;
}
.c-sliderlist__container {
  position: relative;
}
.c-sliderlist__container .c-slider1__btn {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 65px;
  height: 65px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #dee218;
  border-radius: 50%;
  border: 2px solid #fff;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 5;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
@media only screen and (max-width: 767px) {
  .c-sliderlist__container .c-slider1__btn {
    width: 50px;
    height: 50px;
  }
}
.c-sliderlist__container .c-slider1__btn:hover {
  background-color: #fff;
  border-color: #dee218;
  cursor: pointer;
}
.c-sliderlist__container .c-slider1__btn:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.c-sliderlist__container .c-slider1__btn img {
  width: 70%;
  -webkit-transition: all 0.25s ease-in;
  transition: all 0.25s ease-in;
}
.c-sliderlist__container .c-slider1__btn.c-slider1__prev {
  left: 5%;
}
.c-sliderlist__container .c-slider1__btn.c-slider1__next {
  right: 5%;
}
.c-sliderlist__container .slick-dots {
  bottom: -56px;
}
.c-sliderlist__container .slick-dots li button::before {
  content: "";
  width: 35px;
  /* Adjust to your image size */
  height: 35px;
  /* Adjust to your image size */
  display: inline-block;
  background-image: url(./../img/dot.png);
  background-size: cover;
  opacity: 1;
}
.c-sliderlist__container .slick-dots li.slick-active button::before {
  background-image: url(./../img/dot_yellow.png);
}
.c-sliderlist__container .slick-dots li {
  margin: 0 18px;
  /* Adjust spacing between dots if necessary */
}
.c-slider1__list {
  margin-right: -13px;
  margin-left: -13px;
}
.c-slider1__list .c-slider1__item {
  margin-right: 13px;
  margin-left: 13px;
  border-radius: 18px;
  overflow: hidden;
}
.c-problem {
  position: relative;
  z-index: 4;
  background-image: url(./../img/problem_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
  padding-top: 396px;
  margin-top: -40px;
}
.c-problem__top {
  background-color: #eee902;
  padding-bottom: 25px;
  padding-top: 30px;
  left: 50%;
  -webkit-transform: rotate(-3deg) translateX(-50%);
  transform: rotate(-3deg) translateX(-50%);
  position: relative;
  width: 110%;
  margin-top: -110px;
  z-index: 7;
}
.c-problem__top .c-problemtop__line {
  position: absolute;
  height: 15px;
  top: 0;
  width: 100%;
  background-image: url(./../img/line_problem.png);
  z-index: 5;
  background-size: contain;
  background-repeat: repeat-x;
}
.c-problem__top .c-problemtop__wrapper {
  max-width: 950px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5%;
}
@media only screen and (max-width: 767px) {
  .c-problem__top .c-problemtop__wrapper {
    padding: 0 10%;
    gap: 2%;
  }
}
.c-problem__top .c-problemtop__wrapper .c-problem__i {
  width: 98px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .c-problem__top .c-problemtop__wrapper .c-problem__i {
    width: 80px;
  }
}
.c-problem__top .c-problemtop__wrapper .c-problem__i .c-c-linei {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  width: 1000vh;
  height: 90%;
  z-index: -1;
  top: 52%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  gap: 12%;
}
@media only screen and (max-width: 767px) {
  .c-problem__top .c-problemtop__wrapper .c-problem__i .c-c-linei {
    height: 80%;
  }
}
.c-problem__top .c-problemtop__wrapper .c-problem__i .c-c-linei--left {
  right: calc(100% - 45px);
}
.c-problem__top .c-problemtop__wrapper .c-problem__i .c-c-linei--right {
  left: calc(100% - 45px);
}
.c-problem__top .c-problemtop__wrapper .c-problem__i .c-c-linei span {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  background-color: #909a59;
}
.c-problem__top .c-problemtop__wrapper .c-problem__title {
  font-size: 4.6rem;
  font-weight: 500;
  letter-spacing: 2.5px;
}
@media only screen and (max-width: 1023px) {
  .c-problem__top .c-problemtop__wrapper .c-problem__title {
    font-size: 3.8rem;
    letter-spacing: 1px;
  }
}
@media only screen and (max-width: 767px) {
  .c-problem__top .c-problemtop__wrapper .c-problem__title {
    font-size: 3rem;
    text-align: center;
  }
}
@media only screen and (max-width: 580px) {
  .c-problem__top .c-problemtop__wrapper .c-problem__title {
    font-size: 2.4rem;
    letter-spacing: 0.5px;
  }
}
@media only screen and (max-width: 414px) {
  .c-problem__top .c-problemtop__wrapper .c-problem__title {
    font-size: 2.2rem;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 374px) {
  .c-problem__top .c-problemtop__wrapper .c-problem__title {
    font-size: 2rem;
  }
}
.c-problem .l-container {
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .c-problem {
    padding-top: 30%;
  }
}
@media only screen and (max-width: 767px) {
  .c-problem {
    padding-top: 280px;
  }
}
@media only screen and (max-width: 414px) {
  .c-problem {
    padding-top: 180px;
  }
}
.c-problem .c-problem__men {
  margin: 0 auto;
  width: 35.6%;
  z-index: -3;
  position: relative;
}

.c-span__sad{
    position: absolute;
    display: flex;
    gap: 5px;
    top: -0.6%;
    left: 46.7%;
}
.c-span__sad span{
  height: 48px;
  width: 1px;
  background-color: #333893;
  transition-duration: 0.4s;
  opacity: 1;
  transition-property: opacity , transform;
  transition-timing-function: linear;
  transform: translateY(-100%);
  opacity: 0;
}
.c-span__sad span.show{
  transform: translateY(0);
  opacity: 1;
}


.c-span__sad span:nth-of-type(1){
 
  margin-right: 6px;
  transition-delay: 0s;
}
.c-span__sad span:nth-of-type(2){
  transition-delay: 0.15s;
 

}
.c-span__sad span:nth-of-type(3){
  transition-delay: 0.25s;
 

}
.c-span__sad span:nth-of-type(4){
 
  transition-delay: 0.35s;

}
.c-span__sad span:nth-of-type(5){
 
  transition-delay: 0.45s;

}
@media only screen and (max-width: 580px) {
  .c-problem .c-problem__men {
    width: 56%;
  }
}
.c-problem .c-problem1 {
  width: 16.8%;
  position: absolute;
  left: 12.9%;
  top: -32%;
}
@media only screen and (max-width: 580px) {
  .c-problem .c-problem1 {
    width: 20.8%;
    left: 3.9%;
    top: -33%;
  }
}
.c-problem .c-problem2 {
  width: 12.46%;
  position: absolute;
  left: 25.4%;
  top: -48%;
}
@media only screen and (max-width: 580px) {
  .c-problem .c-problem2 {
    width: 14.46%;
    left: 20.4%;
    top: -45%;
  }
}
.c-problem .c-problem3 {
  width: 16.07%;
  position: absolute;
  right: 16.4%;
  top: -47%;
}
@media only screen and (max-width: 580px) {
  .c-problem .c-problem3 {
    width: 21.07%;
    right: 9.4%;
    top: -56%;
  }
}
.c-resolve__arrow {
  width: 122px;
  position: absolute;
  left: 50%;
  z-index: 5;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -12px;
}
@media only screen and (max-width: 767px) {
  .c-resolve__arrow {
    width: 60px;
    bottom: -20px;
  }
}
@media only screen and (max-width: 580px) {
  .c-resolve__arrow {
    width: 47px;
    bottom: -25px;
  }
}
.c-resolve__top {
  position: absolute;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
  clip-path: polygon(0 0, 0% 100%, 100% 100%);
  height: 145px;
  width: 100%;
  background-color: #2a2e8e;
  z-index: 4;
  margin-bottom: -1px;
  bottom: 0;
}
@media only screen and (max-width: 767px) {
  .c-resolve__top {
    height: 100px;
    margin-bottom: -2px;
  }
}
@media only screen and (max-width: 580px) {
  .c-resolve__top {
    height: 53px;
  }
}
@media only screen and (max-width: 414px) {
  .c-resolve__top {
    height: 40px;
    margin-bottom: -1px;
  }
}
.c-resolve {
  background-color: #2a2e8e;
  padding-top: 43px;
}
.c-resolve .l-container {
  padding-bottom: 12.5%;
  position: relative;
}
@media only screen and (max-width: 580px) {
  .c-resolve .l-container {
    padding-bottom: 52%;
  }
}
.c-slogan__top2 {
  margin-top: -11.2%;
  z-index: 9;
}
.c-resolve__list {
  margin-left: auto;
  width: 65.7%;
  z-index: 10;
  position: relative;
}
@media only screen and (max-width: 580px) {
  .c-resolve__list {
    width: 100%;
  }
}
.c-resolve__list .c-resolve__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.c-resolve__list .c-resolve__item + .c-resolve__item {
  margin-top: 22px;
}
.c-resolve__list .c-resolve__item .c-resolve__number {
  width: 75px;
  height: 75px;
  font-size: 4.2rem;
  font-weight: 500;
  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;
  line-height: 1;
  padding-bottom: 8px;
  background-image: url(./../img/slogan_color.png);
  background-size: contain;
  background-repeat: no-repeat;
  color: #fff;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .c-resolve__list .c-resolve__item .c-resolve__number {
    font-size: 3.5rem;
    width: 60px;
    height: 60px;
  }
}
@media only screen and (max-width: 580px) {
  .c-resolve__list .c-resolve__item .c-resolve__number {
    font-size: 3rem;
  }
}
.c-resolve__list .c-resolve__item .c-resolve__title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 2.5rem;
  font-weight: 700;
  color: #eee902;
  padding-bottom: 1px;
  padding-left: 1.6%;
  letter-spacing: 2.5px;
}
@media only screen and (max-width: 1023px) {
  .c-resolve__list .c-resolve__item .c-resolve__title {
    font-size: 2.3rem;
    letter-spacing: 1px;
  }
}
@media only screen and (max-width: 767px) {
  .c-resolve__list .c-resolve__item .c-resolve__title {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-resolve__list .c-resolve__item .c-resolve__title {
    font-size: 1.7rem;
  }
}
.c-resolve__girl {
  position: absolute;
  width: 35.5%;
  bottom: 8.7%;
  z-index: 7;
  left: 2.9%;
}
@media only screen and (max-width: 767px) {
  .c-resolve__girl {
    left: -1%;
  }
}
@media only screen and (max-width: 580px) {
  .c-resolve__girl {
    left: unset;
    right: 5%;
    bottom: 0;
  }
}
.c-step {
  padding: 193px 0 229px;
  background-image: url(./../img/step_bg2.png), url(./../img/step_bg1.jpg);
  background-position: center 350%, center top;
  background-size: contain, cover;
  background-repeat: no-repeat, no-repeat;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .c-step {
    padding: 140px 0 200px;
  }
}
@media only screen and (max-width: 767px) {
  .c-step {
    padding: 100px 0 150px;
    background-position: center bottom, center top;
  }
}
@media only screen and (max-width: 580px) {
  .c-step {
    padding: 60px 0 270px;
  }
}
.c-step .c-title1 {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -35%);
  transform: translate(-50%, -35%);
  max-width: 897px;
  width: 90%;
  margin-bottom: 0;
}
.c-step .l-container {
  max-width: 925px;
}
.c-instagram {
  margin-top: -1px;
  padding: 170px 0 0;
  background-image: url(./../img/ig_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 4;
}
@media only screen and (max-width: 1023px) {
  .c-instagram {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .c-instagram {
    padding-top: 90px;
  }
}
@media only screen and (max-width: 580px) {
  .c-instagram {
    padding-top: 65px;
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 414px) {
  .c-instagram {
    padding-top: 40px;
  }
}
.c-instagram .l-container {
  max-width: 990px;
  position: relative;
  z-index: 5;
  padding-bottom: 233px;
}
@media only screen and (max-width: 580px) {
  .c-instagram .l-container {
    position: unset;
    padding-bottom: 315px;
  }
}
.c-instagram .c-ig__girl {
  position: absolute;
  z-index: -1;
  width: 40.1%;
  right: -5.7%;
  bottom: 34px;
}
@media only screen and (max-width: 580px) {
  .c-instagram .c-ig__girl {
    right: 3%;
  }
}
.c-ig__179{
    display: flex;
    flex-direction: column;
    width: max-content;
    margin: 0 auto;
    padding: 20px;
}
.c-instagram .c-ig__logo {
  width: 289px;
  margin: 0 auto;
  -webkit-transform: translateX(19px);
  transform: translateX(19px);
}
@media only screen and (max-width: 580px) {
  .c-instagram .c-ig__logo {
    -webkit-transform: unset;
    transform: unset;
    width: 230px;
  }
}
.c-instagram .c-ig__link {
  margin: 16px auto 0;
  max-width: -webkit-fit-content;
  max-width: fit-content;
  max-width: -moz-fit-content;
  color: #fff;
  font-size: 1.655rem;
  letter-spacing: 2px;
  font-weight: 500;
}
.c-instagram .c-ig__container {
  margin-top: 85px;
} 
@media only screen and (max-width: 1023px) {
  .c-instagram .c-ig__container {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .c-instagram .c-ig__container {
    margin-top: 30px;
  }
}
.c-column {
  margin-top: -89px;
  padding: 125px 0 150px;
  background-image: url(./../img/column_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  z-index: 5;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .c-column {
    padding: 100px 0 120px;
  }
}
@media only screen and (max-width: 767px) {
  .c-column {
    padding: 60px 0 70px;
  }
}
.c-column .l-container {
  max-width: 927px;
}
.c-column .c-btn1 {
  margin-top: 70px;
}
@media only screen and (max-width: 767px) {
  .c-column .c-btn1 {
    margin-top: 50px;
  }
}
.c-banner1 {
  background-image: url(./../img/banner1.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}
.c-banner1 .l-container {
  max-width: 1000px;
  min-height: 800px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 114px;
}
@media only screen and (max-width: 1023px) {
  .c-banner1 .l-container {
    min-height: 500px;
    padding-bottom: 0;
    -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: 767px) {
  .c-banner1 .l-container {
    padding-top: 15%;
  }
}
.c-banner1 .c-banner1__title {
  text-align: center;
  font-size: 5.4rem;
  font-weight: 700;
  line-height: 1.75;
  position: relative;
  line-height: 1;
}
@media only screen and (max-width: 767px) {
  .c-banner1 .c-banner1__title {
    width: 100%;
  }
}
.c-banner1 .c-banner1__title .c-img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 767px) {
  .c-banner1 .c-banner1__title .c-img {
    display: block;
    position: relative;
  }
}
.c-banner1 .c-banner1__title .c-txt {
  opacity: 0;
  visibility: hidden;
}
@media only screen and (max-width: 767px) {
  .c-banner1 .c-banner1__title .c-txt {
    display: none;
  }
}
.c-banner1 .c-banner1__desc {
  text-align: center;
  font-size: 5.4rem;
  font-weight: 700;
  line-height: 1.75;
  margin-top: 88px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .c-banner1 .c-banner1__desc {
    width: 100%;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 580px) {
  .c-banner1 .c-banner1__desc {
    margin-top: 15px;
  }
}
.c-banner1 .c-banner1__desc .c-img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 767px) {
  .c-banner1 .c-banner1__desc .c-img {
    position: relative;
    display: block;
  }
}
.c-banner1 .c-banner1__desc .c-txt {
  opacity: 0;
  visibility: hidden;
}
@media only screen and (max-width: 767px) {
  .c-banner1 .c-banner1__desc .c-txt {
    display: none;
  }
}
.c-benefit {
  background-image: url(./../img/slogan_bg2.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.c-benefit .c-benefit__top {
  padding-top: 260px;
  padding-bottom: 45px;
  background-image: url(./../img/benefit_bg1.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center bottom;
}
@media only screen and (max-width: 1150px) {
  .c-benefit .c-benefit__top {
    padding-top: 200px;
  }
}
@media only screen and (max-width: 1023px) {
  .c-benefit .c-benefit__top {
    padding-top: 150px;
  }
}
@media only screen and (max-width: 767px) {
  .c-benefit .c-benefit__top {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 580px) {
  .c-benefit .c-benefit__top {
    padding-top: 60px;
  }
}
.c-benefit .c-benefit__top .l-container {
  max-width: 965px;
}
.c-benefit .c-benefit__top .c-benefit__titletop {
  font-size: 4.7rem;
  font-weight: 700;
  line-height: 1.7446808511;
  white-space: nowrap;
}
@media only screen and (max-width: 1023px) {
  .c-benefit .c-benefit__top .c-benefit__titletop {
    font-size: 4.2rem;
    white-space: unset;
  }
}
@media only screen and (max-width: 767px) {
  .c-benefit .c-benefit__top .c-benefit__titletop {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-benefit .c-benefit__top .c-benefit__titletop {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 414px) {
  .c-benefit .c-benefit__top .c-benefit__titletop {
    font-size: 1.8rem;
  }
}
.c-benefit .c-benefit__bottom {
  padding: 63px 0;
}
@media only screen and (max-width: 580px) {
  .c-benefit .c-benefit__bottom {
    padding: 30px 0;
  }
}
.c-benefit .c-benefit__bottom .c-benefitbottom__desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: justify;
  font-size: 2.5rem;
  line-height: 1.75;
  font-weight: 700;
  margin-bottom: 38px;
}
@media only screen and (max-width: 767px) {
  .c-benefit .c-benefit__bottom .c-benefitbottom__desc {
    font-size: 2.1rem;
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 580px) {
  .c-benefit .c-benefit__bottom .c-benefitbottom__desc {
    font-size: 1.8rem;
    margin-bottom: 15px;
  }
}
@media only screen and (max-width: 414px) {
  .c-benefit .c-benefit__bottom .c-benefitbottom__desc {
    font-size: 1.6rem;
  }
}
.c-benefit .c-benefit__bottom .c-benefitbottom__girl {
  margin: 0 auto 61px;
  max-width: 218px;
}
@media only screen and (max-width: 767px) {
  .c-benefit .c-benefit__bottom .c-benefitbottom__girl {
    max-width: 180px;
  }
}
@media only screen and (max-width: 580px) {
  .c-benefit .c-benefit__bottom .c-benefitbottom__girl {
    max-width: 140px;
    margin-bottom: 30px;
  }
}
.c-member {
  background-image: url(./../img/member_bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-bottom: -200px;
}
@media only screen and (max-width: 1023px) {
  .c-member {
    margin-bottom: -150px;
  }
}
@media only screen and (max-width: 767px) {
  .c-member {
    margin-bottom: -100px;
  }
}
.c-member .c-member__container {
  padding-top: 246px;
  padding-bottom: 220px;
}
@media only screen and (max-width: 580px) {
  .c-member .c-member__container {
    padding-top: 200px;
    padding-bottom: 100px;
  }
}
.c-member .l-container {
  max-width: 1230px;
}
.c-member__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-member__row .c-member__house {
  width: 47.7%;
}
.c-member__row .c-member__right {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 6.3%;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  bottom: 27px;
}
@media only screen and (max-width: 767px) {
  .c-member__row .c-member__right {
    bottom: 17px;
  }
}
.c-member__row .c-member__right .c-memberright__family {
  width: 32%;
}
@media only screen and (max-width: 1023px) {
  .c-member__row .c-member__right .c-memberright__family {
    width: 35%;
  }
}
@media only screen and (max-width: 767px) {
  .c-member__row .c-member__right .c-memberright__family {
    width: 55%;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
.c-member__row .c-member__right .c-member__boxchat {
  position: absolute;
  aspect-ratio: 315/270;
  left: 26.5%;
  width: 52.6%;
  background-image: url(./../img/box_chat.png);
  background-size: contain;
  top: -24px;
  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: 2.4rem;
  line-height: 1.7291666667;
  font-weight: 700;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1150px) {
  .c-member__row .c-member__right .c-member__boxchat {
    font-size: 2.3rem;
  }
}
@media only screen and (max-width: 1023px) {
  .c-member__row .c-member__right .c-member__boxchat {
    font-size: 1.9rem;
    left: 32%;
  }
}
@media only screen and (max-width: 875px) {
  .c-member__row .c-member__right .c-member__boxchat {
    font-size: 1.7rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-member__row .c-member__right .c-member__boxchat {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-member__row .c-member__right .c-member__boxchat {
    font-size: 1.5rem;
    width: 85.6%;
    top: -143px;
    left: 10%;
  }
}
@media only screen and (max-width: 414px) {
  .c-member__row .c-member__right .c-member__boxchat {
    font-size: 1.4rem;
  }
}
.c-owner {
  background-image: url(./../img/slogan_bg2.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 210px;
}
@media only screen and (max-width: 1150px) {
  .c-owner {
    padding-top: 170px;
  }
}
@media only screen and (max-width: 1023px) {
  .c-owner {
    padding-top: 120px;
  }
}
@media only screen and (max-width: 767px) {
  .c-owner {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 580px) {
  .c-owner {
    padding-top: 60px;
    margin-bottom: 20px;
  }
}
.c-owner .l-container {
  max-width: 942px;
}
.c-owner .c-owner__title1 {
  font-size: 5.4rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 26px;
}
@media only screen and (max-width: 1150px) {
  .c-owner .c-owner__title1 {
    font-size: 4.5rem;
  }
}
@media only screen and (max-width: 1023px) {
  .c-owner .c-owner__title1 {
    font-size: 4rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-owner .c-owner__title1 {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-owner .c-owner__title1 {
    font-size: 2.4rem;
  }
}
.c-owner .c-owner__title2 {
  color: #fff;
  font-size: 3.3rem;
  background-color: #2a2e8e;
  border-radius: 34px;
  text-align: center;
  padding: 12px;
  position: relative;
}
@media only screen and (max-width: 1023px) {
  .c-owner .c-owner__title2 {
    font-size: 3rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-owner .c-owner__title2 {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 580px) {
  .c-owner .c-owner__title2 {
    font-size: 2.1rem;
    font-weight: 500;
  }
}
@media only screen and (max-width: 414px) {
  .c-owner .c-owner__title2 {
    font-size: 1.8rem;
    border-radius: 22px;
  }
}
.c-owner .c-owner__title2::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, calc(100% - 1px));
  transform: translate(-50%, calc(100% - 1px));
  border-top: 20px solid #2a2e8e;
}
.c-owner .c-owner__desc {
  font-size: 2.5rem;
  line-height: 1.75;
  font-weight: 700;
  text-align: center;
  margin-top: 40px;
}
@media only screen and (max-width: 1023px) {
  .c-owner .c-owner__desc {
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .c-owner .c-owner__desc {
    font-size: 2rem;
    margin-top: 30px;
  }
}
@media only screen and (max-width: 580px) {
  .c-owner .c-owner__desc {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 414px) {
  .c-owner .c-owner__desc {
    font-size: 1.4rem;
  }
}
.c-owner .c-owner__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 620px;
  margin: 70px auto 0;
  gap: 6%;
}
@media only screen and (max-width: 767px) {
  .c-owner .c-owner__list {
    margin-top: 35px;
  }
}
@media only screen and (max-width: 580px) {
  .c-owner .c-owner__list {
    margin-top: 22px;
  }
}
.c-form3 {
  padding-top: 70px;
  padding-bottom: 75px;
  background-color: #333893;
}
/*------------------------------------------------------------
Css of home page
------------------------------------------------------------*/
.p-about {
  line-height: 2;
}
/*≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡
// Utility .u-
≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡*/




.c-show--up {
  opacity: 0;
  -webkit-transition: 800ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: 800ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: 800ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transform: scale(0) translate3d(0, 1rem, 0) rotate(0.00001deg);
  transform: scale(0) translate3d(0, 1rem, 0) rotate(0.00001deg);
  transform: scale(0) translate3d(0, 1rem, 0) rotate(0.00001deg);
}
.c-show--up.show {
  opacity: 1;
  -webkit-transform: scale(1) translate3d(0, 0, 0) rotate(0.001deg);
  transform: scale(1) translate3d(0, 0, 0) rotate(0.001deg);
  transform: scale(1) translate3d(0, 0, 0) rotate(0.001deg);
}
.fadetxt {
  opacity: 0;
}
.fadetxt span {
  opacity: 0;
}
.cover,
.cover_gray {
  position: relative;
}
.cover::after,
.cover_gray::after {
  content: "";
  display: block;
  position: absolute;
  background: #fff;
  width: 100%;
  height: 103%;
  top: -1%;
  left: 0;
  -webkit-transition-property: width;
  transition-property: width;
  transition-property: width;
  transition-property: width;
  -webkit-transition-duration: 1.4s;
  transition-duration: 1.4s;
  transition-duration: 1.4s;
  transition-duration: 1.4s;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
  transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.cover_gray::after {
  background: #f7f8f9;
}
.cover.show::after,
.cover_gray.show::after {
  width: 0;
}
.fade_list li,
.fade {
  opacity: 0;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  transition-property: opacity;
  transition-property: opacity;
}
.fade_list li.show,
.fade.show {
  opacity: 1;
}
.fade-up {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
  transform: translate(0, 50px);
  transform: translate(0, 50px);
  transform: translate(0, 50px);
  -webkit-transition-duration: 1.5s;
  transition-duration: 1.5s;
  transition-duration: 1.5s;
  transition-duration: 1.5s;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}
.fade-up2,
.fade-up3,
.fade-up4,
.fade-up5 {
  opacity: 0;
  -webkit-transform: translate(0, 50px);
  transform: translate(0, 50px);
  transform: translate(0, 50px);
  transform: translate(0, 50px);
  -webkit-transition-duration: 1.2s;
  transition-duration: 1.2s;
  transition-duration: 1.2s;
  transition-duration: 1.2s;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
  transition-delay: 0.5s;
  transition-delay: 0.5s;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}
.fade-up.show,
.fade-up2.show,
.fade-up3.show,
.fade-up4.show,
.fade-up5.show {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  transform: translate(0, 0);
  transform: translate(0, 0);
}
.line img {
  opacity: 0;
  -webkit-transform: translate3d(-150px, 150px, 0) rotate(0.001deg);
  transform: translate3d(-150px, 150px, 0) rotate(0.001deg);
  -webkit-transition: 5000ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: 5000ms cubic-bezier(0.86, 0, 0.07, 1);
  transition-property: opacity, transform, -webkit-transform;
}
.line.show img {
  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);
}
.line-down img {
  opacity: 0;
  -webkit-transform: translate3d(-100px, -100px, 0) rotate(0.001deg);
  transform: translate3d(-100px, -100px, 0) rotate(0.001deg);
  -webkit-transition: 5000ms cubic-bezier(0.86, 0, 0.07, 1);
  transition: 5000ms cubic-bezier(0.86, 0, 0.07, 1);
  transition-property: opacity, transform, -webkit-transform;
}
.line-down.show img {
  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);
}
/*
------------------------------------------------------------*/
.line-down2 img {
  opacity: 0;
  -webkit-transform: translate3d(100px, 100px, 0) rotate(0.001deg);
  transform: translate3d(100px, 100px, 0) rotate(0.001deg);
  -webkit-transition: 5000ms linear;
  transition: 5000ms linear;
  transition-property: opacity, transform, -webkit-transform;
}
.line-down2.show img {
  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);
}
/*
------------------------------------------------------------*/
.c-header__animation {
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  transition-property: opacity;
}
.c-header__animation.show {
  opacity: 1;
}
.fadetxt1 {
  opacity: 0;
}
.fadetxt1 span {
  opacity: 0;
}
.c-ani1--black {
  opacity: 0;
  -webkit-transform: translate(0, -120px);
  transform: translate(0, -120px);
  -webkit-transition-duration: 1.2s;
  transition-duration: 1.2s;
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}
.c-ani1--black.show {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.c-ani1--black.hide {
  opacity: 0;
}
.c-ani1 {
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition-duration: 1.2s;
  transition-duration: 1.2s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  transition-property: opacity;
}
.c-ani1.show {
  opacity: 1;
}
.c-ani2 {
  opacity: 0;
  -webkit-transform: translate3d(-100px, 100px, 0) rotate(0.001deg);
  transform: translate3d(-100px, 100px, 0) rotate(0.001deg);
  -webkit-transition: 1500ms linear;
  transition: 1500ms linear;
  transition-property: opacity, transform, -webkit-transform;
}
.c-ani2.show {
  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);
}
.c-ani3 {
  opacity: 0;
  -webkit-transform: translate3d(100px, -100px, 0) rotate(0.001deg);
  transform: translate3d(100px, -100px, 0) rotate(0.001deg);
  -webkit-transition: 2000ms linear;
  transition: 2000ms linear;
  transition-property: opacity, transform, -webkit-transform;
}
.c-ani3.show {
  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);
}
.c-ani4 {
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  transition-property: opacity;
}
.c-ani4.show {
  opacity: 1;
}
.c-ani5 {
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  transition-property: opacity;
}
.c-ani5.show {
  opacity: 1;
}
.c-linerun1 span {
  opacity: 0;
  display: inline-block;
  -webkit-transform: translate3d(100px, 0, 0) rotate(0.001deg);
  transform: translate3d(100px, 0, 0) rotate(0.001deg);
  -webkit-transition: 2300ms linear;
  transition: 2300ms linear;
  transition-property: opacity, transform, -webkit-transform;
}
.c-linerun1::before {
  opacity: 0;
  left: -100%;
}
.c-linerun1.show span {
  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);
}
.c-linerun1.show::before {
  opacity: 1;
  left: 0;
}
.c-linerun2.c-linerun::before{
  opacity: 0;
  width: 0;
}

.c-linerun2 span {
  opacity: 0;
  display: inline-block;
  -webkit-transform: translate3d(100px, 0, 0) rotate(0.001deg);
  transform: translate3d(100px, 0, 0) rotate(0.001deg);
  -webkit-transition: 2300ms linear;
  transition: 2300ms linear;
  transition-property: opacity, transform, -webkit-transform;

}

.c-linerun2.show span {
  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);
}
.c-linerun2.c-linerun.show::before {
  opacity: 1;
  left: 0;
  width: 100%;
}

.c-down1,
.c-down3{
  opacity: 0;
  display: inline-block;
  -webkit-transform: translate3d(-120px, -120px, 0) rotate(0.001deg);
  transform: translate3d(-120px, -120px, 0) rotate(0.001deg);
  -webkit-transition: 2000ms linear;
  transition: 2000ms linear;
  transition-property: opacity, transform, -webkit-transform;
}

.c-down1.show,
.c-down3.show{
  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);
}
.c-down2{
  opacity: 0;
  display: inline-block;
  -webkit-transform: translate3d(120px, 120px, 0) rotate(0.001deg);
  transform: translate3d(120px, 120px, 0) rotate(0.001deg);
  -webkit-transition: 1800ms linear;
  transition: 1800ms linear;
  transition-property: opacity, transform, -webkit-transform;
}

.c-down2.show{
  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);
}
.c-down4,
.c-down6,
.c-down7{
  opacity: 0;
  display: inline-block;
  -webkit-transform: translate3d(120px, -120px, 0) rotate(0.001deg);
  transform: translate3d(120px, -120px, 0) rotate(0.001deg);
  -webkit-transition: 1800ms linear;
  transition: 1800ms linear;
  transition-property: opacity, transform, -webkit-transform;
}

.c-down4.show,
.c-down6.show,
.c-down7.show{
  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);
}



.c-down5{
  opacity: 0;
  display: inline-block;
  -webkit-transform: translate3d(-120px, 120px, 0) rotate(0.001deg);
  transform: translate3d(-120px, 120px, 0) rotate(0.001deg);
  -webkit-transition: 1800ms linear;
  transition: 1800ms linear;
  transition-property: opacity, transform, -webkit-transform;
}

.c-down5.show{
  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);
}


.c-right1,
.c-right2{
  opacity: 0;
  display: inline-block;
  -webkit-transform: translate3d(-100px, 0, 0) rotate(0.001deg);
  transform: translate3d(-100px, 0, 0) rotate(0.001deg);
  -webkit-transition: 1800ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: 1800ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-property: opacity, transform, -webkit-transform;
}

.c-right1.show,
.c-right2.show
{
  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);
}



.c-zoom-in-up{
  opacity: 0;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
  transition-duration: 1s;
      transform: translate3d(0, 100px, 0) scale(.6);
}

.c-zoom-in-up.show{
  opacity: 1;
  transform: translateZ(0) scale(1);
}
.c-zoom-in{
  opacity: 0;
  transition-property: opacity, transform;
  transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
  transition-duration: 1s;
  transform: scale(.6);
}

.c-zoom-in.show{
  opacity: 1;
  transform: translateZ(0) scale(1);
}

.fade-up-girl,
.fade-up-box{
  opacity: 0;
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
  transition-duration: 1s;
  transition-property: opacity, transform;
  transform: translate3d(0, 100px, 0);
}

.fade-up-girl.show,
.fade-up-box.show{
    opacity: 1;
    transform: translateZ(0);
}
.fade-up-man{
  opacity: 0;
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
  transition-duration: 1s;
  transition-property: opacity, transform;
        transform: translate3d(0, 100px, 0) scale(.6);
}

.fade-up-man.show{
    opacity: 1;
      transform: translateZ(0) scale(1);
}


.c-scale1{
  opacity: 0;
    transition-timing-function: linear;
  transition-duration: 0.3s;
  transition-property: opacity, transform;
    transform: translate3d(0, 25px, 0);

}
.c-scale1.show{
  opacity: 1;
      transform: translateZ(0);

}

.c-span1,
.c-span2,
.c-span3,
.c-span4{
  transition-timing-function: linear;
  transition-duration: 1s;
    transition-duration: 1s;
  transition-property: opacity, transform;
  opacity: 0;
  transform: translateX(-5%);

}
.c-span1.show,
.c-span2.show,
.c-span3.show,
.c-span4.show{
      opacity: 1;
      transform: translateX(0);
}


.c-span5,
.c-span6,
.c-span7,
.c-span8{
  transition-timing-function: linear;
  transition-duration: 1s;
    transition-duration: 1s;
  transition-property: opacity, transform;
  opacity: 0;
  transform: translateX(5%);

}
.c-span5.show,
.c-span6.show,
.c-span7.show,
.c-span8.show{
      opacity: 1;
      transform: translateX(0);
}


.fade-up-man1,
.fade-up-man2,
.fade-up-man3{
  opacity: 0;
  transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
  transition-duration: 1s;
  transition-property: opacity, transform;
  transform: translate3d(0, 100px, 0) scale(.6);
}

.fade-up-man1.show,
.fade-up-man2.show,
.fade-up-man3.show{
    opacity: 1;
      transform: translateZ(0) scale(1);
}




.c-tool--ani{
  opacity: 0;
  transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
  transition-duration: 1s;
  transition-property: all;
  right: 75%;
}

.c-tool--ani.show{
  opacity: 1;
  right: -8.8%;
}


.c-tool{
  opacity: 0;
  transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
  transition-duration: 1s;
  transition-property: all;
  transform: scaleX(0);
}

.c-tool.show{
  transform: scaleX(1);
  opacity: 1;
}


@media only screen and (max-width: 767px) {
  .c-tool--ani.show{
    right: -4%;
  }
}


.form-select {
    max-width: 447.78px;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: "";
    background-image: url(./../img/arrow_select.png);
    background-repeat: no-repeat;
    background-position-x: 96%;
    background-position-y: 19px;
    background-size: 15px;
    height: 51px;
    width: 100%;
    border: 1px solid;
    font-size: 1.4rem;
    line-height: 2;
    padding: 0 20px;
    border-radius: 4px;
}

.screen-reader-response{
  display: none !important;
}

.wpcf7-response-output{
  text-align: center;
    margin-top: 10px;
    text-wrap: balance;
}





.c-step__color{
  position: absolute;
      right: 4%;
}

@media only screen and (max-width: 767px) {
  .c-step__color{
    position: unset;
    right: 4%;
    width: 100%;
    text-align: center;
  }
}