@charset "UTF-8";
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
}

main {
  display: block;
}

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

pre {
  font-family: monospace, monospace;
  font-size: inherit;
}

address {
  font-style: inherit;
}

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

abbr[title] {
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: inherit;
}

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;
}

[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
       appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
       appearance: radio;
}

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

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

:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

option {
  padding: 0;
}

fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

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

[type=search] {
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

label[for] {
  cursor: pointer;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[contenteditable]:focus {
  outline: auto;
}

table {
  border-color: inherit;
  border-collapse: collapse;
}

caption {
  text-align: left;
}

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

th {
  text-align: left;
  font-weight: bold;
}

.body-font--noto-sans-jp {
  font-family: "Noto Sans JP", sans-serif;
}

.body-font--hiragino-kaku-gothic {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, sans-serif;
}

.body-font--yu-gothic {
  font-family: "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
}

.body-font--mplus-rounded-1c {
  font-family: "M PLUS Rounded 1c", sans-serif;
}

.body-font--kosugi {
  font-family: "Kosugi", sans-serif;
}

.body-font--roboto {
  font-family: "Roboto", sans-serif;
}

.body-font--source-sans-3 {
  font-family: "Source Sans 3", sans-serif;
}

.body-font--open-sans {
  font-family: "Open Sans", sans-serif;
}

.body-font--helvetica {
  font-family: "Helvetica", sans-serif;
}

.body-font--montserrat {
  font-family: "Montserrat", sans-serif;
}

.body-font--barlow {
  font-family: "Barlow", sans-serif;
}

.body-font--noto-serif-jp {
  font-family: "Noto Serif JP", serif;
}

.body-font--yu-mincho {
  font-family: "Yu Mincho", "游明朝体", YuMincho, serif;
}

.body-font--hiragino-mincho {
  font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", serif;
}

.body-font--shippori-mincho {
  font-family: "Shippori Mincho", serif;
}

.body-font--zen-old-mincho {
  font-family: "Zen Old Mincho", serif;
}

.body-font--merriweather {
  font-family: "Merriweather", serif;
}

.body-font--times-new-roman {
  font-family: "Times New Roman", Times, serif;
}

.body-font--reggae-one {
  font-family: "Reggae One", sans-serif;
}

.body-font--dotgothic16 {
  font-family: "DotGothic16", sans-serif;
}

.body-font--yusei-magic {
  font-family: "Yusei Magic", sans-serif;
}

.body-font--kiwi-maru {
  font-family: "Kiwi Maru", sans-serif;
}

.body-font--rocknroll-one {
  font-family: "RocknRoll One", sans-serif;
}

.body-font--stick {
  font-family: "Stick", sans-serif;
}

.body-font--train-one {
  font-family: "Train One", sans-serif;
}

.body-font--windsong {
  font-family: "WindSong", cursive;
}

.body-font--knewave {
  font-family: "Knewave", cursive;
}

.heading-font--noto-sans-jp h1, .heading-font--noto-sans-jp h2, .heading-font--noto-sans-jp h3, .heading-font--noto-sans-jp h4, .heading-font--noto-sans-jp h5, .heading-font--noto-sans-jp h6 {
  font-family: "Noto Sans JP", sans-serif;
}

.heading-font--hiragino-kaku-gothic h1, .heading-font--hiragino-kaku-gothic h2, .heading-font--hiragino-kaku-gothic h3, .heading-font--hiragino-kaku-gothic h4, .heading-font--hiragino-kaku-gothic h5, .heading-font--hiragino-kaku-gothic h6 {
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", Meiryo, sans-serif;
}

.heading-font--yu-gothic h1, .heading-font--yu-gothic h2, .heading-font--yu-gothic h3, .heading-font--yu-gothic h4, .heading-font--yu-gothic h5, .heading-font--yu-gothic h6 {
  font-family: "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
}

.heading-font--mplus-rounded-1c h1, .heading-font--mplus-rounded-1c h2, .heading-font--mplus-rounded-1c h3, .heading-font--mplus-rounded-1c h4, .heading-font--mplus-rounded-1c h5, .heading-font--mplus-rounded-1c h6 {
  font-family: "M PLUS Rounded 1c", sans-serif;
}

.heading-font--kosugi h1, .heading-font--kosugi h2, .heading-font--kosugi h3, .heading-font--kosugi h4, .heading-font--kosugi h5, .heading-font--kosugi h6 {
  font-family: "Kosugi", sans-serif;
}

.heading-font--roboto h1, .heading-font--roboto h2, .heading-font--roboto h3, .heading-font--roboto h4, .heading-font--roboto h5, .heading-font--roboto h6 {
  font-family: "Roboto", Arial, sans-serif;
}

.heading-font--source-sans-3 h1, .heading-font--source-sans-3 h2, .heading-font--source-sans-3 h3, .heading-font--source-sans-3 h4, .heading-font--source-sans-3 h5, .heading-font--source-sans-3 h6 {
  font-family: "Source Sans 3", Arial, sans-serif;
}

.heading-font--open-sans h1, .heading-font--open-sans h2, .heading-font--open-sans h3, .heading-font--open-sans h4, .heading-font--open-sans h5, .heading-font--open-sans h6 {
  font-family: "Open Sans", Arial, sans-serif;
}

.heading-font--helvetica h1, .heading-font--helvetica h2, .heading-font--helvetica h3, .heading-font--helvetica h4, .heading-font--helvetica h5, .heading-font--helvetica h6 {
  font-family: Helvetica, Arial, sans-serif;
}

.heading-font--montserrat h1, .heading-font--montserrat h2, .heading-font--montserrat h3, .heading-font--montserrat h4, .heading-font--montserrat h5, .heading-font--montserrat h6 {
  font-family: "Montserrat", sans-serif;
}

.heading-font--barlow h1, .heading-font--barlow h2, .heading-font--barlow h3, .heading-font--barlow h4, .heading-font--barlow h5, .heading-font--barlow h6 {
  font-family: "Barlow", sans-serif;
}

.heading-font--noto-serif-jp h1, .heading-font--noto-serif-jp h2, .heading-font--noto-serif-jp h3, .heading-font--noto-serif-jp h4, .heading-font--noto-serif-jp h5, .heading-font--noto-serif-jp h6 {
  font-family: "Noto Serif JP", serif;
}

.heading-font--yu-mincho h1, .heading-font--yu-mincho h2, .heading-font--yu-mincho h3, .heading-font--yu-mincho h4, .heading-font--yu-mincho h5, .heading-font--yu-mincho h6 {
  font-family: "Yu Mincho", "游明朝体", YuMincho, serif;
}

.heading-font--hiragino-mincho h1, .heading-font--hiragino-mincho h2, .heading-font--hiragino-mincho h3, .heading-font--hiragino-mincho h4, .heading-font--hiragino-mincho h5, .heading-font--hiragino-mincho h6 {
  font-family: "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", serif;
}

.heading-font--shippori-mincho h1, .heading-font--shippori-mincho h2, .heading-font--shippori-mincho h3, .heading-font--shippori-mincho h4, .heading-font--shippori-mincho h5, .heading-font--shippori-mincho h6 {
  font-family: "Shippori Mincho", serif;
}

.heading-font--zen-old-mincho h1, .heading-font--zen-old-mincho h2, .heading-font--zen-old-mincho h3, .heading-font--zen-old-mincho h4, .heading-font--zen-old-mincho h5, .heading-font--zen-old-mincho h6 {
  font-family: "Zen Old Mincho", serif;
}

.heading-font--merriweather h1, .heading-font--merriweather h2, .heading-font--merriweather h3, .heading-font--merriweather h4, .heading-font--merriweather h5, .heading-font--merriweather h6 {
  font-family: "Merriweather", serif;
}

.heading-font--times-new-roman h1, .heading-font--times-new-roman h2, .heading-font--times-new-roman h3, .heading-font--times-new-roman h4, .heading-font--times-new-roman h5, .heading-font--times-new-roman h6 {
  font-family: "Times New Roman", Times, serif;
}

.heading-font--reggae-one h1, .heading-font--reggae-one h2, .heading-font--reggae-one h3, .heading-font--reggae-one h4, .heading-font--reggae-one h5, .heading-font--reggae-one h6 {
  font-family: "Reggae One", sans-serif;
}

.heading-font--dotgothic16 h1, .heading-font--dotgothic16 h2, .heading-font--dotgothic16 h3, .heading-font--dotgothic16 h4, .heading-font--dotgothic16 h5, .heading-font--dotgothic16 h6 {
  font-family: "DotGothic16", sans-serif;
}

.heading-font--yusei-magic h1, .heading-font--yusei-magic h2, .heading-font--yusei-magic h3, .heading-font--yusei-magic h4, .heading-font--yusei-magic h5, .heading-font--yusei-magic h6 {
  font-family: "Yusei Magic", sans-serif;
}

.heading-font--kiwi-maru h1, .heading-font--kiwi-maru h2, .heading-font--kiwi-maru h3, .heading-font--kiwi-maru h4, .heading-font--kiwi-maru h5, .heading-font--kiwi-maru h6 {
  font-family: "Kiwi Maru", sans-serif;
}

.heading-font--rocknroll-one h1, .heading-font--rocknroll-one h2, .heading-font--rocknroll-one h3, .heading-font--rocknroll-one h4, .heading-font--rocknroll-one h5, .heading-font--rocknroll-one h6 {
  font-family: "RocknRoll One", sans-serif;
}

.heading-font--stick h1, .heading-font--stick h2, .heading-font--stick h3, .heading-font--stick h4, .heading-font--stick h5, .heading-font--stick h6 {
  font-family: "Stick", sans-serif;
}

.heading-font--train-one h1, .heading-font--train-one h2, .heading-font--train-one h3, .heading-font--train-one h4, .heading-font--train-one h5, .heading-font--train-one h6 {
  font-family: "Train One", sans-serif;
}

.heading-font--windsong h1, .heading-font--windsong h2, .heading-font--windsong h3, .heading-font--windsong h4, .heading-font--windsong h5, .heading-font--windsong h6 {
  font-family: "WindSong", cursive;
}

.heading-font--knewave h1, .heading-font--knewave h2, .heading-font--knewave h3, .heading-font--knewave h4, .heading-font--knewave h5, .heading-font--knewave h6 {
  font-family: "Knewave", cursive;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
  color: #343a40;
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (max-width: 767px) {
  body {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 1.2rem;
}

h1 {
  font-size: 7rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.01em;
}
@media (max-width: 767px) {
  h1 {
    font-size: 5rem;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0.01em;
  }
}

h2 {
  font-size: 7rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.01em;
}
@media (max-width: 767px) {
  h2 {
    font-size: 5rem;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0.01em;
  }
}

h3 {
  font-size: 6rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.01em;
}
@media (max-width: 767px) {
  h3 {
    font-size: 4rem;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0.01em;
  }
}

h4 {
  font-size: 3rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.01em;
}
@media (max-width: 767px) {
  h4 {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0.01em;
  }
}

h5 {
  font-size: 3rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.01em;
}
@media (max-width: 767px) {
  h5 {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0.01em;
  }
}

h6 {
  font-size: 3rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.01em;
}
@media (max-width: 767px) {
  h6 {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0.01em;
  }
}

p {
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
  margin-bottom: 1.6rem;
}
@media (max-width: 767px) {
  p {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
}

a {
  text-decoration: none;
  display: inline-block;
  transform-origin: center center;
  transition: transform 1s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.7s cubic-bezier(0.33, 1, 0.68, 1);
}

a:hover,
a:focus {
  text-decoration: underline;
  opacity: 0.6;
  transform: scale(1.08);
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

ul, ol {
  margin-bottom: 1.6rem;
  padding-left: 2rem;
}

li {
  margin-bottom: 0.5rem;
}

@keyframes fadeinUp {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fadein {
  opacity: 0;
  transform: translateY(100px);
}

.fadein.inview {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 2.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@keyframes rainbowSoftShift {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.main-contaner {
  min-height: 90vh;
  padding-top: 100px;
}

@media (max-width: 767px) {
  .main-contaner {
    padding-top: 116px;
  }
}
.site-header {
  width: 100%;
  height: 70px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1000;
}

.site-header #menu-btn {
  display: none;
}

.header-inner {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 40px;
}

@media (max-width: 767px) {
  .site-header .header-inner {
    min-height: 60px;
    padding: 5px 10px;
  }
}
.logo {
  width: 500px;
  height: auto;
  display: flex;
  align-items: center;
}

.logo a {
  display: block;
  width: 100%;
  height: 100%;
}

.logo-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
}

.logo-type-svgpath svg {
  display: block;
  height: 70px;
  fill: currentColor;
}

.logo-type-svgfile img {
  display: block;
  max-height: 70px;
}

.logo-type-image img {
  display: block;
  max-height: 70px;
}

.logo-type-text {
  font-size: 3rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.01em;
  display: inline-block;
  color: inherit;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .logo-type-text {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0.01em;
  }
}

@media (max-width: 767px) {
  .logo {
    width: 70vw;
    max-width: 100%;
  }
  .logo-type-svgpath svg,
  .logo-type-svgfile img,
  .logo-type-image img {
    max-height: 50px;
  }
  .logo-type-text {
    font-size: 2rem;
    line-height: 1em;
    min-height: 60px;
    padding: 5px 10px;
  }
}
.site-header .hamburger {
  position: fixed;
  top: 54px;
  right: 40px;
  width: 60px;
  height: 30px;
  z-index: 2000;
  cursor: pointer;
}

@media (max-width: 767px) {
  .site-header .hamburger {
    width: 50px;
    right: 10px;
    top: 68px;
  }
}
.site-header .hamburger span {
  position: absolute;
  width: 100%;
  height: 1px;
  background: currentColor;
  left: 0;
  transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1);
}

.site-header .hamburger span:nth-child(1) {
  top: 8px;
}

.site-header .hamburger span:nth-child(2) {
  top: 18px;
}

.site-header #menu-btn:checked + .header-inner .hamburger span:nth-child(1) {
  transform: rotate(45deg);
  top: 13px;
}

.site-header #menu-btn:checked + .header-inner .hamburger span:nth-child(2) {
  transform: rotate(-45deg);
  top: 13px;
}

.site-header #menu-btn:checked + .header-inner .slide-container {
  transform: translateX(0%);
  opacity: 1;
  pointer-events: auto;
}

.site-header .slide-container {
  position: fixed;
  top: 0;
  right: 0;
  width: 70%;
  max-width: 500px;
  height: 100vh;
  padding-top: 34vh;
  padding-left: 30px;
  background-color: #ffffff;
  box-shadow: -10px 0 30px rgba(0, 0, 0, 0.1);
  transform: translateX(100%);
  opacity: 0;
  pointer-events: none;
  transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.4s ease;
  z-index: 1000;
  overflow-y: auto;
  padding-bottom: 80px;
  scrollbar-width: none;
}
.site-header .slide-container::-webkit-scrollbar {
  display: none;
}

@media (max-width: 767px) {
  .site-header .slide-container {
    width: 76%;
    height: 100vh;
    padding-left: 30px;
    background-color: #ffffff;
    box-shadow: -10px 0 30px rgba(0, 0, 0, 0.1);
    transform: translateX(100%);
  }
}
.slide-container a {
  color: #333;
  text-decoration: none;
  transition: transform 1s cubic-bezier(0.33, 1, 0.68, 1), opacity 0.7s cubic-bezier(0.33, 1, 0.68, 1);
  will-change: transform, opacity;
}

.slide-container ul {
  list-style: none;
  padding: 0;
  margin: 0 0 0px;
}

.slide-container ul li a:hover {
  opacity: 0.6;
  transform: scale(1.2);
}

.nav-container {
  margin-bottom: 80px;
  font-size: 3rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.01em;
}
@media (max-width: 767px) {
  .nav-container {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0.01em;
  }
}

.nav-container a {
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .nav-container a {
    margin-bottom: 25px;
  }
}

.nav-container a:hover {
  color: inherit;
}

.slide-container .sub-menu {
  margin-left: 3em;
  padding-left: 2em;
  border-left: 2px solid #eee;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
}
@media (max-width: 767px) {
  .slide-container .sub-menu {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
}

.slide-container .sub-menu .sub-menu {
  margin-left: 1em;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
}
@media (max-width: 767px) {
  .slide-container .sub-menu .sub-menu {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
}

.slide-container .sub-menu a {
  color: #555;
  padding-left: 0.5em;
  background: none;
}

.slide-container .sub-menu a:hover {
  color: inherit;
  background: #f7f7f7;
  border-radius: 5px;
}

.slide-sns {
  margin-bottom: 30px;
}

.slide-sns a:hover {
  color: inherit;
}

.slide-other {
  margin-bottom: 150px;
}
@media (max-width: 767px) {
  .slide-other {
    margin-bottom: 50px;
  }
}

.slide-copyright-container {
  display: flex;
  align-items: center;
}
.slide-copyright-container .slide-copyright-symbol {
  display: inline-block;
  font-size: 2rem;
  margin-right: 5px;
  line-height: 1;
  vertical-align: middle;
}

.hero {
  position: relative;
  overflow: hidden;
  width: 100vw;
  height: 80vh;
}

@media (max-width: 767px) {
  .hero {
    margin-top: 0px;
  }
}
.hero-video {
  width: 100vw;
  height: 80vh;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

.hero-video-sp {
  display: none;
}

.hero-video-pc {
  display: block;
}

@media (max-width: 767px) {
  .hero-video-sp {
    display: block;
  }
  .hero-video-pc {
    display: none;
  }
}
.hero-content {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  width: 100%;
  text-align: center;
  color: #fff;
  pointer-events: none;
}

.hero-front {
  margin-bottom: 10vh;
}

.hero-slider .swiper-slide {
  overflow: visible;
}

.hero-slider .swiper-slide img {
  width: 100vw;
  height: 80vh;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 6s linear;
  transform: scale(1);
}

.hero-slider.zoom-fade .swiper-slide-active img {
  transform: scale(1.08);
}

.hero-slider[data-slider-type=zoom-fade] .swiper-slide-active img {
  transform: scale(1.08);
}

.footer {
  background: linear-gradient(270deg, #f4779b, #6aa3d8, #8be8af, #f7e27c, #bc90ff, #f69eda, #7ae4ff);
  background-size: 1400% 1400%;
  animation: rainbowSoftShift 60s ease infinite;
  min-height: 90px;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
}
@media (max-width: 767px) {
  .footer {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
}

.footer-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 40px 40px;
}
@media (max-width: 767px) {
  .footer-container {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
  }
}

.footer-container a {
  text-decoration: none;
}

.footer-link {
  display: flex;
  align-items: center;
  gap: 2rem;
  flex-wrap: wrap;
}

.footer-link-sns-container,
.footer-link-other-container,
.footer-link-contact-container {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.footer-sns-list,
.footer-link-other-list {
  display: flex;
  gap: 1.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-sns-item {
  padding-bottom: 0px;
  margin-bottom: 0px;
}

.footer-copyright-container {
  display: flex;
  align-items: center;
}
.footer-copyright-container .footer-copyright-symbol {
  display: inline-block;
  font-size: 2em;
  margin-right: 5px;
  line-height: 1;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .footer-link {
    display: none;
  }
  .footer-container {
    justify-content: center;
    flex-direction: column;
    align-items: center;
  }
  .footer-copyright-container {
    margin: 0 auto;
    text-align: center;
  }
}
.button-common {
  width: 100%;
  margin: 2rem auto 0;
}

.button-common button,
.button-common input[type=submit] {
  width: 36vw;
  text-align: center;
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
  padding: 0.8rem 2rem;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.3s ease;
  color: inherit;
  background: none;
  border: none;
  display: inline-block;
  transition: transform 0.2s ease-out;
  transform-origin: center center;
}
@media (max-width: 767px) {
  .button-common button,
  .button-common input[type=submit] {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
}

@media (max-width: 767px) {
  .button-common button,
  .button-common input[type=submit] {
    width: 80vw;
  }
}
.button-common button:hover {
  transform: scale(1.05);
}

.button-wrap-center {
  display: flex;
  justify-content: center;
  margin-top: 2rem;
}

.button-wrap-left {
  display: flex;
  justify-content: flex-start;
}

.button-wrap-right {
  display: flex;
  justify-content: flex-end;
}

.button-common.button-wrap-center {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.button-common.button-wrap-center .wpcf7-spinner {
  position: static !important;
  margin: 0.6rem auto 0 auto;
  display: block !important;
  width: 22px !important;
  height: 22px !important;
}

.section-container {
  margin-bottom: 100px;
}

.section-container-title {
  font-size: 3rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.01em;
  color: #343a40;
  padding: 0px 40px;
  margin-bottom: 2.4rem;
}
@media (max-width: 767px) {
  .section-container-title {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0.01em;
  }
}

@media (max-width: 767px) {
  .section-container-title {
    padding: 0px 10px;
  }
}
.card-slider-area {
  margin: 4rem 0;
}

.card-slider-area .js-swiper {
  width: 100%;
  padding-bottom: 5rem;
}

.card-slider-area .swiper-wrapper {
  display: flex;
  align-items: stretch;
}

.card-slider-area .swiper-slide {
  flex: 0 0 auto;
  width: 22%;
  margin-right: 2%;
  aspect-ratio: 5/6;
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.card-slider-area .swiper-slide:last-child {
  margin-right: 0;
}

.card-slider-area .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: transform 0.5s ease;
}

.card-slider-area .swiper-slide:hover img {
  transform: scale(1.05);
}

@media (max-width: 767px) {
  .card-slider-area .swiper-slide {
    width: 90%;
    margin: 0 auto;
    margin-right: 0;
  }
}
.page-label {
  display: flex;
  justify-content: right;
  width: 100%;
  height: 400px;
}

@media (max-width: 767px) {
  .page-label {
    height: 350px;
  }
}
.page-label-contents {
  background: linear-gradient(270deg, #f4779b, #6aa3d8, #8be8af, #f7e27c, #bc90ff, #f69eda, #7ae4ff);
  background-size: 1400% 1400%;
  animation: rainbowSoftShift 60s ease infinite;
  width: 250px;
  height: 300px;
  display: grid;
  place-items: center;
  margin-right: 40px;
}

@media (max-width: 767px) {
  .page-label-contents {
    width: 230px;
    height: 280px;
  }
}
.page-label-title {
  font-size: 3rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.01em;
  color: #ffffff !important;
}
@media (max-width: 767px) {
  .page-label-title {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0.01em;
  }
}

.the-content-container {
  margin-top: 80px;
  margin-bottom: 150px;
}
.theme-left-and-right-padding {
  padding-left: 40px;
  padding-right: 40px;
}
@media (max-width: 768px) {
  .theme-left-and-right-padding {
    padding-left: 16px;
    padding-right: 16px;
  }
}

body.color-mix-patarn-1 {
  background-color: #f5efe6;
  color: #3c3c3c;
}
body.color-mix-patarn-1 h1, body.color-mix-patarn-1 h2, body.color-mix-patarn-1 h3, body.color-mix-patarn-1 h4, body.color-mix-patarn-1 h5, body.color-mix-patarn-1 h6 {
  color: inherit;
}
body.color-mix-patarn-1 .button-common button {
  background-color: #3c3c3c;
  color: #f5efe6;
  border: 1px solid #3c3c3c;
}

body.color-mix-patarn-2 {
  background-color: #f5efe6;
  color: #676666;
}
body.color-mix-patarn-2 h1, body.color-mix-patarn-2 h2, body.color-mix-patarn-2 h3, body.color-mix-patarn-2 h4, body.color-mix-patarn-2 h5, body.color-mix-patarn-2 h6 {
  color: inherit;
}
body.color-mix-patarn-2 .button-common button {
  background-color: #676666;
  color: #f5efe6;
  border: 1px solid #676666;
}

body.color-mix-patarn-3 {
  background-color: #f5ede6;
  color: #927053;
}
body.color-mix-patarn-3 h1, body.color-mix-patarn-3 h2, body.color-mix-patarn-3 h3, body.color-mix-patarn-3 h4, body.color-mix-patarn-3 h5, body.color-mix-patarn-3 h6 {
  color: inherit;
}
body.color-mix-patarn-3 .button-common button {
  background-color: #927053;
  color: #f5ede6;
  border: 1px solid #927053;
}

body.color-mix-patarn-4 {
  background-color: #f5ede6;
  color: #49566c;
}
body.color-mix-patarn-4 h1, body.color-mix-patarn-4 h2, body.color-mix-patarn-4 h3, body.color-mix-patarn-4 h4, body.color-mix-patarn-4 h5, body.color-mix-patarn-4 h6 {
  color: inherit;
}
body.color-mix-patarn-4 .button-common button {
  background-color: #49566c;
  color: #f5ede6;
  border: 1px solid #49566c;
}

body.color-mix-patarn-5 {
  background-color: #f5ede6;
  color: #49566c;
}
body.color-mix-patarn-5 h1, body.color-mix-patarn-5 h2, body.color-mix-patarn-5 h3, body.color-mix-patarn-5 h4, body.color-mix-patarn-5 h5, body.color-mix-patarn-5 h6 {
  color: inherit;
}
body.color-mix-patarn-5 .button-common button {
  background-color: #49566c;
  color: #f5ede6;
  border: 1px solid #49566c;
}

body.color-mix-patarn-6 {
  background-color: #efecec;
  color: #6c4949;
}
body.color-mix-patarn-6 h1, body.color-mix-patarn-6 h2, body.color-mix-patarn-6 h3, body.color-mix-patarn-6 h4, body.color-mix-patarn-6 h5, body.color-mix-patarn-6 h6 {
  color: inherit;
}
body.color-mix-patarn-6 .button-common button {
  background-color: #6c4949;
  color: #efecec;
  border: 1px solid #6c4949;
}

body.color-mix-patarn-7 {
  background-color: #efecec;
  color: #6c5349;
}
body.color-mix-patarn-7 h1, body.color-mix-patarn-7 h2, body.color-mix-patarn-7 h3, body.color-mix-patarn-7 h4, body.color-mix-patarn-7 h5, body.color-mix-patarn-7 h6 {
  color: inherit;
}
body.color-mix-patarn-7 .button-common button {
  background-color: #6c5349;
  color: #efecec;
  border: 1px solid #6c5349;
}

body.color-mix-patarn-8 {
  background-color: #efecec;
  color: #49636c;
}
body.color-mix-patarn-8 h1, body.color-mix-patarn-8 h2, body.color-mix-patarn-8 h3, body.color-mix-patarn-8 h4, body.color-mix-patarn-8 h5, body.color-mix-patarn-8 h6 {
  color: inherit;
}
body.color-mix-patarn-8 .button-common button {
  background-color: #49636c;
  color: #efecec;
  border: 1px solid #49636c;
}

body.color-mix-patarn-9 {
  background-color: #efecec;
  color: #30857f;
}
body.color-mix-patarn-9 h1, body.color-mix-patarn-9 h2, body.color-mix-patarn-9 h3, body.color-mix-patarn-9 h4, body.color-mix-patarn-9 h5, body.color-mix-patarn-9 h6 {
  color: inherit;
}
body.color-mix-patarn-9 .button-common button {
  background-color: #30857f;
  color: #efecec;
  border: 1px solid #30857f;
}

body.color-mix-patarn-10 {
  background-color: #efecec;
  color: #853130;
}
body.color-mix-patarn-10 h1, body.color-mix-patarn-10 h2, body.color-mix-patarn-10 h3, body.color-mix-patarn-10 h4, body.color-mix-patarn-10 h5, body.color-mix-patarn-10 h6 {
  color: inherit;
}
body.color-mix-patarn-10 .button-common button {
  background-color: #853130;
  color: #efecec;
  border: 1px solid #853130;
}

body.color-mix-patarn-11 {
  background-color: #dbdada;
  color: #3c3c3c;
}
body.color-mix-patarn-11 h1, body.color-mix-patarn-11 h2, body.color-mix-patarn-11 h3, body.color-mix-patarn-11 h4, body.color-mix-patarn-11 h5, body.color-mix-patarn-11 h6 {
  color: inherit;
}
body.color-mix-patarn-11 .button-common button {
  background-color: #3c3c3c;
  color: #dbdada;
  border: 1px solid #3c3c3c;
}

body.color-mix-patarn-12 {
  background-color: #dbdada;
  color: #666666;
}
body.color-mix-patarn-12 h1, body.color-mix-patarn-12 h2, body.color-mix-patarn-12 h3, body.color-mix-patarn-12 h4, body.color-mix-patarn-12 h5, body.color-mix-patarn-12 h6 {
  color: inherit;
}
body.color-mix-patarn-12 .button-common button {
  background-color: #666666;
  color: #dbdada;
  border: 1px solid #666666;
}

body.color-mix-patarn-13 {
  background-color: #dbdada;
  color: #927053;
}
body.color-mix-patarn-13 h1, body.color-mix-patarn-13 h2, body.color-mix-patarn-13 h3, body.color-mix-patarn-13 h4, body.color-mix-patarn-13 h5, body.color-mix-patarn-13 h6 {
  color: inherit;
}
body.color-mix-patarn-13 .button-common button {
  background-color: #927053;
  color: #dbdada;
  border: 1px solid #927053;
}

body.color-mix-patarn-14 {
  background-color: #dbdada;
  color: #303c85;
}
body.color-mix-patarn-14 h1, body.color-mix-patarn-14 h2, body.color-mix-patarn-14 h3, body.color-mix-patarn-14 h4, body.color-mix-patarn-14 h5, body.color-mix-patarn-14 h6 {
  color: inherit;
}
body.color-mix-patarn-14 .button-common button {
  background-color: #303c85;
  color: #dbdada;
  border: 1px solid #303c85;
}

body.color-mix-patarn-15 {
  background-color: #dbdada;
  color: #733085;
}
body.color-mix-patarn-15 h1, body.color-mix-patarn-15 h2, body.color-mix-patarn-15 h3, body.color-mix-patarn-15 h4, body.color-mix-patarn-15 h5, body.color-mix-patarn-15 h6 {
  color: inherit;
}
body.color-mix-patarn-15 .button-common button {
  background-color: #733085;
  color: #dbdada;
  border: 1px solid #733085;
}

body.color-mix-patarn-16 {
  background-color: #dbdada;
  color: #853056;
}
body.color-mix-patarn-16 h1, body.color-mix-patarn-16 h2, body.color-mix-patarn-16 h3, body.color-mix-patarn-16 h4, body.color-mix-patarn-16 h5, body.color-mix-patarn-16 h6 {
  color: inherit;
}
body.color-mix-patarn-16 .button-common button {
  background-color: #853056;
  color: #dbdada;
  border: 1px solid #853056;
}

body.color-mix-patarn-17 {
  background-color: #dbdada;
  color: #a51110;
}
body.color-mix-patarn-17 h1, body.color-mix-patarn-17 h2, body.color-mix-patarn-17 h3, body.color-mix-patarn-17 h4, body.color-mix-patarn-17 h5, body.color-mix-patarn-17 h6 {
  color: inherit;
}
body.color-mix-patarn-17 .button-common button {
  background-color: #a51110;
  color: #dbdada;
  border: 1px solid #a51110;
}

body.color-mix-patarn-18 {
  background-color: #dbdada;
  color: #1fab0a;
}
body.color-mix-patarn-18 h1, body.color-mix-patarn-18 h2, body.color-mix-patarn-18 h3, body.color-mix-patarn-18 h4, body.color-mix-patarn-18 h5, body.color-mix-patarn-18 h6 {
  color: inherit;
}
body.color-mix-patarn-18 .button-common button {
  background-color: #1fab0a;
  color: #dbdada;
  border: 1px solid #1fab0a;
}

body.color-mix-patarn-19 {
  background-color: #dbdada;
  color: #0aa2ab;
}
body.color-mix-patarn-19 h1, body.color-mix-patarn-19 h2, body.color-mix-patarn-19 h3, body.color-mix-patarn-19 h4, body.color-mix-patarn-19 h5, body.color-mix-patarn-19 h6 {
  color: inherit;
}
body.color-mix-patarn-19 .button-common button {
  background-color: #0aa2ab;
  color: #dbdada;
  border: 1px solid #0aa2ab;
}

body.color-mix-patarn-20 {
  background-color: #dbdada;
  color: #fb60d6;
}
body.color-mix-patarn-20 h1, body.color-mix-patarn-20 h2, body.color-mix-patarn-20 h3, body.color-mix-patarn-20 h4, body.color-mix-patarn-20 h5, body.color-mix-patarn-20 h6 {
  color: inherit;
}
body.color-mix-patarn-20 .button-common button {
  background-color: #fb60d6;
  color: #dbdada;
  border: 1px solid #fb60d6;
}

body.color-mix-patarn-21 {
  background-color: #dbdada;
  color: #fb6160;
}
body.color-mix-patarn-21 h1, body.color-mix-patarn-21 h2, body.color-mix-patarn-21 h3, body.color-mix-patarn-21 h4, body.color-mix-patarn-21 h5, body.color-mix-patarn-21 h6 {
  color: inherit;
}
body.color-mix-patarn-21 .button-common button {
  background-color: #fb6160;
  color: #dbdada;
  border: 1px solid #fb6160;
}

body.color-mix-patarn-22 {
  background-color: #dbdada;
  color: #fb9a60;
}
body.color-mix-patarn-22 h1, body.color-mix-patarn-22 h2, body.color-mix-patarn-22 h3, body.color-mix-patarn-22 h4, body.color-mix-patarn-22 h5, body.color-mix-patarn-22 h6 {
  color: inherit;
}
body.color-mix-patarn-22 .button-common button {
  background-color: #fb9a60;
  color: #dbdada;
  border: 1px solid #fb9a60;
}

body.color-mix-patarn-23 {
  background-color: #dbdada;
  color: #f0fb60;
}
body.color-mix-patarn-23 h1, body.color-mix-patarn-23 h2, body.color-mix-patarn-23 h3, body.color-mix-patarn-23 h4, body.color-mix-patarn-23 h5, body.color-mix-patarn-23 h6 {
  color: inherit;
}
body.color-mix-patarn-23 .button-common button {
  background-color: #f0fb60;
  color: #dbdada;
  border: 1px solid #f0fb60;
}

body.color-mix-patarn-24 {
  background-color: #dbdada;
  color: #60bcfb;
}
body.color-mix-patarn-24 h1, body.color-mix-patarn-24 h2, body.color-mix-patarn-24 h3, body.color-mix-patarn-24 h4, body.color-mix-patarn-24 h5, body.color-mix-patarn-24 h6 {
  color: inherit;
}
body.color-mix-patarn-24 .button-common button {
  background-color: #60bcfb;
  color: #dbdada;
  border: 1px solid #60bcfb;
}

body.color-mix-patarn-25 {
  background-color: #dbdada;
  color: #2725f2;
}
body.color-mix-patarn-25 h1, body.color-mix-patarn-25 h2, body.color-mix-patarn-25 h3, body.color-mix-patarn-25 h4, body.color-mix-patarn-25 h5, body.color-mix-patarn-25 h6 {
  color: inherit;
}
body.color-mix-patarn-25 .button-common button {
  background-color: #2725f2;
  color: #dbdada;
  border: 1px solid #2725f2;
}

body.color-mix-patarn-26 {
  background-color: #dbdada;
  color: #6064fb;
}
body.color-mix-patarn-26 h1, body.color-mix-patarn-26 h2, body.color-mix-patarn-26 h3, body.color-mix-patarn-26 h4, body.color-mix-patarn-26 h5, body.color-mix-patarn-26 h6 {
  color: inherit;
}
body.color-mix-patarn-26 .button-common button {
  background-color: #6064fb;
  color: #dbdada;
  border: 1px solid #6064fb;
}

body.color-mix-patarn-27 {
  background-color: #dbdada;
  color: #fb608d;
}
body.color-mix-patarn-27 h1, body.color-mix-patarn-27 h2, body.color-mix-patarn-27 h3, body.color-mix-patarn-27 h4, body.color-mix-patarn-27 h5, body.color-mix-patarn-27 h6 {
  color: inherit;
}
body.color-mix-patarn-27 .button-common button {
  background-color: #fb608d;
  color: #dbdada;
  border: 1px solid #fb608d;
}

body.color-mix-patarn-28 {
  background-color: #dbdada;
  color: #fb608d;
}
body.color-mix-patarn-28 h1, body.color-mix-patarn-28 h2, body.color-mix-patarn-28 h3, body.color-mix-patarn-28 h4, body.color-mix-patarn-28 h5, body.color-mix-patarn-28 h6 {
  color: inherit;
}
body.color-mix-patarn-28 .button-common button {
  background-color: #fb608d;
  color: #dbdada;
  border: 1px solid #fb608d;
}

body.color-mix-patarn-29 {
  background-color: #dbdada;
  color: #a7a0a2;
}
body.color-mix-patarn-29 h1, body.color-mix-patarn-29 h2, body.color-mix-patarn-29 h3, body.color-mix-patarn-29 h4, body.color-mix-patarn-29 h5, body.color-mix-patarn-29 h6 {
  color: inherit;
}
body.color-mix-patarn-29 .button-common button {
  background-color: #a7a0a2;
  color: #dbdada;
  border: 1px solid #a7a0a2;
}

body.color-mix-patarn-30 {
  background-color: #dbdada;
  color: #55e5b3;
}
body.color-mix-patarn-30 h1, body.color-mix-patarn-30 h2, body.color-mix-patarn-30 h3, body.color-mix-patarn-30 h4, body.color-mix-patarn-30 h5, body.color-mix-patarn-30 h6 {
  color: inherit;
}
body.color-mix-patarn-30 .button-common button {
  background-color: #55e5b3;
  color: #dbdada;
  border: 1px solid #55e5b3;
}

body.color-mix-patarn-31 {
  background-color: #6f6c6c;
  color: #252525;
}
body.color-mix-patarn-31 h1, body.color-mix-patarn-31 h2, body.color-mix-patarn-31 h3, body.color-mix-patarn-31 h4, body.color-mix-patarn-31 h5, body.color-mix-patarn-31 h6 {
  color: inherit;
}
body.color-mix-patarn-31 .button-common button {
  background-color: #252525;
  color: #6f6c6c;
  border: 1px solid #252525;
}

body.color-mix-patarn-32 {
  background-color: #6f6c6c;
  color: #c8c8c8;
}
body.color-mix-patarn-32 h1, body.color-mix-patarn-32 h2, body.color-mix-patarn-32 h3, body.color-mix-patarn-32 h4, body.color-mix-patarn-32 h5, body.color-mix-patarn-32 h6 {
  color: inherit;
}
body.color-mix-patarn-32 .button-common button {
  background-color: #c8c8c8;
  color: #6f6c6c;
  border: 1px solid #c8c8c8;
}

body.color-mix-patarn-33 {
  background-color: #6f6c6c;
  color: #fb9a60;
}
body.color-mix-patarn-33 h1, body.color-mix-patarn-33 h2, body.color-mix-patarn-33 h3, body.color-mix-patarn-33 h4, body.color-mix-patarn-33 h5, body.color-mix-patarn-33 h6 {
  color: inherit;
}
body.color-mix-patarn-33 .button-common button {
  background-color: #fb9a60;
  color: #6f6c6c;
  border: 1px solid #fb9a60;
}

body.color-mix-patarn-34 {
  background-color: #6f6c6c;
  color: #60d8fb;
}
body.color-mix-patarn-34 h1, body.color-mix-patarn-34 h2, body.color-mix-patarn-34 h3, body.color-mix-patarn-34 h4, body.color-mix-patarn-34 h5, body.color-mix-patarn-34 h6 {
  color: inherit;
}
body.color-mix-patarn-34 .button-common button {
  background-color: #60d8fb;
  color: #6f6c6c;
  border: 1px solid #60d8fb;
}

body.color-mix-patarn-35 {
  background-color: #6f6c6c;
  color: #fb608d;
}
body.color-mix-patarn-35 h1, body.color-mix-patarn-35 h2, body.color-mix-patarn-35 h3, body.color-mix-patarn-35 h4, body.color-mix-patarn-35 h5, body.color-mix-patarn-35 h6 {
  color: inherit;
}
body.color-mix-patarn-35 .button-common button {
  background-color: #fb608d;
  color: #6f6c6c;
  border: 1px solid #fb608d;
}

body.color-mix-patarn-36 {
  background-color: #6f6c6c;
  color: #60fbf2;
}
body.color-mix-patarn-36 h1, body.color-mix-patarn-36 h2, body.color-mix-patarn-36 h3, body.color-mix-patarn-36 h4, body.color-mix-patarn-36 h5, body.color-mix-patarn-36 h6 {
  color: inherit;
}
body.color-mix-patarn-36 .button-common button {
  background-color: #60fbf2;
  color: #6f6c6c;
  border: 1px solid #60fbf2;
}

body.color-mix-patarn-37 {
  background-color: #6f6c6c;
  color: #6efb60;
}
body.color-mix-patarn-37 h1, body.color-mix-patarn-37 h2, body.color-mix-patarn-37 h3, body.color-mix-patarn-37 h4, body.color-mix-patarn-37 h5, body.color-mix-patarn-37 h6 {
  color: inherit;
}
body.color-mix-patarn-37 .button-common button {
  background-color: #6efb60;
  color: #6f6c6c;
  border: 1px solid #6efb60;
}

body.color-mix-patarn-38 {
  background-color: #6f6c6c;
  color: #effb60;
}
body.color-mix-patarn-38 h1, body.color-mix-patarn-38 h2, body.color-mix-patarn-38 h3, body.color-mix-patarn-38 h4, body.color-mix-patarn-38 h5, body.color-mix-patarn-38 h6 {
  color: inherit;
}
body.color-mix-patarn-38 .button-common button {
  background-color: #effb60;
  color: #6f6c6c;
  border: 1px solid #effb60;
}

body.color-mix-patarn-39 {
  background-color: #6f6c6c;
  color: #fbd160;
}
body.color-mix-patarn-39 h1, body.color-mix-patarn-39 h2, body.color-mix-patarn-39 h3, body.color-mix-patarn-39 h4, body.color-mix-patarn-39 h5, body.color-mix-patarn-39 h6 {
  color: inherit;
}
body.color-mix-patarn-39 .button-common button {
  background-color: #fbd160;
  color: #6f6c6c;
  border: 1px solid #fbd160;
}

body.color-mix-patarn-40 {
  background-color: #6f6c6c;
  color: #fb6160;
}
body.color-mix-patarn-40 h1, body.color-mix-patarn-40 h2, body.color-mix-patarn-40 h3, body.color-mix-patarn-40 h4, body.color-mix-patarn-40 h5, body.color-mix-patarn-40 h6 {
  color: inherit;
}
body.color-mix-patarn-40 .button-common button {
  background-color: #fb6160;
  color: #6f6c6c;
  border: 1px solid #fb6160;
}

body.color-mix-patarn-41 {
  background-color: #020202;
  color: #927053;
}
body.color-mix-patarn-41 h1, body.color-mix-patarn-41 h2, body.color-mix-patarn-41 h3, body.color-mix-patarn-41 h4, body.color-mix-patarn-41 h5, body.color-mix-patarn-41 h6 {
  color: inherit;
}
body.color-mix-patarn-41 .button-common button {
  background-color: #927053;
  color: #020202;
  border: 1px solid #927053;
}

body.color-mix-patarn-42 {
  background-color: #020202;
  color: #e6a5a5;
}
body.color-mix-patarn-42 h1, body.color-mix-patarn-42 h2, body.color-mix-patarn-42 h3, body.color-mix-patarn-42 h4, body.color-mix-patarn-42 h5, body.color-mix-patarn-42 h6 {
  color: inherit;
}
body.color-mix-patarn-42 .button-common button {
  background-color: #e6a5a5;
  color: #020202;
  border: 1px solid #e6a5a5;
}

body.color-mix-patarn-43 {
  background-color: #020202;
  color: #a8e6a5;
}
body.color-mix-patarn-43 h1, body.color-mix-patarn-43 h2, body.color-mix-patarn-43 h3, body.color-mix-patarn-43 h4, body.color-mix-patarn-43 h5, body.color-mix-patarn-43 h6 {
  color: inherit;
}
body.color-mix-patarn-43 .button-common button {
  background-color: #a8e6a5;
  color: #020202;
  border: 1px solid #a8e6a5;
}

body.color-mix-patarn-44 {
  background-color: #020202;
  color: #a5dbe6;
}
body.color-mix-patarn-44 h1, body.color-mix-patarn-44 h2, body.color-mix-patarn-44 h3, body.color-mix-patarn-44 h4, body.color-mix-patarn-44 h5, body.color-mix-patarn-44 h6 {
  color: inherit;
}
body.color-mix-patarn-44 .button-common button {
  background-color: #a5dbe6;
  color: #020202;
  border: 1px solid #a5dbe6;
}

body.color-mix-patarn-45 {
  background-color: #020202;
  color: #e6a5dc;
}
body.color-mix-patarn-45 h1, body.color-mix-patarn-45 h2, body.color-mix-patarn-45 h3, body.color-mix-patarn-45 h4, body.color-mix-patarn-45 h5, body.color-mix-patarn-45 h6 {
  color: inherit;
}
body.color-mix-patarn-45 .button-common button {
  background-color: #e6a5dc;
  color: #020202;
  border: 1px solid #e6a5dc;
}

body.color-mix-patarn-46 {
  background-color: #020202;
  color: #fc7433;
}
body.color-mix-patarn-46 h1, body.color-mix-patarn-46 h2, body.color-mix-patarn-46 h3, body.color-mix-patarn-46 h4, body.color-mix-patarn-46 h5, body.color-mix-patarn-46 h6 {
  color: inherit;
}
body.color-mix-patarn-46 .button-common button {
  background-color: #fc7433;
  color: #020202;
  border: 1px solid #fc7433;
}

body.color-mix-patarn-47 {
  background-color: #020202;
  color: #f4fc33;
}
body.color-mix-patarn-47 h1, body.color-mix-patarn-47 h2, body.color-mix-patarn-47 h3, body.color-mix-patarn-47 h4, body.color-mix-patarn-47 h5, body.color-mix-patarn-47 h6 {
  color: inherit;
}
body.color-mix-patarn-47 .button-common button {
  background-color: #f4fc33;
  color: #020202;
  border: 1px solid #f4fc33;
}

body.color-mix-patarn-48 {
  background-color: #020202;
  color: #78fc33;
}
body.color-mix-patarn-48 h1, body.color-mix-patarn-48 h2, body.color-mix-patarn-48 h3, body.color-mix-patarn-48 h4, body.color-mix-patarn-48 h5, body.color-mix-patarn-48 h6 {
  color: inherit;
}
body.color-mix-patarn-48 .button-common button {
  background-color: #78fc33;
  color: #020202;
  border: 1px solid #78fc33;
}

body.color-mix-patarn-49 {
  background-color: #020202;
  color: #33f1fc;
}
body.color-mix-patarn-49 h1, body.color-mix-patarn-49 h2, body.color-mix-patarn-49 h3, body.color-mix-patarn-49 h4, body.color-mix-patarn-49 h5, body.color-mix-patarn-49 h6 {
  color: inherit;
}
body.color-mix-patarn-49 .button-common button {
  background-color: #33f1fc;
  color: #020202;
  border: 1px solid #33f1fc;
}

body.color-mix-patarn-50 {
  background-color: #020202;
  color: #fc33ab;
}
body.color-mix-patarn-50 h1, body.color-mix-patarn-50 h2, body.color-mix-patarn-50 h3, body.color-mix-patarn-50 h4, body.color-mix-patarn-50 h5, body.color-mix-patarn-50 h6 {
  color: inherit;
}
body.color-mix-patarn-50 .button-common button {
  background-color: #fc33ab;
  color: #020202;
  border: 1px solid #fc33ab;
}

body.color-mix-patarn-51 {
  background-color: #e88075;
  color: #005863;
}
body.color-mix-patarn-51 h1, body.color-mix-patarn-51 h2, body.color-mix-patarn-51 h3, body.color-mix-patarn-51 h4, body.color-mix-patarn-51 h5, body.color-mix-patarn-51 h6 {
  color: inherit;
}
body.color-mix-patarn-51 .button-common button {
  background-color: #005863;
  color: #e88075;
  border: 1px solid #005863;
}

body.color-mix-patarn-52 {
  background-color: #7ab3b5;
  color: #814947;
}
body.color-mix-patarn-52 h1, body.color-mix-patarn-52 h2, body.color-mix-patarn-52 h3, body.color-mix-patarn-52 h4, body.color-mix-patarn-52 h5, body.color-mix-patarn-52 h6 {
  color: inherit;
}
body.color-mix-patarn-52 .button-common button {
  background-color: #814947;
  color: #7ab3b5;
  border: 1px solid #814947;
}

body.color-mix-patarn-53 {
  background-color: #e1dd11;
  color: #2725f2;
}
body.color-mix-patarn-53 h1, body.color-mix-patarn-53 h2, body.color-mix-patarn-53 h3, body.color-mix-patarn-53 h4, body.color-mix-patarn-53 h5, body.color-mix-patarn-53 h6 {
  color: inherit;
}
body.color-mix-patarn-53 .button-common button {
  background-color: #2725f2;
  color: #e1dd11;
  border: 1px solid #2725f2;
}

body.color-mix-patarn-54 {
  background-color: #d52f89;
  color: #003600;
}
body.color-mix-patarn-54 h1, body.color-mix-patarn-54 h2, body.color-mix-patarn-54 h3, body.color-mix-patarn-54 h4, body.color-mix-patarn-54 h5, body.color-mix-patarn-54 h6 {
  color: inherit;
}
body.color-mix-patarn-54 .button-common button {
  background-color: #003600;
  color: #d52f89;
  border: 1px solid #003600;
}

body.color-mix-patarn-55 {
  background-color: #ba3957;
  color: #00240d;
}
body.color-mix-patarn-55 h1, body.color-mix-patarn-55 h2, body.color-mix-patarn-55 h3, body.color-mix-patarn-55 h4, body.color-mix-patarn-55 h5, body.color-mix-patarn-55 h6 {
  color: inherit;
}
body.color-mix-patarn-55 .button-common button {
  background-color: #00240d;
  color: #ba3957;
  border: 1px solid #00240d;
}

body.color-mix-patarn-56 {
  background-color: #2751a6;
  color: #d4ab56;
}
body.color-mix-patarn-56 h1, body.color-mix-patarn-56 h2, body.color-mix-patarn-56 h3, body.color-mix-patarn-56 h4, body.color-mix-patarn-56 h5, body.color-mix-patarn-56 h6 {
  color: inherit;
}
body.color-mix-patarn-56 .button-common button {
  background-color: #d4ab56;
  color: #2751a6;
  border: 1px solid #d4ab56;
}

body.color-mix-patarn-57 {
  background-color: #1ad1bb;
  color: #cC0233;
}
body.color-mix-patarn-57 h1, body.color-mix-patarn-57 h2, body.color-mix-patarn-57 h3, body.color-mix-patarn-57 h4, body.color-mix-patarn-57 h5, body.color-mix-patarn-57 h6 {
  color: inherit;
}
body.color-mix-patarn-57 .button-common button {
  background-color: #cC0233;
  color: #1ad1bb;
  border: 1px solid #cC0233;
}

body.color-mix-patarn-58 {
  background-color: #75e4e8;
  color: #d37600;
}
body.color-mix-patarn-58 h1, body.color-mix-patarn-58 h2, body.color-mix-patarn-58 h3, body.color-mix-patarn-58 h4, body.color-mix-patarn-58 h5, body.color-mix-patarn-58 h6 {
  color: inherit;
}
body.color-mix-patarn-58 .button-common button {
  background-color: #d37600;
  color: #75e4e8;
  border: 1px solid #d37600;
}

body.color-mix-patarn-59 {
  background-color: #e8de75;
  color: #00d3ca;
}
body.color-mix-patarn-59 h1, body.color-mix-patarn-59 h2, body.color-mix-patarn-59 h3, body.color-mix-patarn-59 h4, body.color-mix-patarn-59 h5, body.color-mix-patarn-59 h6 {
  color: inherit;
}
body.color-mix-patarn-59 .button-common button {
  background-color: #00d3ca;
  color: #e8de75;
  border: 1px solid #00d3ca;
}

body.color-mix-patarn-60 {
  background-color: #8ce875;
  color: #d300c3;
}
body.color-mix-patarn-60 h1, body.color-mix-patarn-60 h2, body.color-mix-patarn-60 h3, body.color-mix-patarn-60 h4, body.color-mix-patarn-60 h5, body.color-mix-patarn-60 h6 {
  color: inherit;
}
body.color-mix-patarn-60 .button-common button {
  background-color: #d300c3;
  color: #8ce875;
  border: 1px solid #d300c3;
}

body.color-mix-patarn-1 input[type=submit].contact-submit {
  background-color: #3c3c3c;
  color: #f5efe6;
  border: 1px solid #3c3c3c;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-1 input[type=submit].contact-submit:hover, body.color-mix-patarn-1 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-2 input[type=submit].contact-submit {
  background-color: #676666;
  color: #f5efe6;
  border: 1px solid #676666;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-2 input[type=submit].contact-submit:hover, body.color-mix-patarn-2 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-3 input[type=submit].contact-submit {
  background-color: #927053;
  color: #f5ede6;
  border: 1px solid #927053;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-3 input[type=submit].contact-submit:hover, body.color-mix-patarn-3 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-4 input[type=submit].contact-submit {
  background-color: #49566c;
  color: #f5ede6;
  border: 1px solid #49566c;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-4 input[type=submit].contact-submit:hover, body.color-mix-patarn-4 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-5 input[type=submit].contact-submit {
  background-color: #49566c;
  color: #f5ede6;
  border: 1px solid #49566c;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-5 input[type=submit].contact-submit:hover, body.color-mix-patarn-5 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-6 input[type=submit].contact-submit {
  background-color: #6c4949;
  color: #efecec;
  border: 1px solid #6c4949;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-6 input[type=submit].contact-submit:hover, body.color-mix-patarn-6 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-7 input[type=submit].contact-submit {
  background-color: #6c5349;
  color: #efecec;
  border: 1px solid #6c5349;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-7 input[type=submit].contact-submit:hover, body.color-mix-patarn-7 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-8 input[type=submit].contact-submit {
  background-color: #49636c;
  color: #efecec;
  border: 1px solid #49636c;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-8 input[type=submit].contact-submit:hover, body.color-mix-patarn-8 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-9 input[type=submit].contact-submit {
  background-color: #30857f;
  color: #efecec;
  border: 1px solid #30857f;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-9 input[type=submit].contact-submit:hover, body.color-mix-patarn-9 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-10 input[type=submit].contact-submit {
  background-color: #853130;
  color: #efecec;
  border: 1px solid #853130;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-10 input[type=submit].contact-submit:hover, body.color-mix-patarn-10 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-11 input[type=submit].contact-submit {
  background-color: #3c3c3c;
  color: #dbdada;
  border: 1px solid #3c3c3c;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-11 input[type=submit].contact-submit:hover, body.color-mix-patarn-11 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-12 input[type=submit].contact-submit {
  background-color: #666666;
  color: #dbdada;
  border: 1px solid #666666;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-12 input[type=submit].contact-submit:hover, body.color-mix-patarn-12 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-13 input[type=submit].contact-submit {
  background-color: #927053;
  color: #dbdada;
  border: 1px solid #927053;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-13 input[type=submit].contact-submit:hover, body.color-mix-patarn-13 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-14 input[type=submit].contact-submit {
  background-color: #303c85;
  color: #dbdada;
  border: 1px solid #303c85;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-14 input[type=submit].contact-submit:hover, body.color-mix-patarn-14 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-15 input[type=submit].contact-submit {
  background-color: #733085;
  color: #dbdada;
  border: 1px solid #733085;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-15 input[type=submit].contact-submit:hover, body.color-mix-patarn-15 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-16 input[type=submit].contact-submit {
  background-color: #853056;
  color: #dbdada;
  border: 1px solid #853056;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-16 input[type=submit].contact-submit:hover, body.color-mix-patarn-16 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-17 input[type=submit].contact-submit {
  background-color: #a51110;
  color: #dbdada;
  border: 1px solid #a51110;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-17 input[type=submit].contact-submit:hover, body.color-mix-patarn-17 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-18 input[type=submit].contact-submit {
  background-color: #1fab0a;
  color: #dbdada;
  border: 1px solid #1fab0a;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-18 input[type=submit].contact-submit:hover, body.color-mix-patarn-18 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-19 input[type=submit].contact-submit {
  background-color: #0aa2ab;
  color: #dbdada;
  border: 1px solid #0aa2ab;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-19 input[type=submit].contact-submit:hover, body.color-mix-patarn-19 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-20 input[type=submit].contact-submit {
  background-color: #fb60d6;
  color: #dbdada;
  border: 1px solid #fb60d6;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-20 input[type=submit].contact-submit:hover, body.color-mix-patarn-20 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-21 input[type=submit].contact-submit {
  background-color: #fb6160;
  color: #dbdada;
  border: 1px solid #fb6160;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-21 input[type=submit].contact-submit:hover, body.color-mix-patarn-21 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-22 input[type=submit].contact-submit {
  background-color: #fb9a60;
  color: #dbdada;
  border: 1px solid #fb9a60;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-22 input[type=submit].contact-submit:hover, body.color-mix-patarn-22 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-23 input[type=submit].contact-submit {
  background-color: #f0fb60;
  color: #dbdada;
  border: 1px solid #f0fb60;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-23 input[type=submit].contact-submit:hover, body.color-mix-patarn-23 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-24 input[type=submit].contact-submit {
  background-color: #60bcfb;
  color: #dbdada;
  border: 1px solid #60bcfb;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-24 input[type=submit].contact-submit:hover, body.color-mix-patarn-24 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-25 input[type=submit].contact-submit {
  background-color: #2725f2;
  color: #dbdada;
  border: 1px solid #2725f2;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-25 input[type=submit].contact-submit:hover, body.color-mix-patarn-25 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-26 input[type=submit].contact-submit {
  background-color: #6064fb;
  color: #dbdada;
  border: 1px solid #6064fb;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-26 input[type=submit].contact-submit:hover, body.color-mix-patarn-26 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-27 input[type=submit].contact-submit {
  background-color: #fb608d;
  color: #dbdada;
  border: 1px solid #fb608d;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-27 input[type=submit].contact-submit:hover, body.color-mix-patarn-27 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-28 input[type=submit].contact-submit {
  background-color: #fb608d;
  color: #dbdada;
  border: 1px solid #fb608d;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-28 input[type=submit].contact-submit:hover, body.color-mix-patarn-28 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-29 input[type=submit].contact-submit {
  background-color: #a7a0a2;
  color: #dbdada;
  border: 1px solid #a7a0a2;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-29 input[type=submit].contact-submit:hover, body.color-mix-patarn-29 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-30 input[type=submit].contact-submit {
  background-color: #55e5b3;
  color: #dbdada;
  border: 1px solid #55e5b3;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-30 input[type=submit].contact-submit:hover, body.color-mix-patarn-30 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-31 input[type=submit].contact-submit {
  background-color: #252525;
  color: #6f6c6c;
  border: 1px solid #252525;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-31 input[type=submit].contact-submit:hover, body.color-mix-patarn-31 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-32 input[type=submit].contact-submit {
  background-color: #c8c8c8;
  color: #6f6c6c;
  border: 1px solid #c8c8c8;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-32 input[type=submit].contact-submit:hover, body.color-mix-patarn-32 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-33 input[type=submit].contact-submit {
  background-color: #fb9a60;
  color: #6f6c6c;
  border: 1px solid #fb9a60;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-33 input[type=submit].contact-submit:hover, body.color-mix-patarn-33 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-34 input[type=submit].contact-submit {
  background-color: #60d8fb;
  color: #6f6c6c;
  border: 1px solid #60d8fb;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-34 input[type=submit].contact-submit:hover, body.color-mix-patarn-34 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-35 input[type=submit].contact-submit {
  background-color: #fb608d;
  color: #6f6c6c;
  border: 1px solid #fb608d;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-35 input[type=submit].contact-submit:hover, body.color-mix-patarn-35 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-36 input[type=submit].contact-submit {
  background-color: #60fbf2;
  color: #6f6c6c;
  border: 1px solid #60fbf2;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-36 input[type=submit].contact-submit:hover, body.color-mix-patarn-36 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-37 input[type=submit].contact-submit {
  background-color: #6efb60;
  color: #6f6c6c;
  border: 1px solid #6efb60;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-37 input[type=submit].contact-submit:hover, body.color-mix-patarn-37 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-38 input[type=submit].contact-submit {
  background-color: #effb60;
  color: #6f6c6c;
  border: 1px solid #effb60;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-38 input[type=submit].contact-submit:hover, body.color-mix-patarn-38 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-39 input[type=submit].contact-submit {
  background-color: #fbd160;
  color: #6f6c6c;
  border: 1px solid #fbd160;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-39 input[type=submit].contact-submit:hover, body.color-mix-patarn-39 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-40 input[type=submit].contact-submit {
  background-color: #fb6160;
  color: #6f6c6c;
  border: 1px solid #fb6160;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-40 input[type=submit].contact-submit:hover, body.color-mix-patarn-40 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-41 input[type=submit].contact-submit {
  background-color: #927053;
  color: #020202;
  border: 1px solid #927053;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-41 input[type=submit].contact-submit:hover, body.color-mix-patarn-41 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-42 input[type=submit].contact-submit {
  background-color: #e6a5a5;
  color: #020202;
  border: 1px solid #e6a5a5;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-42 input[type=submit].contact-submit:hover, body.color-mix-patarn-42 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-43 input[type=submit].contact-submit {
  background-color: #a8e6a5;
  color: #020202;
  border: 1px solid #a8e6a5;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-43 input[type=submit].contact-submit:hover, body.color-mix-patarn-43 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-44 input[type=submit].contact-submit {
  background-color: #a5dbe6;
  color: #020202;
  border: 1px solid #a5dbe6;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-44 input[type=submit].contact-submit:hover, body.color-mix-patarn-44 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-45 input[type=submit].contact-submit {
  background-color: #e6a5dc;
  color: #020202;
  border: 1px solid #e6a5dc;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-45 input[type=submit].contact-submit:hover, body.color-mix-patarn-45 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-46 input[type=submit].contact-submit {
  background-color: #fc7433;
  color: #020202;
  border: 1px solid #fc7433;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-46 input[type=submit].contact-submit:hover, body.color-mix-patarn-46 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-47 input[type=submit].contact-submit {
  background-color: #f4fc33;
  color: #020202;
  border: 1px solid #f4fc33;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-47 input[type=submit].contact-submit:hover, body.color-mix-patarn-47 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-48 input[type=submit].contact-submit {
  background-color: #78fc33;
  color: #020202;
  border: 1px solid #78fc33;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-48 input[type=submit].contact-submit:hover, body.color-mix-patarn-48 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-49 input[type=submit].contact-submit {
  background-color: #33f1fc;
  color: #020202;
  border: 1px solid #33f1fc;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-49 input[type=submit].contact-submit:hover, body.color-mix-patarn-49 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-50 input[type=submit].contact-submit {
  background-color: #fc33ab;
  color: #020202;
  border: 1px solid #fc33ab;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-50 input[type=submit].contact-submit:hover, body.color-mix-patarn-50 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-51 input[type=submit].contact-submit {
  background-color: #005863;
  color: #e88075;
  border: 1px solid #005863;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-51 input[type=submit].contact-submit:hover, body.color-mix-patarn-51 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-52 input[type=submit].contact-submit {
  background-color: #814947;
  color: #7ab3b5;
  border: 1px solid #814947;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-52 input[type=submit].contact-submit:hover, body.color-mix-patarn-52 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-53 input[type=submit].contact-submit {
  background-color: #2725f2;
  color: #e1dd11;
  border: 1px solid #2725f2;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-53 input[type=submit].contact-submit:hover, body.color-mix-patarn-53 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-54 input[type=submit].contact-submit {
  background-color: #003600;
  color: #d52f89;
  border: 1px solid #003600;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-54 input[type=submit].contact-submit:hover, body.color-mix-patarn-54 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-55 input[type=submit].contact-submit {
  background-color: #00240d;
  color: #ba3957;
  border: 1px solid #00240d;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-55 input[type=submit].contact-submit:hover, body.color-mix-patarn-55 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-56 input[type=submit].contact-submit {
  background-color: #d4ab56;
  color: #2751a6;
  border: 1px solid #d4ab56;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-56 input[type=submit].contact-submit:hover, body.color-mix-patarn-56 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-57 input[type=submit].contact-submit {
  background-color: #cC0233;
  color: #1ad1bb;
  border: 1px solid #cC0233;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-57 input[type=submit].contact-submit:hover, body.color-mix-patarn-57 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-58 input[type=submit].contact-submit {
  background-color: #d37600;
  color: #75e4e8;
  border: 1px solid #d37600;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-58 input[type=submit].contact-submit:hover, body.color-mix-patarn-58 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-59 input[type=submit].contact-submit {
  background-color: #00d3ca;
  color: #e8de75;
  border: 1px solid #00d3ca;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-59 input[type=submit].contact-submit:hover, body.color-mix-patarn-59 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

body.color-mix-patarn-60 input[type=submit].contact-submit {
  background-color: #d300c3;
  color: #8ce875;
  border: 1px solid #d300c3;
  transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
body.color-mix-patarn-60 input[type=submit].contact-submit:hover, body.color-mix-patarn-60 input[type=submit].contact-submit:focus {
  opacity: 0.88;
  transform: scale(1.12);
}

.the-front-page-container {
  padding-top: 120px;
}

.card-slider-area .swiper-slide {
  aspect-ratio: 5/6;
  width: 22%;
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
}

.card-slider-area .swiper-slide a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.card-slider-area .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.about-info-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "profile" "massege";
  gap: 24px;
  padding: 100px 40px;
}
@media (max-width: 1023px) {
  .about-info-container {
    padding: 60px 15px;
  }
}
@media (min-width: 1023px) {
  .about-info-container {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "profile massege";
    align-items: start;
  }
}

.about-info-profile {
  grid-area: profile;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 260px;
  max-width: 350px;
  word-break: break-word;
  overflow-wrap: break-word;
}
@media (max-width: 1023px) {
  .about-info-profile {
    max-width: 100vw;
    padding-bottom: 8rem;
  }
}

.about-profile-img-wrapper {
  width: 60vw;
  max-width: 350px;
  aspect-ratio: 1/1;
  overflow: hidden;
  margin-bottom: 5rem;
}
.about-profile-img-wrapper img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}

.about-info-profile-name {
  font-size: 3rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.01em;
  margin: 0 0 2vw 0;
}
@media (max-width: 767px) {
  .about-info-profile-name {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0.01em;
  }
}
@media (max-width: 1023px) {
  .about-info-profile-name {
    margin-bottom: 30px;
  }
}

.about-info-profile-title {
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
  font-weight: bold;
}
@media (max-width: 767px) {
  .about-info-profile-title {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
}
.about-info-profile-contents {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
  margin-bottom: 0.15rem;
  opacity: 0.94;
}
@media (max-width: 767px) {
  .about-info-profile-contents {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
}

.about-info-massege {
  grid-area: massege;
  width: 100%;
  max-width: 800px;
}

.about-info-massege-title {
  font-size: 7rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.01em;
  margin: 0 0 1.5vw 0;
  text-align: left;
  white-space: normal;
  overflow-wrap: break-word;
  -webkit-hyphens: none;
          hyphens: none;
  color: inherit;
}
@media (max-width: 767px) {
  .about-info-massege-title {
    font-size: 5rem;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0.01em;
  }
}
@media (max-width: 1023px) {
  .about-info-massege-title {
    padding-bottom: 1rem;
  }
}

.about-info-massege-subtitle {
  font-size: 3rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.01em;
  text-align: left;
  white-space: normal;
  overflow-wrap: break-word;
  -webkit-hyphens: none;
          hyphens: none;
  color: inherit;
  margin-bottom: 2vw;
  opacity: 0.94;
}
@media (max-width: 767px) {
  .about-info-massege-subtitle {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0.01em;
  }
}
@media (max-width: 1023px) {
  .about-info-massege-subtitle {
    padding-bottom: 4rem;
  }
}

.about-info-massege-text-jp {
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
  text-align: justify;
  -webkit-hyphens: auto;
          hyphens: auto;
  margin-bottom: 3rem;
  opacity: 0.94;
}
@media (max-width: 767px) {
  .about-info-massege-text-jp {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
}
@media (max-width: 1023px) {
  .about-info-massege-text-jp {
    letter-spacing: 0.1rem;
    line-height: 1.5;
  }
}

.about-info-massege-text-en {
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
  text-align: justify;
  -webkit-hyphens: auto;
          hyphens: auto;
  margin-bottom: 3rem;
}
@media (max-width: 767px) {
  .about-info-massege-text-en {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
}

.contact-form {
  max-width: 50%;
  margin: 0 auto;
  padding: 2rem;
  margin-bottom: 10rem;
  box-sizing: border-box;
}

@media (max-width: 767px) {
  .contact-form {
    max-width: 94%;
  }
}
.form-field {
  margin-bottom: 5rem;
}

label {
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
  display: block;
  margin-bottom: 0.4rem;
}
@media (max-width: 767px) {
  label {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
}

input,
textarea {
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
  width: 100%;
  padding: 0.75rem 1rem;
  border: 1px solid currentColor;
  border-radius: 4px;
  transition: all 0.3s ease;
  background-color: transparent;
  color: inherit;
  opacity: 0.9;
}
@media (max-width: 767px) {
  input,
  textarea {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
}

input:focus,
textarea:focus {
  opacity: 1;
  box-shadow: 0 0 0 2px currentColor;
  outline: none;
}

textarea {
  resize: vertical;
}

.required-mark {
  color: #e53935;
  font-weight: bold;
  margin-left: 0.25em;
}

.optional-mark {
  color: #999;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
  margin-left: 1em;
}
@media (max-width: 767px) {
  .optional-mark {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
}

input::-moz-placeholder, textarea::-moz-placeholder {
  color: currentColor;
  opacity: 0.4;
}

input::placeholder,
textarea::placeholder {
  color: currentColor;
  opacity: 0.4;
}

textarea#message {
  margin-bottom: 3rem;
}

.wpcf7-response-output {
  margin: 2.5rem auto 0 auto;
  padding: 0.8rem 1.2rem;
  border-radius: 8px;
  background: #fff4e3;
  color: #b96e1a;
  border: 1.5px solid #ffd080;
}

.archive-scroll-title {
  font-size: 6rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.01em;
  padding-left: 40px;
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  .archive-scroll-title {
    font-size: 4rem;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0.01em;
  }
}

.archive-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
}
.archive-scroll::-webkit-scrollbar {
  display: none;
}

.archive-track {
  display: flex;
  width: -moz-max-content;
  width: max-content;
  padding-left: calc(50vw - 250px);
  padding-right: 130px;
  padding-top: 120px;
  padding-bottom: 120px;
}

.archive-card-container {
  display: flex;
  gap: 40px;
  align-items: center;
}

.archive-card {
  aspect-ratio: 5/6;
  width: 450px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  overflow: hidden;
  border-radius: 8px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  background-color: #eee;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.archive-card:hover img {
  transform: scale(1.08);
  transition: transform 1s cubic-bezier(0.38, 1.47, 0.6, 0.98);
}

@media (max-width: 767px) {
  .archive-card {
    width: 80vw;
  }
}
.archive-card a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

.archive-card img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

.error-container {
  width: 700px;
  height: 90vh;
  padding: 200px 40px;
  text-align: justify;
}

@media (max-width: 767px) {
  .error-container {
    width: 100%;
    height: 100vh;
    padding: 150px 10px;
  }
}
.error-title {
  margin-bottom: 50px;
}

.error-message-ja {
  margin-bottom: 80px;
}

.work__inner {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "contents" "meta";
  gap: 24px;
  padding: 100px 40px;
}
@media (max-width: 1023px) {
  .work__inner {
    padding: 60px 15px;
  }
}

.work__col--contents {
  grid-area: contents;
  width: 100%;
  max-width: 800px;
}
@media (max-width: 1023px) {
  .work__col--contents {
    margin-bottom: 6rem;
  }
}

.work__col--meta {
  grid-area: meta;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 260px;
  max-width: 350px;
}
@media (max-width: 1023px) {
  .work__col--meta {
    margin-bottom: 3vw;
  }
}

@media (min-width: 1023px) {
  .work__inner {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "meta contents";
    align-items: start;
  }
}
.work__title {
  font-size: 7rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.01em;
  max-width: 100%;
  margin: 0 0 1.5vw 0;
  text-align: left;
  white-space: normal;
  overflow-wrap: break-word;
  -webkit-hyphens: none;
          hyphens: none;
  color: inherit;
}
@media (max-width: 767px) {
  .work__title {
    font-size: 5rem;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0.01em;
  }
}
@media (max-width: 1023px) {
  .work__title {
    padding-bottom: 1rem;
  }
}

.work__subtitle {
  font-size: 3rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.01em;
  max-width: 100%;
  text-align: left;
  white-space: normal;
  overflow-wrap: break-word;
  -webkit-hyphens: none;
          hyphens: none;
  color: inherit;
  margin-bottom: 2vw;
  opacity: 0.94;
}
@media (max-width: 767px) {
  .work__subtitle {
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0.01em;
  }
}
@media (max-width: 1023px) {
  .work__subtitle {
    padding-bottom: 4rem;
  }
}

.work__text--jp {
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
  text-align: justify;
  -webkit-hyphens: auto;
          hyphens: auto;
  margin-bottom: 3rem;
  opacity: 0.94;
}
@media (max-width: 767px) {
  .work__text--jp {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
}
.work__text--en {
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
  text-align: justify;
  -webkit-hyphens: auto;
          hyphens: auto;
  margin-bottom: 3rem;
}
@media (max-width: 767px) {
  .work__text--en {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
}
.work__number {
  font-size: 7rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.01em;
  margin: 0 0 2vw 0;
}
@media (max-width: 767px) {
  .work__number {
    font-size: 5rem;
    font-weight: 600;
    line-height: 1.1;
    letter-spacing: 0.01em;
  }
}

.work__info {
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
  font-weight: bold;
}
@media (max-width: 767px) {
  .work__info {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
}

.work__roles-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.work__roles-list li {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: 0.01em;
  text-align: justify;
  -webkit-hyphens: auto;
          hyphens: auto;
  margin-bottom: 0.15rem;
  opacity: 0.85;
}
@media (max-width: 767px) {
  .work__roles-list li {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.6;
    letter-spacing: 0.02em;
  }
}/*# sourceMappingURL=theme-style.css.map */