@charset "UTF-8";
/* ==========================================================================
	 Foundation
	 ========================================================================== */
@font-face {
  font-family: 'Now';
  font-weight: 300;
  src: url("../font/now.light.otf") format("opentype"), url("../font/now.light.woff") format("woff"), url("../font/now.light.woff2") format("woff2");
}

@font-face {
  font-family: 'Now';
  font-weight: 400;
  src: url("../font/now.regular.otf") format("opentype"), url("../font/now.regular.woff") format("woff"), url("../font/now.regular.woff2") format("woff2");
}

@font-face {
  font-family: 'Now';
  font-weight: 500;
  src: url("../font/now.medium.otf") format("opentype"), url("../font/now.medium.woff") format("woff"), url("../font/now.medium.woff2") format("woff2");
}

@font-face {
  font-family: 'Now';
  font-weight: 700;
  src: url("../font/now.bold.otf") format("opentype"), url("../font/now.bold.woff") format("woff"), url("../font/now.bold.woff2") format("woff2");
}

/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
/* # =================================================================
   # Global selectors
   # ================================================================= */
html {
  box-sizing: border-box;
  font-size: 62.5%;
  line-height: 1.8;
  -webkit-text-size-adjust: 100%;
  /* iOS 8+ */
}

*,
::before,
::after {
  background-repeat: no-repeat;
  /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
}

::before,
::after {
  text-decoration: inherit;
  /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}

* {
  padding: 0;
  /* Reset `padding` and `margin` of all elements */
  margin: 0;
}

/* # =================================================================
   # General elements
   # ================================================================= */
/* Add the correct display in iOS 4-7.*/
audio:not([controls]) {
  display: none;
  height: 0;
}

hr {
  overflow: visible;
  /* Show the overflow in Edge and IE */
}

/*
* Correct `block` display not defined for any HTML5 element in IE 8/9
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox
* Correct `block` display not defined for `main` in IE 11
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

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

small {
  font-size: 80%;
  /* Set font-size to 80% in `small` elements */
}

[hidden],
template {
  display: none;
  /* Add the correct display in IE */
}

abbr[title] {
  border-bottom: 1px dotted;
  /* Add a bordered underline effect in all browsers */
  text-decoration: none;
  /* Remove text decoration in Firefox 40+ */
}

a {
  background-color: transparent;
  /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects;
  /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
}

a:active,
a:hover {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* Specify the font family of code elements */
}

b,
strong {
  font-weight: bolder;
  /* Correct style set to `bold` in Edge 12+, Safari 6.2+, and Chrome 18+ */
}

dfn {
  font-style: italic;
  /* Address styling not present in Safari and Chrome */
}

/* Address styling not present in IE 8/9 */
mark {
  background-color: #ff0;
  color: #000;
}

/* https://gist.github.com/unruthless/413930 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* # =================================================================
   # Forms
   # ================================================================= */
input {
  border-radius: 0;
}

/* Apply cursor pointer to button elements */
button,
[type="button"],
[type="reset"],
[type="submit"],
[role="button"] {
  cursor: pointer;
}

/* Replace pointer cursor in disabled elements */
[disabled] {
  cursor: default;
}

[type="number"] {
  width: auto;
  /* Firefox 36+ */
}

[type="search"] {
  -webkit-appearance: textfield;
  /* Safari 8+ */
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  /* Safari 8 */
}

textarea {
  overflow: auto;
  /* Internet Explorer 11+ */
  resize: vertical;
  /* Specify textarea resizability */
}

button,
input,
optgroup,
select,
textarea {
  font: inherit;
  /* Specify font inheritance of form elements */
}

optgroup {
  font-weight: bold;
  /* Restore the font weight unset by the previous rule. */
}

button {
  overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}

/* Remove inner padding and border in Firefox 4+ */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: 0;
  padding: 0;
}

/* Replace focus style removed in the border reset above */
button:-moz-focusring,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  outline: 1px dotted ButtonText;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS */
}

button,
select {
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
  background-color: transparent;
  border-style: none;
  color: inherit;
}

/* Style select like a standard input */
select {
  -moz-appearance: none;
  /* Firefox 36+ */
  -webkit-appearance: none;
  /* Chrome 41+ */
}

select::-ms-expand {
  display: none;
  /* Internet Explorer 11+ */
}

select::-ms-value {
  color: currentColor;
  /* Internet Explorer 11+ */
}

legend {
  border: 0;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit;
  /* Correct the color inheritance from `fieldset` elements in IE */
  display: table;
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct the text wrapping in Edge and IE */
  white-space: normal;
  /* Correct the text wrapping in Edge and IE */
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* Correct the inability to style clickable types in iOS and Safari */
  font: inherit;
  /* Change font properties to `inherit` in Chrome and Safari */
}

[type="search"] {
  -webkit-appearance: textfield;
  /* Correct the odd appearance in Chrome and Safari */
  outline-offset: -2px;
  /* Correct the outline style in Safari */
}

/* # =================================================================
   # Specify media element style
   # ================================================================= */
img {
  border-style: none;
  /* Remove border when inside `a` element in IE 8/9/10 */
}

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

svg:not(:root) {
  overflow: hidden;
  /* Internet Explorer 11- */
}

audio,
canvas,
progress,
video {
  display: inline-block;
  /* Internet Explorer 11+, Windows Phone 8.1+ */
}

/* # =================================================================
   # Accessibility
   # ================================================================= */
/* Hide content from screens but not screenreaders */
@media screen {
  [hidden~="screen"] {
    display: inherit;
  }
  [hidden~="screen"]:not(:active):not(:focus):not(:target) {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
  }
}

/* Specify the progress cursor of updating elements */
[aria-busy="true"] {
  cursor: progress;
}

/* Specify the pointer cursor of trigger elements */
[aria-controls] {
  cursor: pointer;
}

/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
[aria-disabled] {
  cursor: default;
}

/* # =================================================================
   # Selection
   # ================================================================= */
/* Specify text selection background color and omit drop shadow */
::-moz-selection {
  background-color: #b3d4fc;
  /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

::selection {
  background-color: #b3d4fc;
  /* Required when declaring ::selection */
  color: #000;
  text-shadow: none;
}

body {
  color: #4c4948;
  font-family: "Now", "Noto Sans JP", "ヒラギノ角ゴ ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, system-ui, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-feature-settings: "palt";
  font-weight: 400;
  overflow-x: hidden;
}

img {
  vertical-align: bottom;
}

ul {
  list-style: none;
}

a {
  color: #4c4948;
  text-decoration: none;
}

@keyframes line_v {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(100%);
  }
}

@keyframes line_v_r {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(-100%);
  }
}

@keyframes line_h {
  0% {
    transform: translate(-100%);
  }
  100% {
    transform: translate(100%);
  }
}

@keyframes animate-panel {
  0% {
    transform-origin: left top;
    transform: scale(0, 1);
  }
  49% {
    transform-origin: left top;
    transform: scale(1, 1);
  }
  50% {
    transform-origin: right top;
    transform: scale(1, 1);
  }
  100% {
    transform-origin: right top;
    transform: scale(0, 1);
  }
}

@keyframes animate-content {
  0% {
    visibility: hidden;
  }
  49% {
    visibility: hidden;
  }
  50% {
    visibility: visible;
  }
  100% {
    visibility: visible;
  }
}

.js-mask {
  display: block;
}

.js-mask .js-mask-inner {
  position: relative;
  visibility: hidden;
}

.js-mask .js-mask-inner::after {
  content: "";
  background: #fcc6ba;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: left top;
  transform: scale(0, 1);
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  visibility: visible;
}

.js-mask .js-mask-inner.start {
  animation-name: animate-content;
  animation-duration: 1.5s;
  animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.js-mask .js-mask-inner.start::after {
  animation-name: animate-panel;
  animation-duration: 1.5s;
  animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.js-mask .js-mask-inner--obj {
  position: relative;
  visibility: hidden;
}

.js-mask .js-mask-inner--obj::after {
  content: "";
  background: #fcc6ba;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: left top;
  transform: scale(0, 1);
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1) 0s;
  visibility: visible;
}

.js-mask .js-mask-inner--obj.start {
  animation-name: animate-content;
  animation-duration: 1.5s;
  animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.js-mask .js-mask-inner--obj.start::after {
  animation-name: animate-panel;
  animation-duration: 1.5s;
  animation-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}

.fade-enter, .fade-leave-to {
  opacity: 0;
}

#cboxOverlay {
  background: rgba(255, 255, 255, 0.8);
}

#colorbox div {
  background: none;
}

.locale_en * {
  letter-spacing: 0 !important;
}

.l-wrapper {
  overflow-x: hidden;
}

.l-titleWrap {
  padding-top: 8.8rem;
}

@media (max-width: 750px) {
  .l-titleWrap {
    padding-top: 5rem;
  }
}

/**
ヘッダー
 */
@media print, screen and (min-width: 1024px) {
  .l-header-wrapper {
    height: 80px;
  }
}

.l-header {
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9999;
}

.l-header::before {
  background: #fff;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(1, 0);
  transform-origin: 0 0;
  transition: transform .3s ease-in-out;
  width: 100%;
}

@media only screen and (max-width: 1023px) {
  .l-header::before {
    z-index: -1;
  }
}

.l-header .l-header-inner.is-scroll::after {
  transform: scale(0, 1) !important;
}

.l-header .l-header-inner.is-scroll .l-header-logo {
  opacity: 1;
}

.l-header .l-header-inner.is-scroll .l-nav-global li {
  opacity: 0;
  transform: translateY(10px);
}

@media print, screen and (min-width: 1024px) {
  .l-header-inner {
    align-items: center;
    display: flex;
    height: 80px;
    justify-content: space-between;
    padding-left: 20px;
    position: relative;
    width: 100%;
  }
}

.l-header-inner::after {
  background: #d6d7d7;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  transform: scale(0, 1);
  transform-origin: 0 0;
  transition: transform .3s ease-in-out;
  transition-delay: .5s;
}

@media only screen and (max-width: 1023px) {
  .l-header-inner::after {
    bottom: -5px;
    height: 11px;
    width: 60px;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-header-inner::after {
    bottom: -11px;
    height: 22px;
    width: 120px;
  }
}

.l-header-logo {
  line-height: 1;
  opacity: 0;
  transition: opacity .3s linear;
  transition-delay: .5s;
}

@media only screen and (max-width: 1023px) {
  .l-header-logo {
    padding: 20px 0 20px 10px;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-header-logo {
    align-self: center;
  }
}

.l-header-logo img {
  vertical-align: middle;
}

@media only screen and (max-width: 1023px) {
  .l-header-logo img {
    height: 12px;
    width: 30px;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-header-logo img {
    height: 22px;
    width: 59px;
  }
}

@media only screen and (max-width: 1023px) {
  .l-nav {
    background: #fff;
    height: 0;
    left: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -2;
  }
}

.l-nav-sns {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 9999;
}

@media only screen and (max-width: 1023px) {
  .l-nav-sns {
    width: 100%;
    height: 30px;
    top: 390px;
    right: auto;
  }
}

.l-nav-sns .l-nav-fb {
  opacity: 0;
  transition: opacity .3s ease-in-out;
  transition-delay: 1.5s;
}

@media only screen and (max-width: 1023px) {
  .l-nav-sns .l-nav-fb {
    width: 100%;
    text-align: center;
  }
}

.l-nav-sns .l-nav-fb img {
  height: 25px;
  width: 25px;
}

@media only screen and (max-width: 1023px) {
  .l-nav-sns .l-nav-fb img {
    width: 30px;
    height: 30px;
  }
}

.l-nav-sns .l-nav-lang {
  height: 25px;
  margin-left: 3px;
  opacity: 0;
  position: relative;
  transition: opacity .3s ease-in-out;
  transition-delay: 1.3s;
  width: 25px;
}

@media only screen and (max-width: 1023px) {
  .l-nav-sns .l-nav-lang {
    display: none;
  }
}

.l-nav-sns .l-nav-lang li {
  font-size: 10px;
  line-height: 15px;
  transform: scale(0.7);
}

.l-nav-sns .l-nav-lang li a {
  color: #000;
}

.l-nav-sns .l-nav-lang li.current a {
  color: #fcc6ba;
}

.l-nav-sns .l-nav-lang li.l-nav-lang-ja {
  padding-left: 6px;
}

.l-nav-sns .l-nav-lang li.l-nav-lang-en {
  padding-right: 6px;
  text-align: right;
}

.l-nav-sns .l-nav-lang::after {
  background: #000;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 0;
  top: 0;
  transform: rotate(-45deg);
  transform-origin: 100% 100%;
  width: 35px;
}

.l-nav-global {
  align-items: center;
  display: flex;
}

@media only screen and (max-width: 1023px) {
  .l-nav-global {
    flex-direction: column;
    padding: 100px 0;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-nav-global {
    height: 80px;
    padding-right: 54px;
  }
}

.l-nav-global li {
  opacity: 0;
  transform: translateY(10px);
  transition: all .3s ease-in-out;
}

@media only screen and (max-width: 1023px) {
  .l-nav-global li {
    line-height: 2.45;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-nav-global li {
    height: 25px;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-nav-global li:not(:first-child) {
    margin-left: 40px;
  }
}

.l-nav-global li:nth-child(1) {
  transition-delay: .7s;
}

.l-nav-global li:nth-child(2) {
  transition-delay: .8s;
}

.l-nav-global li:nth-child(3) {
  transition-delay: .9s;
}

.l-nav-global li:nth-child(4) {
  transition-delay: 1s;
}

.l-nav-global li:nth-child(5) {
  transition-delay: 1.1s;
}

.l-nav-global li:nth-child(6) {
  transition-delay: 1.2s;
}

.l-nav-global a {
  font-size: 14px;
  display: inline-block;
  overflow: hidden;
  position: relative;
}

.l-nav-global a::after {
  background: #4c4948;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  transform: scale(0, 1);
  transform-origin: 100% 0;
  transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  width: 100%;
}

@media print, screen and (min-width: 1024px) {
  .l-nav-global a:hover::after {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
}

@media only screen and (max-width: 1023px) {
  .l-header-menu-btn {
    position: absolute;
    right: 16px;
    opacity: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity .3s ease-in-out;
    transition-delay: .5s;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-header-menu-btn {
    display: none;
  }
}

@media only screen and (max-width: 1023px) {
  .l-header-menu-btn a {
    display: block;
    height: 11px;
    position: relative;
    width: 16px;
  }
}

@media only screen and (max-width: 1023px) {
  .l-header-menu-btn a span {
    background: #4c4948;
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
  }
}

.l-header-menu-btn a span:first-child {
  top: 0;
}

.l-header-menu-btn a span:nth-child(2) {
  top: 5px;
}

.l-header-menu-btn a span:nth-child(3) {
  bottom: 0;
}

@media only screen and (max-width: 1023px) {
  .l-titleWrap {
    display: flex;
    flex-direction: column-reverse;
  }
}

/**
パンくず
 */
.l-breadcrumb {
  background: #efefef;
  border-top: 1px solid #929696;
  border-bottom: 1px solid #929696;
  opacity: 1;
  transition: opacity .4s ease-in-out;
  transition-delay: 1.5s;
}

@media only screen and (max-width: 1023px) {
  .l-breadcrumb {
    margin-bottom: 36px;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-breadcrumb {
    padding: 25px 0;
  }
}

.l-breadcrumb ul {
  display: flex;
}

@media only screen and (max-width: 1023px) {
  .l-breadcrumb ul {
    padding: 54px 25px 28px;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-breadcrumb ul {
    margin: 0 auto;
    max-width: 1086px;
    padding: 0 15px;
  }
}

.l-breadcrumb li {
  letter-spacing: .2em;
}

@media only screen and (max-width: 1023px) {
  .l-breadcrumb li {
    font-size: 10px;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-breadcrumb li {
    font-size: 14px;
  }
}

.l-breadcrumb li:not(:first-child)::before {
  content: "/";
  display: inline-block;
  font-family: "Noto Sans JP", sans-serif;
}

@media only screen and (max-width: 1023px) {
  .l-breadcrumb li:not(:first-child)::before {
    margin: 0 7px;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-breadcrumb li:not(:first-child)::before {
    font-size: 14px;
    margin: 0 6px;
  }
}

/**
2025リニューアル以前のメイン
 */
@media print, screen and (min-width: 1024px) {
  .l-main {
    margin-bottom: 18rem;
  }
}

@media only screen and (max-width: 1023px) {
  .l-main {
    margin-bottom: 12rem;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-main.l-main-1086 {
    margin-inline: auto;
    padding: 0 15px;
    max-width: 1116px;
  }
}

.main-wrap {
  overflow: hidden;
}

/**
ページタイトル
 */
.l-title {
  position: relative;
}

@media only screen and (max-width: 1023px) {
  .l-title {
    height: 320px;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-title {
    height: 413px;
    margin-bottom: 50px;
  }
}

.l-title .l-title-movie {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

.l-title .l-title-movie video {
  height: 56.25vw;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 177.77777778vh;
  z-index: -1;
}

.l-title .l-title-slider-image {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}

@media only screen and (max-width: 1023px) {
  .l-title .l-title-slider-image {
    height: 320px;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-title .l-title-slider-image {
    height: 413px;
  }
}

.l-title .l-title-main {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  left: 50%;
  position: absolute;
}

@media only screen and (max-width: 1023px) {
  .l-title .l-title-main {
    bottom: -28px;
    height: 98px;
    margin-left: -43.33vw;
    width: 86.67vw;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-title .l-title-main {
    bottom: -20px;
    height: 100px;
    margin-left: -285px;
    width: 570px;
  }
}

.l-title .l-title-main::after {
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0, 1);
  transform-origin: 0 0;
  transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  width: 100%;
}

.l-title .l-title-main h1 {
  font-size: 34px;
  font-weight: 400;
  letter-spacing: .1em;
  line-height: 1;
  margin-bottom: 10px;
  position: relative;
  z-index: 2;
}

.l-title .l-title-main h1 span {
  display: inline-block;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0, 0.7, 0, 1);
}

.l-title .l-title-main h1 span:nth-child(even) {
  transition-delay: .8s;
  transform: translateY(50px);
}

.l-title .l-title-main h1 span:nth-child(odd) {
  transition-delay: .6s;
  transform: translateY(-50px);
}

.l-title .l-title-main p {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  opacity: 0;
  position: relative;
  transition: opacity .4s ease-in-out;
  transition-delay: 1s;
  z-index: 2;
}

.l-catch {
  font-size: 14px;
  letter-spacing: .2em;
  line-height: 2.14;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  .l-catch {
    margin-top: 32px;
    margin-bottom: 36px;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-catch {
    margin-bottom: 52px;
  }
}

/**
投稿一覧
 */
.l-posts {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 1023px) {
  .l-posts {
    align-items: center;
    flex-direction: column;
    padding: 0 25px;
  }
}

@media only screen and (max-width: 1023px) {
  .l-post {
    max-width: 650px;
    margin-bottom: 66px;
    width: 100%;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-post {
    width: 324px;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-post:not(:nth-child(3n+1)) {
    margin-left: calc((100% - 972px) / 2);
  }
}

@media print, screen and (min-width: 1024px) {
  .l-post:nth-child(3) ~ .l-post {
    margin-top: 70px;
  }
}

.l-post a {
  display: block;
  position: relative;
}

@media print, screen and (min-width: 1024px) {
  .l-post a {
    padding: 5px;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-post a::after {
    background: rgba(239, 239, 239, 0.5);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s ease-in-out;
    width: 100%;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-post a:hover::after {
    opacity: 1;
  }
}

.l-post .l-post-image {
  margin-bottom: 10px;
}

@media print, screen and (min-width: 1024px) {
  .l-post .l-post-image {
    height: 264px;
  }
}

@media only screen and (max-width: 1023px) {
  .l-post .l-post-image .js-mask-inner {
    padding-top: 100%;
    position: relative;
    width: 100%;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-post .l-post-image .js-mask-inner {
    height: 264px;
  }
}

.l-post .l-post-image img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

@media only screen and (max-width: 1023px) {
  .l-post .l-post-image img {
    left: 0;
    position: absolute;
    top: 0;
  }
}

.l-post .l-post-title {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: .05em;
  line-height: 1.44;
  margin-bottom: 20px;
  text-align: justify;
}

.l-post .l-post-text {
  font-size: 14px;
  font-weight: 400;
}

.l-posts-more {
  border-bottom: 1px solid #4c4948;
  padding-bottom: 14px;
}

@media only screen and (max-width: 1023px) {
  .l-posts-more {
    width: calc(100% - 50px);
    margin-inline: auto;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-posts-more {
    margin-top: 80px;
  }
}

.l-posts-more a {
  font-size: 13px;
  background: url("../img/common/icon-arrow_d.svg") no-repeat center bottom/27px 15px;
  color: #1f4039;
  display: block;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 27px;
  text-align: center;
  width: 100%;
}

/**
インタビュー一覧
 */
@media only screen and (max-width: 1023px) {
  .l-interview {
    padding: 0 25px;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-interview {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto 230px;
    max-width: 1116px;
  }
}

@media only screen and (max-width: 1023px) {
  .l-interview .l-interview-item {
    margin-bottom: 140px;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-interview .l-interview-item {
    width: 328px;
  }
}

@media only screen and (max-width: 1023px) {
  .l-interview .l-interview-item:nth-child(3) ~ .l-interview-item {
    display: none;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-interview .l-interview-item:nth-child(3) ~ .l-interview-item {
    margin-top: 70px;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-interview .l-interview-item:not(:nth-child(3n+1)) {
    margin-left: calc((100% - 984px) / 2);
  }
}

@media print, screen and (min-width: 1024px) {
  .l-interview .l-interview-item:nth-child(3n+2) {
    transform: translateY(77px);
  }
}

@media print, screen and (min-width: 1024px) {
  .l-interview .l-interview-item:nth-child(3n) {
    transform: translateY(154px);
  }
}

.l-interview .l-interview-item a {
  display: block;
  position: relative;
}

@media print, screen and (min-width: 1024px) {
  .l-interview .l-interview-item a {
    padding: 5px;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-interview .l-interview-item a::after {
    background: rgba(239, 239, 239, 0.5);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity .3s ease-in-out;
    width: 100%;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-interview .l-interview-item a:hover::after {
    opacity: 1;
  }
}

.l-interview .l-interview-item figure {
  margin-bottom: 18px;
  position: relative;
}

@media print, screen and (min-width: 1024px) {
  .l-interview .l-interview-item figure {
    height: 208px;
  }
}

.l-interview .l-interview-item figure::before {
  background: #763d5c;
  content: "";
  display: block;
  height: 24px;
  position: absolute;
  right: 8px;
  top: -10px;
  transform: scale(0, 1);
  transform-origin: 0 0;
  transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  width: 70px;
  z-index: 2;
}

@media only screen and (max-width: 1023px) {
  .l-interview .l-interview-item figure .js-mask {
    display: block;
  }
}

@media only screen and (max-width: 1023px) {
  .l-interview .l-interview-item figure .js-mask-inner {
    padding-top: 100%;
    width: 100%;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-interview .l-interview-item figure .js-mask-inner {
    height: 208px;
  }
}

.l-interview .l-interview-item figure img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

@media only screen and (max-width: 1023px) {
  .l-interview .l-interview-item figure img {
    left: 0;
    position: absolute;
    top: 0;
  }
}

.l-interview .l-interview-item h3 {
  font-size: 14px;
  letter-spacing: .1em;
  margin-bottom: 16px;
}

.l-interview .l-interview-item p {
  font-size: 14px;
  letter-spacing: .2em;
  line-height: 2;
  text-align: justify;
}

.l-interview .l-interview-item.js-on figure::before {
  transform: scale(1, 1);
}

.l-interview-more {
  border-bottom: 1px solid #4c4948;
  padding-bottom: 14px;
}

@media only screen and (max-width: 1023px) {
  .l-interview-more {
    margin: 0 auto;
    width: calc(100% - 50px);
  }
}

@media print, screen and (min-width: 1024px) {
  .l-interview-more {
    display: none;
  }
}

.l-interview-more a {
  font-size: 13px;
  background: url("../img/common/icon-arrow_d.svg") no-repeat center bottom/27px 15px;
  color: #1f4039;
  display: block;
  font-weight: 400;
  line-height: 1;
  padding-bottom: 27px;
  text-align: center;
  width: 100%;
}

.l-related {
  border-top: 1px solid #4c4948;
  border-bottom: 1px solid #4c4948;
}

@media only screen and (max-width: 1023px) {
  .l-related {
    margin: 80px auto 0;
    padding: 28px 0 40px;
    width: calc(100% - 50px);
  }
}

@media print, screen and (min-width: 1024px) {
  .l-related {
    margin: 80px auto 0;
    padding: 25px 0 80px;
  }
}

.l-related h2 {
  font-size: 21px;
  letter-spacing: .1em;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  .l-related h2 {
    margin-bottom: 32px;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-related h2 {
    margin-bottom: 105px;
  }
}

@media only screen and (max-width: 1023px) {
  .l-related .l-posts,
  .l-related .l-interview {
    padding: 0;
  }
}

@media only screen and (max-width: 1023px) {
  .l-related .l-post:last-child,
  .l-related .l-interview-item:last-child {
    margin-bottom: 0;
  }
}

/**
フッター
 */
.l-footer {
  position: relative;
}

.l-footer .l-footer-pink {
  background: #fcc6ba;
  width: 100%;
  height: 94px;
  transform: scale(0, 1);
  transform-origin: 0 0;
  transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  display: flex;
  justify-content: center;
  align-items: center;
}

.l-footer .l-footer-pink .footer-linkedin {
  display: block;
  width: 30px;
  margin-left: auto;
  margin-right: auto;
}

@media print, screen and (min-width: 1024px) {
  .l-footer .l-footer-pink .footer-linkedin {
    display: none;
  }
}

.l-footer .l-footer-pink .footer-linkedin img {
  width: 100%;
}

@media print, screen and (min-width: 1024px) {
  .l-footer .l-footer-top {
    display: flex;
    justify-content: space-between;
    margin: 0 auto 36px;
    padding: 0 15px;
    max-width: 1116px;
  }
}

.l-footer .l-footer-logo {
  line-height: 1;
  opacity: 0;
  transition: opacity .3s linear;
  transition-delay: .5s;
}

@media only screen and (max-width: 1023px) {
  .l-footer .l-footer-logo {
    margin-bottom: 30px;
    text-align: center;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-footer .l-footer-logo {
    align-self: center;
  }
}

.l-footer .l-footer-logo img {
  vertical-align: middle;
}

@media only screen and (max-width: 1023px) {
  .l-footer .l-footer-logo img {
    height: 37px;
    width: 98px;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-footer .l-footer-logo img {
    height: 22px;
    width: 59px;
  }
}

@media only screen and (max-width: 1023px) {
  .l-footer .l-footer-nav-global {
    margin-bottom: 38px;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-footer .l-footer-nav-global {
    display: flex;
  }
}

.l-footer .l-footer-nav-global li {
  opacity: 0;
  transform: translateY(10px);
  transition: all .3s ease-in-out;
}

@media only screen and (max-width: 1023px) {
  .l-footer .l-footer-nav-global li {
    text-align: center;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-footer .l-footer-nav-global li:not(:first-child) {
    margin-left: 74px;
  }
}

.l-footer .l-footer-nav-global li:nth-child(1) {
  transition-delay: .7s;
}

.l-footer .l-footer-nav-global li:nth-child(2) {
  transition-delay: .8s;
}

.l-footer .l-footer-nav-global li:nth-child(3) {
  transition-delay: .9s;
}

.l-footer .l-footer-nav-global li:nth-child(4) {
  transition-delay: 1s;
}

.l-footer .l-footer-nav-global li:nth-child(5) {
  transition-delay: 1.1s;
}

.l-footer .l-footer-nav-global li:nth-child(6) {
  transition-delay: 1.2s;
}

.l-footer .l-footer-nav-global a {
  display: inline-block;
  overflow: hidden;
  position: relative;
}

@media only screen and (max-width: 1023px) {
  .l-footer .l-footer-nav-global a {
    font-size: 14px;
    line-height: 2.64;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-footer .l-footer-nav-global a {
    font-size: 16px;
  }
}

.l-footer .l-footer-nav-global a::after {
  background: #4c4948;
  bottom: 0;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  transform: scale(0, 1);
  transform-origin: 100% 0;
  transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  width: 100%;
}

@media print, screen and (min-width: 1024px) {
  .l-footer .l-footer-nav-global a:hover::after {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
}

.l-footer .l-footer-bottom {
  display: flex;
}

@media only screen and (max-width: 1023px) {
  .l-footer .l-footer-bottom {
    align-items: center;
    flex-direction: column-reverse;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-footer .l-footer-bottom {
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1116px;
    padding: 0 15px 47px;
  }
}

.l-footer .l-footer-copyright {
  font-size: 14px;
  font-weight: 400;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  transition-delay: 1s;
}

@media only screen and (max-width: 1023px) {
  .l-footer .l-footer-copyright {
    line-height: 2.64;
    margin-top: 45px;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-footer .l-footer-nav ul {
    display: flex;
  }
}

.l-footer .l-footer-nav li {
  opacity: 0;
  transition: all .3s ease-in-out;
  transition-delay: 1.2s;
}

@media only screen and (max-width: 1023px) {
  .l-footer .l-footer-nav li {
    text-align: center;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-footer .l-footer-nav li:not(:first-child) {
    margin-left: 40px;
  }
}

@media only screen and (max-width: 1023px) {
  .l-footer .l-footer-nav li a {
    font-size: 14px;
    line-height: 2.64;
  }
}

@media print, screen and (min-width: 1024px) {
  .l-footer .l-footer-nav li a {
    font-size: 14px;
  }
}

.js-on .l-footer-pink {
  transform: scale(1, 1);
}

.js-on .l-footer-logo {
  opacity: 1;
}

.js-on .l-footer-nav-global li {
  opacity: 1;
  transform: translate(0);
}

.js-on .l-footer-copyright {
  opacity: 1;
}

.js-on .l-footer-nav li {
  opacity: 1;
}

/**
ページトップボタン
 */
.l-pageTop {
  bottom: 0;
  display: none;
  position: fixed;
  right: 0;
  z-index: 9998;
}

.l-pageTop a {
  background: #efefef;
  display: block;
  text-align: center;
}

@media print, screen and (min-width: 1024px) {
  .l-pageTop a {
    height: 105px;
    padding-top: 47px;
    width: 45px;
  }
}

.l-pageTop a > span {
  letter-spacing: .1em;
  display: block;
  position: relative;
  text-align: center;
  transform: scale(0.7);
  z-index: 2;
}

@media print, screen and (min-width: 1024px) {
  .l-pageTop a > span {
    font-size: 10px;
    line-height: 18px;
  }
}

.l-pageTop::before {
  background: #fff;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(1, 0);
  transform-origin: 0 100%;
  transition: transform 0.3s cubic-bezier(0.78, 0.07, 0, 1);
  width: 100%;
}

@media print, screen and (min-width: 1024px) {
  .l-pageTop:hover::before {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
}

.l-pageTop .l-pageTop-scrollBar {
  background: #fcc6ba;
  left: 50%;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 1px;
}

@media print, screen and (min-width: 1024px) {
  .l-pageTop .l-pageTop-scrollBar {
    height: 40px;
  }
}

.l-pageTop .l-pageTop-scrollBar span {
  animation: line_v_r 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  background: #000;
  display: block;
  height: 200%;
  left: 0;
  position: absolute;
  top: 0;
  width: 1px;
}

.is-loaded .l-header::before {
  transform: scale(1, 1);
}

.is-loaded .l-header-inner::after {
  transform: scale(1, 1);
}

.is-loaded .l-header-menu-btn {
  opacity: 1;
}

.is-loaded .l-header-logo {
  opacity: 1;
}

.is-loaded .l-header .l-nav-global li {
  opacity: 1;
  transform: translate(0);
}

.is-loaded .l-nav-sns .l-nav-fb {
  opacity: 1;
}

.is-loaded .l-nav-sns .l-nav-lang {
  opacity: 1;
}

.is-loaded .l-breadcrumb {
  opacity: 1;
}

.is-loaded .l-title .l-title-main::after {
  transform: scale(1, 1);
}

.is-loaded .l-title .l-title-main h1 span {
  opacity: 1;
  transform: translate(0);
}

.is-loaded .l-title .l-title-main p {
  opacity: 1;
}

/**
box
 */
@media print, screen and (min-width: 1024px) {
  .c-box01 {
    margin: 0 auto;
    padding: 0 15px;
    max-width: 1310px;
    min-width: 1024px;
  }
}

/**
line
 */
.c-line01 hr {
  border: none;
  margin: 0 auto;
  transform: scale(0, 1);
  transform-origin: 0 0;
  transition: transform .3s ease-in-out;
}

@media only screen and (max-width: 1023px) {
  .c-line01 hr {
    background: url("../img/common/pict-line.svg") no-repeat left top/258px 10px;
    height: 10px;
    width: 258px;
  }
}

@media print, screen and (min-width: 1024px) {
  .c-line01 hr {
    background: url("../img/common/pict-line.svg") no-repeat left top/345px 13px;
    height: 13px;
    width: 346px;
  }
}

.c-line01 hr.js-on {
  transform: scale(1, 1);
}

/**
title
 */
@media only screen and (max-width: 1023px) {
  .c-ttl01 {
    padding-left: 24px;
  }
}

.c-ttl01 .c-ttl01-inner {
  padding-left: 22px;
  position: relative;
}

@media print, screen and (min-width: 1024px) {
  .c-ttl01 .c-ttl01-inner {
    padding-bottom: 47px;
  }
}

.c-ttl01 .c-ttl01-inner::before {
  background: #4c4948;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  transform: scale(1, 0);
  transform-origin: 0 100%;
  transition: transform .5s ease-in-out;
  top: 0;
  width: 2px;
}

.c-ttl01 .c-ttl01-inner::after {
  content: "";
  display: block;
  height: 28px;
  left: 2px;
  position: absolute;
  top: 0;
  transform: scale(1, 0);
  transform-origin: 0 0;
  transition: transform .5s ease-in-out;
  width: 8px;
}

.c-ttl01 .c-ttl-num {
  font-size: 18px;
  letter-spacing: .1em;
  line-height: 1;
}

.c-ttl01 h2 {
  font-size: 34px;
  font-weight: 300;
  letter-spacing: .05em;
  line-height: 1;
  margin: 7px 0;
}

.c-ttl01 h2 strong {
  display: inline-block;
  font-weight: 500;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0, 0.7, 0, 1);
  transition-delay: .4s;
  transform: translateY(-50px);
}

.c-ttl01 h2 span {
  display: inline-block;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0, 0.7, 0, 1);
}

.c-ttl01 h2 span:nth-child(even) {
  transition-delay: .6s;
  transform: translateY(50px);
}

.c-ttl01 h2 span:nth-child(odd) {
  transition-delay: .4s;
  transform: translateY(-50px);
}

.c-ttl01 h2 span.colon {
  margin: 0 5px;
}

.c-ttl01 .c-ttl-sub {
  font-size: 18px;
  line-height: 1;
  opacity: 0;
  transition: opacity .4s ease-in-out;
  transition-delay: 1s;
}

.js-on .c-ttl01-inner::before, .js-on .c-ttl01-inner::after {
  transform: scale(1, 1);
}

.js-on .c-ttl01-inner h2 strong,
.js-on .c-ttl01-inner h2 span {
  opacity: 1;
  transform: translate(0);
}

.js-on .c-ttl01-inner .c-ttl-sub {
  opacity: 1;
}

.c-ttl01-pink .c-ttl01-inner::after {
  background: #fcc6ba;
}

.c-ttl01-pink h2 {
  color: #fcc6ba;
}

.c-ttl01-pink .c-ttl-sub {
  color: #fcc6ba;
}

.c-ttl01-brown .c-ttl01-inner::after {
  background: #9c7353;
}

.c-ttl01-brown h2 {
  color: #9c7353;
}

.c-ttl01-brown .c-ttl-sub {
  color: #9c7353;
}

.c-ttl01-scarlet .c-ttl01-inner::after {
  background: #BE4E6F;
}

.c-ttl01-scarlet h2 {
  color: #BE4E6F;
}

.c-ttl01-scarlet .c-ttl-sub {
  color: #BE4E6F;
}

.c-ttl01-green .c-ttl01-inner::after {
  background: #1f4039;
}

.c-ttl01-green h2 {
  color: #1f4039;
}

.c-ttl01-green .c-ttl-sub {
  color: #1f4039;
}

.c-ttl01-purple .c-ttl01-inner::after {
  background: #763d5c;
}

.c-ttl01-purple h2 {
  color: #763d5c;
}

.c-ttl01-purple .c-ttl-sub {
  color: #763d5c;
}

.c-ttl01-navy .c-ttl01-inner::after {
  background: #0d3246;
}

.c-ttl01-navy h2 {
  color: #0d3246;
}

.c-ttl01-navy .c-ttl-sub {
  color: #0d3246;
}

.c-ttl02 {
  font-size: 21px;
  letter-spacing: .1em;
  line-height: 1;
  position: relative;
}

@media only screen and (max-width: 1023px) {
  .c-ttl02 {
    margin: 0 auto 45px;
    width: calc(100% - 50px);
  }
}

@media print, screen and (min-width: 1024px) {
  .c-ttl02 {
    margin: 0 auto 56px;
    max-width: 1024px;
  }
}

.c-ttl02::before {
  background: #4c4948;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 0;
  top: 3px;
}

@media only screen and (max-width: 1023px) {
  .c-ttl02::before {
    width: 81px;
  }
}

@media print, screen and (min-width: 1024px) {
  .c-ttl02::before {
    width: 450px;
  }
}

.c-ttl02::after {
  background: #fcc6ba;
  content: "";
  display: block;
  height: 7px;
  position: absolute;
  right: 0;
  top: 0;
  width: 52px;
}

/**
button
 */
.c-btn01 {
  font-size: 14px;
  background: #fff;
  display: block;
  letter-spacing: .1em;
  position: relative;
  width: 184px;
}

@media only screen and (max-width: 1023px) {
  .c-btn01 {
    border: 1px solid #ccc;
  }
}

.c-btn01::before {
  background: #fcc6ba;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0, 1);
  transform-origin: 100% 100%;
  transition: transform 0.3s cubic-bezier(0.78, 0.07, 0, 1);
  width: 100%;
}

.c-btn01 > span {
  display: block;
  padding: 20px 0 20px 14px;
  position: relative;
  width: 100%;
  z-index: 2;
}

.c-btn01 .c-btn01-bar {
  background: #fcc6ba;
  height: 1px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 50%;
  width: 58px;
}

.c-btn01 .c-btn01-bar span {
  animation: line_h 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  background: #000;
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 200%;
}

@media print, screen and (min-width: 1024px) {
  .c-btn01:hover {
    color: #fff;
  }
}

@media print, screen and (min-width: 1024px) {
  .c-btn01:hover::before {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
}

@media print, screen and (min-width: 1024px) {
  .c-btn01:hover .c-btn01-bar {
    background: #fff;
  }
}

.c-btn01.-pink {
  background: #fcc6ba;
  color: #fff;
}

.c-btn01.-pink::before {
  background: #fff;
}

.c-btn01.-pink .c-btn01-bar {
  background: #fff;
}

@media print, screen and (min-width: 1024px) {
  .c-btn01.-pink:hover {
    color: #000;
  }
}

@media print, screen and (min-width: 1024px) {
  .c-btn01.-pink:hover .c-btn01-bar {
    background: #000;
  }
}

@media print, screen and (min-width: 1024px) {
  .c-btn01.-pink:hover > span {
    border: 1px solid #000;
  }
}

.c-btn01.-border > span {
  border: 1px solid #ccc;
}

.c-btn02 {
  background: #fff;
  border: 1px solid #ccc;
  display: block;
  letter-spacing: .1em;
  position: relative;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  .c-btn02 {
    font-size: 15px;
    line-height: 1.39;
  }
}

@media print, screen and (min-width: 1024px) {
  .c-btn02 {
    font-size: 20px;
  }
}

.c-btn02::before {
  background: #fcc6ba;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0, 1);
  transform-origin: 100% 100%;
  transition: transform 0.3s cubic-bezier(0.78, 0.07, 0, 1);
  width: 100%;
}

.c-btn02 > span {
  display: block;
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 1023px) {
  .c-btn02 > span {
    padding: 12px 0;
  }
}

@media print, screen and (min-width: 1024px) {
  .c-btn02 > span {
    padding: 33px 0;
    width: 100%;
  }
}

.c-btn02 .c-btn01-bar {
  background: #fcc6ba;
  height: 1px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 50%;
}

@media only screen and (max-width: 1023px) {
  .c-btn02 .c-btn01-bar {
    width: 29px;
  }
}

@media print, screen and (min-width: 1024px) {
  .c-btn02 .c-btn01-bar {
    width: 58px;
  }
}

.c-btn02 .c-btn01-bar span {
  animation: line_h 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  background: #000;
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 200%;
}

@media print, screen and (min-width: 1024px) {
  .c-btn02:hover {
    color: #fff;
  }
}

@media print, screen and (min-width: 1024px) {
  .c-btn02:hover::before {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
}

@media print, screen and (min-width: 1024px) {
  .c-btn02:hover .c-btn01-bar {
    background: #fff;
  }
}

.c-article-btn {
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 1023px) {
  .c-article-btn {
    padding: 0 25px;
  }
}

.c-article-btn a {
  font-size: 14px;
  display: block;
  line-height: 1;
  padding-bottom: 18px;
  position: relative;
}

.c-article-btn a::after {
  background: url("../img/common/btn-arrow.svg") no-repeat left top/cover;
  bottom: 0;
  content: "";
  display: block;
  height: 8px;
  position: absolute;
  transition: transform .4s ease-in-out;
  width: 78px;
}

.c-article-btn .c-article-btn-back {
  padding-left: 7px;
}

.c-article-btn .c-article-btn-back a::after {
  left: -7px;
}

@media print, screen and (min-width: 1024px) {
  .c-article-btn .c-article-btn-back a:hover::after {
    transform: translate(-10px);
  }
}

.c-article-btn .c-article-btn-next {
  padding-right: 7px;
  text-align: right;
}

.c-article-btn .c-article-btn-next a::after {
  right: -7px;
  transform: scale(-1, 1);
}

@media print, screen and (min-width: 1024px) {
  .c-article-btn .c-article-btn-next a:hover::after {
    transform: translate(10px);
  }
}

/**
タグ
 */
.c-tags {
  display: flex;
}

@media only screen and (max-width: 1023px) {
  .c-tags {
    align-items: flex-start;
    margin-bottom: 33px;
    padding: 0 25px;
  }
}

@media print, screen and (min-width: 1024px) {
  .c-tags {
    align-items: center;
    margin-bottom: 66px;
  }
}

.c-tags .c-tags-title {
  font-size: 14px;
  border: 1px solid #4c4948;
  font-weight: 400;
  flex-shrink: 0;
  margin-right: 14px;
  padding: 3px 0;
  text-align: center;
  width: 92px;
}

.c-tags .c-tags-body {
  display: flex;
}

@media only screen and (max-width: 1023px) {
  .c-tags .c-tags-body {
    flex-wrap: wrap;
    padding-top: 3px;
  }
}

.c-tags .c-tags-body li {
  letter-spacing: .2em;
}

.c-tags .c-tags-body li:not(:last-child)::after {
  font-size: 14px;
  content: "/";
  display: inline-block;
  font-family: "Noto Sans JP", sans-serif;
  margin: 0 7px;
}

.c-tags .c-tags-body li a {
  font-size: 14px;
}

/**
言語
 */
@media print, screen and (min-width: 1024px) {
  .c-lang {
    display: flex;
  }
}

.c-lang li {
  background: #1f4039;
  color: #fff;
  letter-spacing: .1em;
}

@media print, screen and (min-width: 1024px) {
  .c-lang li {
    font-size: 12px;
    margin-left: 1px;
    padding: 6px 0 1px 28px;
    width: 57px;
  }
}

.c-lang.-large li {
  text-align: center;
}

@media print, screen and (min-width: 1024px) {
  .c-lang.-large li {
    font-size: 18px;
    margin-left: 2px;
    padding: 4px 0;
    width: 85px;
  }
}

@media only screen and (max-width: 1023px) {
  html:not(.ios):not(.android) #page_home .p-mainVisual {
    min-height: 100vh;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home.locale_en .p-solution .p-solution-item .p-solution-img .p-solution-info p {
    min-height: 51px;
  }
}

#page_home .p-banner {
  padding: 0 15px;
  text-align: center;
}

#page_home .p-banner a {
  display: inline-block;
  position: relative;
  max-width: 900px;
  transition: opacity 0.3s ease-in-out;
  width: 100%;
}

#page_home .p-banner a::after {
  background: url("../img/index/202206/icon-arrow.svg") no-repeat left top/7px 13px;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

#page_home .p-banner a figure {
  bottom: 0;
  position: absolute;
}

#page_home .p-banner a .p-banner-detail {
  align-items: center;
  display: flex;
  text-align: left;
}

#page_home .p-banner a .p-banner-detail h3 {
  background: #231815;
  color: #fff100;
  letter-spacing: 0.34em;
  text-indent: 0.34em;
  text-align: center;
}

#page_home .p-banner a .p-banner-detail p {
  font-weight: bold;
  line-height: 1.5;
}

#page_home .info-banner {
  padding: 0 15px;
  text-align: center;
  margin-bottom: 80px;
}

#page_home .info-banner a {
  display: inline-block;
  position: relative;
  max-width: 900px;
  transition: opacity 0.3s ease-in-out;
  width: 100%;
  padding: 25px 0;
  font-size: 2.2rem;
  font-weight: bold;
}

#page_home .info-area {
  max-width: 930px;
  padding: 0 15px;
  width: 100%;
  margin: 0 auto;
  font-size: 1.4rem;
  margin-bottom: 120px;
}

#page_home .info-area + .info-area {
  margin-top: -40px;
}

#page_home .info-area__intro .title {
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
}

#page_home .info-area__intro .text {
  margin-top: 10px;
}

#page_home .info-area__intro .text.is-center {
  text-align: center;
}

#page_home .info-area__intro .link {
  margin-top: 10px;
  text-align: center;
}

#page_home .info-area__intro .link a {
  text-decoration: underline;
}

#page_home .info-area__intro .link a:hover {
  text-decoration: none;
}

#page_home .info-area__link {
  margin-top: 40px;
}

#page_home .info-area__link .list {
  display: flex;
  justify-content: space-between;
}

#page_home .info-area__link .list li {
  width: 48%;
}

#page_home .info-area__link .list li .c-btn01 {
  width: 100%;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-banner a {
    border: 3px solid #fff100;
    padding-left: 110px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-banner a {
    border-top: 5px solid #fff100;
    border-left: 5px solid #fff100;
    border-bottom: 5px solid #fff100;
    border-right: 34px solid #fff100;
    padding-left: 336px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-banner a:hover {
    opacity: 0.7;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-banner a::after {
    height: 13px;
    right: -20px;
    width: 7px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_home .p-banner a figure {
    left: 3px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-banner a figure {
    left: 6px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_home .p-banner a figure img {
    width: 100px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_home .p-banner a .p-banner-detail {
    padding: 10px 0;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-banner a .p-banner-detail {
    padding: 12px 0;
    width: 100%;
  }
}

@media only screen and (max-width: 1023px) {
  #page_home .p-banner a .p-banner-detail h3 {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 28px;
    line-height: 2.8rem;
    margin-right: 10px;
    width: 40px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-banner a .p-banner-detail h3 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: 56px;
    line-height: 5.6rem;
    flex-shrink: 0;
    margin-right: 12px;
    width: 80px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_home .p-banner a .p-banner-detail p {
    font-size: 11px;
    font-size: 1.1rem;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-banner a .p-banner-detail p {
    font-size: 22px;
    font-size: 2.2rem;
    letter-spacing: 0.14em;
  }
}

@media only screen and (max-width: 1023px) {
  #page_home .p-banner a .p-banner-detail p small {
    font-size: 10px;
    font-size: 1rem;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-banner a .p-banner-detail p small {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

/* .info-banner
-------------------------*/
@media screen and (max-width: 1023px) {
  #page_home .info-banner {
    margin-bottom: 40px;
  }
}

@media screen and (max-width: 1023px) {
  #page_home .info-banner a {
    padding: 10px 0;
    font-size: 1.1rem;
  }
}

/* .info-area
-------------------------*/
@media screen and (max-width: 1023px) {
  #page_home .info-area + .info-area {
    margin-top: -25px;
  }
}

@media screen and (max-width: 1023px) {
  #page_home .info-area {
    margin-bottom: 70px;
    font-size: 1.2rem;
  }
}

@media screen and (max-width: 1023px) {
  #page_home .info-area__intro .title {
    font-size: 1.6rem;
  }
}

@media screen and (max-width: 650px) {
  #page_home .info-area__intro .text.is-center {
    text-align: left;
  }
}

@media screen and (max-width: 600px) {
  #page_home .info-area__link {
    margin-top: 20px;
  }
}

@media screen and (max-width: 1023px) {
  #page_home .info-area__link .list li .c-btn01 {
    font-size: 1.2rem;
    border: none;
  }
}

@media screen and (max-width: 600px) {
  #page_home .info-area__link .list {
    display: block;
  }
  #page_home .info-area__link .list li {
    width: 100%;
  }
  #page_home .info-area__link .list li + li {
    margin-top: 10px;
  }
}

.only-sp {
  display: none;
}

@media screen and (max-width: 650px) {
  .only-sp {
    display: block;
  }
}

@media screen and (max-width: 650px) {
  .only-pc {
    display: none;
  }
}

@media only screen and (max-width: 1023px) {
  #page_home .info-banner a {
    border: 3px solid #000;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .info-banner a {
    border-top: 5px solid #000;
    border-left: 5px solid #000;
    border-bottom: 5px solid #000;
    border-right: 34px solid #000;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .info-banner a:hover {
    opacity: 0.7;
  }
}

#page_home .info-banner a::after {
  background: url("../img/index/202206/icon-arrow-white.svg") no-repeat left top/7px 13px;
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

@media print, screen and (min-width: 1024px) {
  #page_home .info-banner a::after {
    height: 13px;
    right: -20px;
    width: 7px;
  }
}

#page_home .l-header-wrapper {
  height: auto;
}

#page_home .p-mainVisual {
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-mainVisual {
    margin-bottom: 75px;
    min-height: 100vh;
    min-height: -webkit-fill-available;
    padding-bottom: 38px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mainVisual {
    height: calc(100vh - 39px);
    margin-bottom: 100px;
  }
}

#page_home .p-mainVisual .p-mainVisual-video {
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 100%;
}

#page_home .p-mainVisual video {
  height: 56.25vw;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 177.77777778vh;
  z-index: -1;
}

#page_home .p-mainVisual .p-mainVisual-text {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 100;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-mainVisual .p-mainVisual-text {
    width: 100%;
  }
}

#page_home .p-mainVisual .p-mainVisual-text p {
  color: #fff;
  text-align: center;
}

#page_home .p-mainVisual .p-mainVisual-text p span {
  display: inline-block;
  opacity: 0;
  transition-timing-function: cubic-bezier(0, 0.7, 0, 1);
}

#page_home .p-mainVisual .p-mainVisual-text p span:nth-child(odd) {
  transform: translateY(50px);
}

#page_home .p-mainVisual .p-mainVisual-text p span:nth-child(even) {
  transform: translateY(-50px);
}

#page_home .p-mainVisual .p-mainVisual-text p span.colon {
  margin: 0 5px;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-mainVisual .p-mainVisual-text .t1, #page_home .p-mainVisual .p-mainVisual-text .t2 {
    font-size: 22px;
    line-height: 44px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mainVisual .p-mainVisual-text .t1, #page_home .p-mainVisual .p-mainVisual-text .t2 {
    font-size: 52px;
    line-height: 52px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_home .p-mainVisual .p-mainVisual-text .t3 {
    font-size: 12px;
    line-height: 30px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mainVisual .p-mainVisual-text .t3 {
    font-size: 18px;
    line-height: 30px;
  }
}

#page_home .p-mainVisual .p-mainVisual-logo {
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 50%;
  z-index: 100;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-mainVisual .p-mainVisual-logo {
    height: 74px;
    margin-top: -37px;
    margin-left: -98px;
    width: 198px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mainVisual .p-mainVisual-logo {
    height: 102px;
    margin-top: -115px;
    margin-left: -136px;
    width: 273px;
  }
}

#page_home .p-mainVisual .p-mainVisual-logo img {
  position: absolute;
}

#page_home .p-mainVisual .p-mainVisual-logo .k1 {
  left: 0;
  transform: rotate(-90deg);
}

@media only screen and (max-width: 1023px) {
  #page_home .p-mainVisual .p-mainVisual-logo .k1 {
    height: 72px;
    left: 0;
    top: 2px;
    width: 32px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mainVisual .p-mainVisual-logo .k1 {
    height: 98px;
    top: 2px;
    width: 44px;
  }
}

#page_home .p-mainVisual .p-mainVisual-logo .k2 {
  opacity: 0;
  transform: translate(-10px);
}

@media only screen and (max-width: 1023px) {
  #page_home .p-mainVisual .p-mainVisual-logo .k2 {
    height: 72px;
    left: 22px;
    top: 2px;
    width: 52px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mainVisual .p-mainVisual-logo .k2 {
    height: 98px;
    left: 28px;
    top: 2px;
    width: 70px;
  }
}

#page_home .p-mainVisual .p-mainVisual-logo .and1 {
  transform: rotate(180deg);
  transform-origin: 100% 0;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-mainVisual .p-mainVisual-logo .and1 {
    height: 46px;
    left: 66px;
    top: 28px;
    width: 44px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mainVisual .p-mainVisual-logo .and1 {
    height: 63px;
    left: 91px;
    top: 37px;
    width: 61px;
  }
}

#page_home .p-mainVisual .p-mainVisual-logo .and2 {
  opacity: 0;
  transform: translate(-10px);
}

@media only screen and (max-width: 1023px) {
  #page_home .p-mainVisual .p-mainVisual-logo .and2 {
    height: 74px;
    left: 70px;
    top: 0;
    width: 62px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mainVisual .p-mainVisual-logo .and2 {
    height: 100px;
    left: 98px;
    top: 0;
    width: 84px;
  }
}

#page_home .p-mainVisual .p-mainVisual-logo .l1 {
  transform: scale(1, 0);
  transform-origin: 0 100%;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-mainVisual .p-mainVisual-logo .l1 {
    height: 72px;
    right: 30px;
    top: 2px;
    width: 32px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mainVisual .p-mainVisual-logo .l1 {
    height: 98px;
    right: 40px;
    top: 2px;
    width: 45px;
  }
}

#page_home .p-mainVisual .p-mainVisual-logo .l2 {
  opacity: 0;
  right: 0;
  transform: translate(-10px);
}

@media only screen and (max-width: 1023px) {
  #page_home .p-mainVisual .p-mainVisual-logo .l2 {
    height: 22px;
    top: 52px;
    width: 62px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mainVisual .p-mainVisual-logo .l2 {
    height: 31px;
    top: 69px;
    width: 85px;
  }
}

#page_home .p-mainVisual .p-mainVisual-pickup {
  position: absolute;
  z-index: 100;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-mainVisual .p-mainVisual-pickup {
    bottom: -38px;
    display: flex;
    left: 0;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mainVisual .p-mainVisual-pickup {
    bottom: -39px;
    display: flex;
    left: 50%;
    transform: translate(-50%);
    width: 980px;
  }
}

#page_home .p-mainVisual .p-mainVisual-pickup h3 {
  background: #efefef;
  font-weight: 400;
  letter-spacing: .1em;
  position: relative;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-mainVisual .p-mainVisual-pickup h3 {
    font-size: 14px;
    line-height: 38px;
    flex-shrink: 0;
    width: 96px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mainVisual .p-mainVisual-pickup h3 {
    font-size: 12px;
    line-height: 78px;
    width: 115px;
  }
}

#page_home .p-mainVisual .p-mainVisual-pickup h3::after {
  background: #4c4948;
  content: "";
  display: block;
  position: absolute;
  right: -1px;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-mainVisual .p-mainVisual-pickup h3::after {
    height: 14px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mainVisual .p-mainVisual-pickup h3::after {
    height: 12px;
  }
}

#page_home .p-mainVisual .p-mainVisual-pickup ul {
  align-items: center;
  background: #fff;
  display: flex;
  overflow: hidden;
  width: 100%;
}

#page_home .p-mainVisual .p-mainVisual-pickup li {
  display: none;
  letter-spacing: .1em;
  line-height: 1;
  overflow: hidden;
  white-space: nowrap;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-mainVisual .p-mainVisual-pickup li {
    font-size: 14px;
    padding-left: 15px;
    transform: translate(100%);
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mainVisual .p-mainVisual-pickup li {
    font-size: 12px;
    padding-left: 24px;
    transform: translate(900px);
  }
}

#page_home .p-mainVisual .p-mainVisual-pickup li.is-active {
  display: block;
}

#page_home .p-mainVisual .el01 {
  background: #fcc6ba;
  left: 0;
  position: absolute;
  transform: scale(0);
  top: 0;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-mainVisual .el01 {
    border-radius: 48px;
    height: 95px;
    width: 95px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mainVisual .el01 {
    border-radius: 143px;
    height: 285px;
    width: 285px;
  }
}

#page_home .p-mainVisual .el02 {
  background: #fcc6ba;
  left: 0;
  position: absolute;
  transform: scale(1, 0);
  transform-orign: 0 0;
  top: 0;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-mainVisual .el02 {
    height: 95px;
    width: 43px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mainVisual .el02 {
    height: 201px;
    width: 129px;
  }
}

#page_home .p-mainVisual .el03 {
  background: #efefef;
  left: 0;
  position: absolute;
  transform: scale(0, 1);
  top: 0;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-mainVisual .el03 {
    height: 27px;
    width: 60px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mainVisual .el03 {
    height: 81px;
    width: 177px;
  }
}

#page_home .p-mainVisual .el04 {
  background: #efefef;
  left: 0;
  position: absolute;
  transform: scale(0);
  top: 0;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-mainVisual .el04 {
    border-radius: 20px;
    height: 40px;
    width: 40px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mainVisual .el04 {
    border-radius: 30px;
    height: 60px;
    width: 60px;
  }
}

#page_home .p-mainVisual .el05 {
  background: #fcc6ba;
  left: 0;
  position: absolute;
  transform: scale(0);
  top: 0;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-mainVisual .el05 {
    border-radius: 24px;
    height: 48px;
    width: 48px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mainVisual .el05 {
    border-radius: 72px;
    height: 143px;
    width: 143px;
  }
}

#page_home .p-title {
  position: relative;
  z-index: 2;
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-title {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    padding: 40px 70px 50px 0;
    max-width: 1090px;
  }
}

#page_home .p-title .p-title-text {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .2em;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  transition-delay: 1.2s;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-title .p-title-text {
    line-height: 2;
    padding-left: 24px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-title .p-title-text {
    line-height: 2;
  }
}

#page_home .p-mainVisual-scroll {
  background: #efefef;
  bottom: 0;
  display: block;
  position: fixed;
  right: 0;
  z-index: 9998;
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mainVisual-scroll {
    height: 105px;
    padding-top: 25px;
    width: 45px;
  }
}

#page_home .p-mainVisual-scroll::before {
  background: #fff;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(1, 0);
  transform-origin: 0 100%;
  transition: transform 0.3s cubic-bezier(0.78, 0.07, 0, 1);
  width: 100%;
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mainVisual-scroll:hover::before {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
}

#page_home .p-mainVisual-scroll .p-mainVisual-scrollText {
  letter-spacing: .1em;
  position: relative;
  text-align: center;
  transform: scale(0.7);
  z-index: 2;
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mainVisual-scroll .p-mainVisual-scrollText {
    font-size: 10px;
    line-height: 18px;
  }
}

#page_home .p-mainVisual-scroll .p-mainVisual-scrollBar {
  background: #fcc6ba;
  bottom: 0;
  left: 50%;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mainVisual-scroll .p-mainVisual-scrollBar {
    height: 40px;
  }
}

#page_home .p-mainVisual-scroll .p-mainVisual-scrollBar span {
  animation: line_v 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  background: #000;
  display: block;
  height: 200%;
  left: 0;
  position: absolute;
  top: 0;
  width: 1px;
}

#page_home .p-mission {
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-mission {
    margin-top: 57px;
    margin-bottom: 110px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mission {
    margin-top: 85px;
    margin-bottom: 200px;
  }
}

#page_home .p-mission::before {
  background: #fcc6ba;
  content: "";
  display: block;
  position: absolute;
  transform: scale(0, 1);
  transform-origin: 0 0;
  transition: transform .3s ease-in-out;
  right: 0;
  top: 0;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-mission::before {
    height: 26px;
    width: 138px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mission::before {
    height: 52px;
    width: 276px;
  }
}

#page_home .p-mission .p-mission-inner {
  position: relative;
}

#page_home .p-mission .p-mission-inner .p-mission-line {
  left: 50%;
  position: absolute;
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mission .p-mission-inner .p-mission-line {
    bottom: 75px;
    margin-left: -173px;
  }
}

#page_home .p-mission .p-mission-inner .p-mission-line hr {
  border: none;
  transform: scale(0, 1);
  transform-origin: 0 0;
  transition: transform .3s ease-in-out;
  transition-delay: 1s;
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mission .p-mission-inner .p-mission-line hr {
    background: url("../img/common/pict-line.svg") no-repeat left top/345px 13px;
    height: 13px;
    margin: 0 auto;
    width: 346px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_home .p-mission .c-ttl01 {
    margin-bottom: 20px;
  }
}

#page_home .p-mission .p-mission-body {
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-mission .p-mission-body {
    padding-left: 9px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mission .p-mission-body {
    margin: 0 auto;
    max-width: 980px;
  }
}

#page_home .p-mission .p-mission-body::after {
  background: #fcc6ba;
  border-radius: 114px;
  content: "";
  display: block;
  height: 228px;
  position: absolute;
  transform: scale(0);
  transition: transform 0.7s cubic-bezier(0.77, 0, 0.175, 1);
  transition-delay: .7s;
  width: 228px;
  z-index: -1;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-mission .p-mission-body::after {
    bottom: -70px;
    left: -20px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mission .p-mission-body::after {
    bottom: 30px;
    left: -105px;
  }
}

#page_home .p-mission .p-mission-body .start {
  animation-delay: .7s;
}

#page_home .p-mission .p-mission-body .start::after {
  animation-delay: .7s;
}

#page_home .p-mission .p-mission-body .p-mission-body-inner {
  background: #efefef;
  width: 100%;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-mission .p-mission-body .p-mission-body-inner {
    padding: 25px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mission .p-mission-body .p-mission-body-inner {
    margin-top: -17px;
    padding: 50px 74px;
  }
}

#page_home .p-mission .p-mission-body .p-mission-body-inner h3 {
  font-weight: 500;
  letter-spacing: .22em;
  line-height: 1.8;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-mission .p-mission-body .p-mission-body-inner h3 {
    font-size: 16px;
    margin-bottom: 20px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mission .p-mission-body .p-mission-body-inner h3 {
    font-size: 20px;
    margin-bottom: 34px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mission .p-mission-body .p-mission-body-inner .p-mission-body-text {
    display: flex;
    justify-content: space-between;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mission .p-mission-body .p-mission-body-inner .p-mission-body-text div {
    width: 48%;
  }
}

#page_home .p-mission .p-mission-body .p-mission-body-inner .p-mission-body-text p {
  letter-spacing: .06em;
  line-height: 2;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-mission .p-mission-body .p-mission-body-inner .p-mission-body-text p {
    font-size: 12px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mission .p-mission-body .p-mission-body-inner .p-mission-body-text p {
    font-size: 14px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-mission .p-mission-body .p-mission-body-inner .p-mission-body-text p:not(:first-child) {
    margin-top: 28px;
  }
}

#page_home .p-mission.js-on::before {
  transform: scale(1, 1);
}

#page_home .p-mission.js-on .p-mission-body::after {
  transform: scale(1, 1);
}

#page_home .p-mission.js-on .p-mission-line hr {
  transform: scale(1, 1);
}

#page_home .p-solution {
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-solution {
    margin-bottom: 60px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-solution {
    margin-bottom: 140px;
    padding-bottom: 33px;
  }
}

#page_home .p-solution::before {
  background: #efefef;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0, 1);
  transform-origin: 0 0;
  transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  transition-delay: .7s;
  z-index: -1;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-solution::before {
    height: 286px;
    width: 100%;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-solution::before {
    height: 100%;
    width: 100%;
  }
}

#page_home .p-solution::after {
  background: #9c7353;
  content: "";
  display: block;
  position: absolute;
  transform: scale(0, 1);
  transform-origin: 0 0;
  transition: transform .3s ease-in-out;
  right: 0;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-solution::after {
    height: 26px;
    top: -13px;
    width: 138px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-solution::after {
    height: 52px;
    top: -26px;
    width: 276px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_home .p-solution .p-title {
    margin-bottom: 50px;
    padding: 20px 0;
  }
}

@media only screen and (max-width: 1023px) {
  #page_home .p-solution .p-title .c-ttl01 {
    margin-bottom: 25px;
  }
}

#page_home .p-solution .p-solution-top {
  position: relative;
  z-index: 2;
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-solution .p-solution-top {
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 40px 70px 50px 0;
    width: 1090px;
  }
}

#page_home .p-solution .p-solution-top .p-solution-text {
  font-weight: 500;
  letter-spacing: .2em;
  line-height: 2.43;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  transition-delay: 1.2s;
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-solution .p-solution-top .p-solution-text {
    font-size: 14px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-solution .p-solution-body {
    display: flex;
    margin: 0 auto;
    max-width: 1090px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-solution .p-solution-item {
    width: 33.3333%;
  }
}

@media only screen and (max-width: 1023px) {
  #page_home .p-solution .p-solution-item:not(:first-child) {
    margin-top: 50px;
  }
}

#page_home .p-solution .p-solution-item .p-solution-img {
  position: relative;
}

#page_home .p-solution .p-solution-item .p-solution-img .p-solution-info {
  background: rgba(255, 255, 255, 0.8);
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-solution .p-solution-item .p-solution-img .p-solution-info {
    padding: 20px 15px 0;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-solution .p-solution-item .p-solution-img .p-solution-info {
    padding: 30px 25px 0;
  }
}

#page_home .p-solution .p-solution-item .p-solution-img .p-solution-info h3 {
  font-size: 22px;
  font-weight: 400;
  line-height: 1.4;
}

#page_home .p-solution .p-solution-item .p-solution-img .p-solution-info p {
  font-size: 14px;
  margin-bottom: 7px;
}

#page_home .p-solution .p-solution-item .p-solution-img img {
  width: 100%;
}

#page_home .p-solution .p-solution-item .p-solution-img .p-solution-link {
  bottom: 20px;
  opacity: 0;
  position: absolute;
  transition: opacity .3s linear;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-solution .p-solution-item .p-solution-img .p-solution-link {
    left: 50%;
    margin-left: -92px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-solution .p-solution-item .p-solution-img .p-solution-link {
    right: 20px;
  }
}

#page_home .p-solution .p-solution-item .p-solution-img .c-btn01 {
  font-size: 10px;
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-solution .p-solution-item .p-solution-img .c-btn01 {
    width: 128px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-solution .p-solution-item .p-solution-img .c-btn01 span {
    padding: 14px 0 14px 10px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-solution .p-solution-item .p-solution-img .c-btn01 .c-btn01-bar {
    width: 40px;
  }
}

#page_home .p-solution .p-solution-item:nth-child(1) .start {
  animation-delay: .3s;
}

#page_home .p-solution .p-solution-item:nth-child(1) .start::after {
  animation-delay: .3s;
}

#page_home .p-solution .p-solution-item:nth-child(1) .p-solution-link {
  transition-delay: .4s;
}

#page_home .p-solution .p-solution-item:nth-child(2) .start {
  animation-delay: .5s;
}

#page_home .p-solution .p-solution-item:nth-child(2) .start::after {
  animation-delay: .5s;
}

#page_home .p-solution .p-solution-item:nth-child(2) .p-solution-link {
  transition-delay: .6s;
}

#page_home .p-solution .p-solution-item:nth-child(3) .start {
  animation-delay: .7s;
}

#page_home .p-solution .p-solution-item:nth-child(3) .start::after {
  animation-delay: .7s;
}

#page_home .p-solution .p-solution-item:nth-child(3) .p-solution-link {
  transition-delay: .8s;
}

#page_home .p-solution.js-on::before, #page_home .p-solution.js-on::after {
  transform: scale(1, 1);
}

#page_home .p-solution.js-on .p-title .p-title-text {
  opacity: 1;
}

#page_home .p-solution.js-on .p-solution-img .p-solution-link {
  opacity: 1;
}

#page_home .p-department {
  position: relative;
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-department {
    margin-top: 85px;
    margin-bottom: 200px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_home .p-department {
    margin-top: 57px;
    margin-bottom: 29.33333vw;
  }
}

#page_home .p-department::before {
  background: #BE4E6F;
  content: "";
  display: block;
  position: absolute;
  transform: scale(0, 1);
  transform-origin: 0 0;
  transition: transform .3s ease-in-out;
  right: 0;
  top: 0;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-department::before {
    height: 26px;
    width: 138px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-department::before {
    height: 52px;
    width: 276px;
  }
}

#page_home .p-department .p-department-inner {
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-department .c-ttl01 {
    margin-bottom: 20px;
  }
}

#page_home .p-department .p-title {
  display: block !important;
}

#page_home .p-department .p-department-body {
  position: relative;
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-department .p-department-body {
    margin: 0 auto;
  }
}

#page_home .p-department .js-mask .js-mask-inner.start {
  animation-delay: 0.3s;
}

#page_home .p-department .js-mask .js-mask-inner.start::after {
  animation-delay: 0.3s;
}

#page_home .p-department .p-department-item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-department .p-department-item {
    display: block;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-department .p-department-item + .p-department-item {
    margin-top: 80px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_home .p-department .p-department-item + .p-department-item {
    margin-top: 16.8vw;
  }
}

#page_home .p-department .p-department-item.row-reverse {
  flex-direction: row-reverse;
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-department .p-department-item.row-reverse .col-img {
    right: -90px;
  }
}

#page_home .p-department .p-department-item.row-reverse .col-cont {
  right: 0;
}

#page_home .p-department .p-department-item .col-img {
  position: relative;
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-department .p-department-item .col-img {
    padding-top: 80px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_home .p-department .p-department-item .col-img {
    padding-top: 0;
  }
}

#page_home .p-department .p-department-item .col-img .js-mask-inner {
  width: 510px;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-department .p-department-item .col-img .js-mask-inner {
    width: 100%;
  }
  #page_home .p-department .p-department-item .col-img .js-mask-inner img {
    width: 100%;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-department .p-department-item .col-cont {
    position: relative;
    right: -90px;
    width: calc(100% - 510px);
  }
}

#page_home .p-department .p-department-body-ttl {
  position: relative;
  font-weight: 500;
  letter-spacing: 0.22em;
  line-height: 1.8;
  opacity: 0;
  transition-duration: 0.5s;
  transition-delay: 0.8s;
  transition-property: opacity;
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-department .p-department-body-ttl {
    font-size: 20px;
    margin-bottom: 1.2em;
    padding-top: 80px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_home .p-department .p-department-body-ttl {
    font-size: 18px;
    margin-bottom: 20px;
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
  }
}

#page_home .p-department .p-department-body-ttl.show {
  opacity: 1;
}

#page_home .p-department .p-department-body-ttl::after {
  display: block;
  content: '';
  background: #BE4E6F;
  width: 47px;
  height: 7px;
  margin-top: 1em;
}

#page_home .p-department .p-department-body-text {
  position: relative;
  opacity: 0;
  transition-duration: 0.5s;
  transition-delay: 0.8s;
  transition-property: opacity;
}

#page_home .p-department .p-department-body-text.show {
  opacity: 1;
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-department .p-department-body-text {
    display: flex;
    justify-content: space-between;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-department .p-department-body-text div {
    width: 48%;
  }
}

#page_home .p-department .p-department-body-text p {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .2em;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-department .p-department-body-text p {
    line-height: 2;
    padding-left: 24px;
    padding-right: 24px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-department .p-department-body-text p {
    line-height: 2;
  }
}

#page_home .p-department .p-department-btnlist {
  opacity: 0;
  transition: opacity 0.3s;
  transition-delay: 0.8s;
}

#page_home .p-department .p-department-btnlist.show {
  opacity: 1;
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-department .p-department-btnlist {
    margin-top: 60px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_home .p-department .p-department-btnlist {
    margin-top: 40px;
  }
}

#page_home .p-department .p-department-btnlist ul {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-department .p-department-btnlist ul {
    flex-direction: column;
    align-items: center;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-department .p-department-btnlist ul > li + li {
    margin-left: 40px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_home .p-department .p-department-btnlist ul > li + li {
    margin-top: 20px;
  }
}

#page_home .p-department .p-department-btnlist ul > li a {
  width: 220px;
}

#page_home .p-department .p-department-btnlist ul > li a[target="_blank"] span:after {
  position: relative;
  display: inline-block;
  content: '';
  background: url("../img/index/icon-blank.svg") 0 0 no-repeat;
  background-size: 100% auto;
  width: 12px;
  height: 10px;
  margin-left: 1em;
}

#page_home .p-department .p-department-btnlist ul > li a[target="_blank"]:hover span:after {
  background-image: url("../img/index/icon-blank_white.svg");
}

#page_home .p-department .obj1 {
  position: absolute;
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-department .obj1 {
    right: -40px;
    top: 0;
  }
}

@media only screen and (max-width: 1023px) {
  #page_home .p-department .obj1 {
    width: 100%;
    left: 0;
    top: 58.66667vw;
  }
}

#page_home .p-department .obj1 .obj1-inner {
  background: #efefef;
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-department .obj1 .obj1-inner {
    width: 790px;
    height: 330px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_home .p-department .obj1 .obj1-inner {
    width: 100%;
    height: 220px;
  }
}

#page_home .p-department .obj3 {
  background: #efefef;
  border-radius: 50%;
  content: "";
  display: block;
  position: absolute;
  transform: scale(0);
  transition: transform 0.7s cubic-bezier(0.77, 0, 0.175, 1);
  transition-delay: .7s;
  z-index: -1;
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-department .obj3 {
    width: 320px;
    height: 320px;
    left: 323px;
    top: 0px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_home .p-department .obj3 {
    width: 281px;
    height: 281px;
    right: -140px;
    top: -80px;
  }
}

#page_home .p-department .obj3.show {
  animation-delay: .7s;
  transform: scale(1);
}

#page_home .p-department.js-on-department::before {
  transform: scale(1, 1);
}

#page_home .p-department.js-on-department .p-department-body::after {
  transform: scale(1, 1);
}

#page_home .p-latest {
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-latest {
    margin-top: 30px;
    margin-bottom: 115px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-latest {
    margin-top: 22px;
  }
}

#page_home .p-latest .p-latest-inner {
  position: relative;
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-latest .p-latest-inner {
    display: flex;
    margin: 0 auto;
    max-width: 1116px;
    padding: 0 15px;
  }
}

#page_home .p-latest .p-latest-inner::before {
  background: #9c7353;
  content: "";
  display: block;
  height: 322px;
  position: absolute;
  transform: scale(0, 1);
  transform-origin: 0 0;
  transition: transform .3s ease-in-out;
  z-index: -1;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-latest .p-latest-inner::before {
    left: 0;
    top: 235px;
    width: 45vw;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-latest .p-latest-inner::before {
    left: -96px;
    top: -60px;
    width: 234px;
  }
}

#page_home .p-latest .p-latest-image {
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-latest .p-latest-image {
    margin-bottom: 25px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-latest .p-latest-image {
    flex-shrink: 0;
    margin-right: 45px;
  }
}

#page_home .p-latest .p-latest-image figure {
  border-radius: 185px;
  height: 186px;
  overflow: hidden;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  transition-delay: .7s;
  width: 186px;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-latest .p-latest-image figure {
    margin: 0 auto;
  }
}

#page_home .p-latest .p-latest-image figure img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

#page_home .p-latest .p-latest-title {
  font-size: 16px;
  color: #9c7353;
  font-weight: 400;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  transition-delay: 1s;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-latest .p-latest-title {
    margin-bottom: 40px;
    padding: 0 25px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-latest .p-latest-title {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_home .p-latest .p-latest-detail {
    padding: 0 24px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-latest .p-latest-detail {
    padding-top: 10px;
    width: 630px;
  }
}

#page_home .p-latest .p-latest-detail .p-latest-catch {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .2em;
  line-height: 1.57;
  margin-bottom: 10px;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  transition-delay: 1.1s;
}

#page_home .p-latest .p-latest-detail .p-latest-text {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: .12em;
  line-height: 1.83;
  text-align: justify;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  transition-delay: 1.2s;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-latest .p-latest-detail .p-latest-text {
    margin-bottom: 35px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-latest .p-latest-detail .p-latest-text {
    margin-bottom: 20px;
  }
}

#page_home .p-latest .p-latest-btn {
  opacity: 0;
  transition: opacity .3s ease-in-out;
  transition-delay: 1.3s;
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-latest .p-latest-btn {
    align-self: flex-end;
    text-align: right;
  }
}

#page_home .p-latest .p-latest-btn a {
  background: #efefef;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-latest .p-latest-btn a {
    margin: 0 auto;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-latest .p-latest-btn a {
    display: inline-block;
    text-align: left;
  }
}

#page_home .p-latest.js-on .p-latest-inner::before, #page_home .p-latest.js-on .p-latest-inner::after {
  transform: scale(1, 1);
}

#page_home .p-latest.js-on .p-latest-image figure {
  opacity: 1;
}

#page_home .p-latest.js-on .p-latest-title {
  opacity: 1;
}

#page_home .p-latest.js-on .p-latest-detail .p-latest-catch,
#page_home .p-latest.js-on .p-latest-detail .p-latest-text {
  opacity: 1;
}

#page_home .p-latest.js-on .p-latest-btn {
  opacity: 1;
}

#page_home .p-works {
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-works {
    margin-top: 140px;
    margin-bottom: 115px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-works {
    margin-top: 170px;
    margin-bottom: 140px;
  }
}

#page_home .p-works::before {
  background: #1f4039;
  content: "";
  display: block;
  position: absolute;
  transform: scale(0, 1);
  transform-origin: 0 0;
  transition: transform .3s ease-in-out;
  right: 0;
  z-index: 3;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-works::before {
    height: 26px;
    top: -13px;
    width: 138px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-works::before {
    height: 52px;
    top: -26px;
    width: 276px;
  }
}

#page_home .p-works .p-title {
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-works .p-title {
    margin-bottom: 65px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-works .p-title {
    align-items: flex-start;
    justify-content: flex-start;
    padding-bottom: 0;
  }
}

@media only screen and (max-width: 1023px) {
  #page_home .p-works .p-title .c-ttl01 {
    margin-bottom: 28px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-works .p-title .c-ttl01 {
    margin-right: 317px;
  }
}

#page_home .p-works .p-title::after {
  background: #efefef;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  transform: scale(0, 1);
  transform-origin: 0 0;
  transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  transition-delay: .7s;
  z-index: -1;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-works .p-title::after {
    height: 170px;
    top: 100px;
    width: 100vw;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-works .p-title::after {
    height: 176px;
    right: -90px;
    width: 838px;
  }
}

#page_home .p-works .p-works-slider {
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-works .p-works-slider {
    margin-bottom: 45px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-works .p-works-slider {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_home .p-works .p-works-slider .js-mask {
    width: 100%;
  }
}

#page_home .p-works .p-works-slider .js-mask-inner {
  animation-delay: .7s;
}

#page_home .p-works .p-works-slider .js-mask-inner::after {
  animation-delay: .7s;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-works .p-works-slider .js-mask-inner {
    height: 264px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-works .p-works-slider .js-mask-inner {
    height: 272px;
  }
}

#page_home .p-works .p-works-slider .js-mask-inner img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

#page_home .p-works .p-works-btn {
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-works .p-works-btn {
    text-align: center;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-works .p-works-btn {
    margin: 0 auto;
    max-width: 1116px;
    padding: 0 15px;
    text-align: right;
  }
}

#page_home .p-works .p-works-btn .c-btn01 {
  display: inline-block;
  opacity: 0;
  text-align: left;
  transition: opacity .3s ease-in-out;
  transition-delay: 1.2s;
}

#page_home .p-works .p-works-btn::before {
  background: #1f4039;
  content: "";
  display: block;
  position: absolute;
  transform: scale(0, 1);
  transform-origin: 0 0;
  transition: transform .4s ease-in-out;
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-works .p-works-btn::before {
    height: 103px;
    position: absolute;
    right: 145px;
    top: -65px;
    width: 268px;
  }
}

#page_home .p-works.js-on::before, #page_home .p-works.js-on::after {
  transform: scale(1);
}

#page_home .p-works.js-on .p-title::after {
  transform: scale(1);
}

#page_home .p-works.js-on .p-title .p-title-text {
  opacity: 1;
}

#page_home .p-works.js-on .p-works-btn::before {
  transform: scale(1, 1);
}

#page_home .p-works.js-on .p-works-btn .c-btn01 {
  opacity: 1;
}

#page_home .p-groups {
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-groups {
    margin-top: 95px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-groups {
    margin-top: 215px;
  }
}

#page_home .p-groups::before {
  background: #0d3246;
  content: "";
  display: block;
  position: absolute;
  transform: scale(0, 1);
  transform-origin: 0 0;
  transition: transform .3s ease-in-out;
  right: 0;
  z-index: 3;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-groups::before {
    height: 26px;
    top: 26px;
    width: 138px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-groups::before {
    height: 52px;
    top: -26px;
    width: 276px;
  }
}

#page_home .p-groups .p-title {
  justify-content: flex-start;
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-groups .p-title {
    padding-top: 50px;
    padding-bottom: 28px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-groups .p-title {
    padding-right: 0;
  }
}

@media only screen and (max-width: 1023px) {
  #page_home .p-groups .p-title .c-ttl01 {
    margin-bottom: 20px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-groups .p-title .c-ttl01 {
    flex-shrink: 0;
    margin-right: 230px;
  }
}

#page_home .p-groups .p-title::before {
  background: #efefef;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  transform: scale(0, 1);
  transform-origin: 0 0;
  transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  transition-delay: .7s;
  z-index: -1;
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-groups .p-title::before {
    height: 524px;
    right: -90px;
    width: 840px;
  }
}

#page_home .p-groups .p-groups-body {
  position: relative;
  z-index: 2;
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-groups .p-groups-body {
    display: flex;
    margin: 0 auto;
    width: 1090px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-groups .p-groups-body .p-groups-item {
    width: 33.3333%;
  }
}

#page_home .p-groups .p-groups-body .p-groups-item a {
  display: block;
  position: relative;
  transition: opacity .3s ease-in-out;
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-groups .p-groups-body .p-groups-item a:hover {
    opacity: .7;
  }
}

#page_home .p-groups .p-groups-body .p-groups-item:first-child a::before {
  background: url("../img/index/logo-groups01.svg") no-repeat left top/157px 51px;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 51px;
  width: 157px;
}

#page_home .p-groups .p-groups-body .p-groups-item:nth-child(2) a::before {
  background: url("../img/index/logo-groups02.svg") no-repeat left top/157px 51px;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 51px;
  width: 157px;
}

#page_home .p-groups .p-groups-body .p-groups-item:nth-child(3) a::before {
  background: url("../img/index/202205/logo-groups03.svg") no-repeat left top/157px 51px;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  height: 51px;
  width: 157px;
}

#page_home .p-groups .p-groups-body .p-groups-item img {
  width: 100%;
}

#page_home .p-groups .p-groups-body::after {
  background: #0d3246;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  transform: scale(0, 1);
  transform-origin: 0 0;
  transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  transition-delay: .7s;
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-groups .p-groups-body::after {
    bottom: -19px;
    height: 19px;
    width: 264px;
  }
}

#page_home .p-groups.js-on::before {
  transform: scale(1, 1);
}

#page_home .p-groups.js-on .p-title::before {
  transform: scale(1, 1);
}

#page_home .p-groups.js-on .p-title .p-title-text {
  opacity: 1;
}

#page_home .p-groups.js-on .p-groups-body::after {
  transform: scale(1, 1);
}

#page_home .p-career {
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-career {
    margin-top: 95px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-career {
    margin-top: 215px;
  }
}

#page_home .p-career::before {
  background: #763d5c;
  content: "";
  display: block;
  position: absolute;
  transform: scale(0, 1);
  transform-origin: 0 0;
  transition: transform .3s ease-in-out;
  right: 0;
  z-index: 3;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-career::before {
    height: 26px;
    top: 26px;
    width: 138px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-career::before {
    height: 52px;
    top: -26px;
    width: 276px;
  }
}

#page_home .p-career .p-title {
  justify-content: flex-start;
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-career .p-title {
    padding-top: 50px;
    padding-bottom: 28px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_home .p-career .p-title .c-ttl01 {
    margin-bottom: 20px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-career .p-title .c-ttl01 {
    margin-right: 240px;
  }
}

#page_home .p-career .p-title::before {
  background: #efefef;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0, 1);
  transform-origin: 0 0;
  transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  transition-delay: .7s;
  z-index: -1;
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-career .p-title::before {
    left: -95px;
    height: 200px;
    width: 1090px;
  }
}

#page_home .p-career .p-career-btn {
  opacity: 0;
  position: absolute;
  transition: opacity .3s ease-in-out;
  transition-delay: 1.5s;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-career .p-career-btn {
    bottom: -33px;
    left: 50%;
    margin-left: -92px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-career .p-career-btn {
    bottom: -27px;
    right: 60px;
  }
}

#page_home .p-career .p-career-bottom {
  position: relative;
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-career .p-career-bottom {
    display: flex;
    justify-content: flex-end;
    margin-top: -100px;
  }
}

#page_home .p-career .p-career-bottom .p-career-image {
  position: relative;
}

#page_home .p-career .p-career-bottom .p-career-image::before {
  background: #763d5c;
  border-radius: 76px;
  content: "";
  display: block;
  height: 152px;
  position: absolute;
  transform: scale(0);
  transition: transform .3s ease-in-out;
  transition-delay: .7s;
  width: 152px;
  z-index: 2;
}

@media only screen and (max-width: 1023px) {
  #page_home .p-career .p-career-bottom .p-career-image::before {
    bottom: -38px;
    left: -76px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .p-career .p-career-bottom .p-career-image::before {
    bottom: -32px;
    left: -35px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_home .p-career .p-career-bottom .p-career-image img {
    width: 100%;
  }
}

#page_home .p-career.js-on::before {
  transform: scale(1, 1);
}

#page_home .p-career.js-on .p-title::before {
  transform: scale(1, 1);
}

#page_home .p-career.js-on .p-title .p-title-text {
  opacity: 1;
}

#page_home .p-career.js-on .p-career-btn {
  opacity: 1;
}

#page_home .p-career.js-on .p-career-bottom .p-career-image::before {
  transform: scale(1);
}

@media only screen and (max-width: 1023px) {
  #page_home .l-footer {
    margin-top: 215px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_home .l-footer {
    margin-top: 340px;
  }
}

#page_works .l-title-main::after {
  background: #1f4039;
}

#page_works .l-title-main h1, #page_works .l-title-main p {
  color: #fff;
}

@media only screen and (max-width: 1023px) {
  #page_works .p-selector {
    padding: 0 25px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_works .p-selector {
    display: flex;
    margin-top: 56px;
    margin-bottom: 10px;
  }
}

#page_works .p-selector.js-sorted .p-selector-item li a {
  color: #ccc;
}

#page_works .p-selector.js-sorted .p-selector-item li a.js-active {
  color: #4c4948;
}

@media only screen and (max-width: 1023px) {
  #page_works .p-selector .p-selector-item {
    margin-bottom: 23px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_works .p-selector .p-selector-item {
    padding-left: 18px;
    position: relative;
    width: 27.25%;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_works .p-selector .p-selector-item:nth-child(3) {
    width: 45.5%;
  }
}

#page_works .p-selector .p-selector-item::before {
  background: #4c4948;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(1, 0);
  transform-origin: 0 0;
  transition: transform 1s cubic-bezier(0.77, 0, 0.175, 1);
  width: 1px;
}

#page_works .p-selector .p-selector-item h3 {
  font-weight: 400;
  line-height: 1;
}

@media only screen and (max-width: 1023px) {
  #page_works .p-selector .p-selector-item h3 {
    font-size: 16px;
    background: #efefef;
    padding: 27px 16px;
    position: relative;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_works .p-selector .p-selector-item h3 {
    font-size: 26px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_works .p-selector .p-selector-item h3 .p-selector-arrow {
    display: block;
    height: 12px;
    line-height: 0;
    margin-top: -6px;
    position: absolute;
    right: 12px;
    top: 50%;
    width: 23px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_works .p-selector .p-selector-item h3 .p-selector-arrow {
    display: none;
  }
}

#page_works .p-selector .p-selector-item .p-selector-col3 {
  display: flex;
  flex-wrap: wrap;
}

#page_works .p-selector .p-selector-item .p-selector-col3 li {
  margin-left: .8em;
  text-indent: -.8em;
}

@media print, screen and (min-width: 1024px) {
  #page_works .p-selector .p-selector-item .p-selector-col3 li {
    width: 30.3333%;
  }
}

@media only screen and (max-width: 1023px) {
  #page_works .p-selector .p-selector-item .p-selector-col3 li:nth-child(2) {
    padding-top: 20px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_works .p-selector .p-selector-item ul {
    height: 0;
    overflow: hidden;
  }
}

#page_works .p-selector .p-selector-item li {
  font-size: 16px;
  width: 46%;
  line-height: 1.875;
}

@media only screen and (max-width: 1023px) {
  #page_works .p-selector .p-selector-item li:first-child {
    padding-top: 20px;
  }
}

#page_works .p-selector.js-on .p-selector-item::before, #page_works .p-selector.js-sorted .p-selector-item::before {
  transform: scale(1, 1);
}

#page_works .p-selector-clear {
  text-align: right;
}

@media only screen and (max-width: 1023px) {
  #page_works .p-selector-clear {
    margin-bottom: 105px;
    padding: 0 23px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_works .p-selector-clear {
    margin-bottom: 35px;
  }
}

#page_works .p-selector-clear a {
  font-size: 18px;
  line-height: 38px;
  border: 1px solid #ccc;
  display: inline-block;
  font-weight: 400;
  letter-spacing: .1em;
  position: relative;
  text-align: center;
  width: 112px;
}

#page_works .p-selector-clear a::before {
  background: #fcc6ba;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0, 1);
  transform-origin: 100% 100%;
  transition: transform 0.3s cubic-bezier(0.78, 0.07, 0, 1);
  width: 100%;
}

#page_works .p-selector-clear a > span {
  display: block;
  position: relative;
  z-index: 2;
}

@media print, screen and (min-width: 1024px) {
  #page_works .p-selector-clear a:hover {
    color: #fff;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_works .p-selector-clear a:hover::before {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
}

@media only screen and (max-width: 1023px) {
  #page_works .l-footer {
    margin-top: 115px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_works .l-footer {
    margin-top: 210px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_work {
    padding-top: 8.8rem !important;
  }
}

@media only screen and (max-width: 1023px) {
  #page_work {
    padding-top: 5rem !important;
  }
}

@media only screen and (max-width: 1023px) {
  #page_work .l-breadcrumb {
    display: none;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_work .l-breadcrumb {
    margin-bottom: 40px;
  }
}

#page_work .p-work {
  margin-bottom: 80px;
}

@media only screen and (max-width: 1023px) {
  #page_work .p-work .p-work-info {
    padding: 0 25px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-info {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: 37px;
  }
}

#page_work .p-work .p-work-title {
  color: #1f4039;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  letter-spacing: .2em;
}

@media only screen and (max-width: 1023px) {
  #page_work .p-work .p-work-title {
    font-size: 18px;
    margin-bottom: 20px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-title {
    font-size: 21px;
  }
}

#page_work .p-work .p-work-client {
  align-items: flex-end;
  display: flex;
}

@media only screen and (max-width: 1023px) {
  #page_work .p-work .p-work-client {
    margin-bottom: 20px;
    padding: 0 25px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-client {
    margin-bottom: 25px;
  }
}

#page_work .p-work .p-work-client dt {
  font-size: 12px;
  line-height: 1;
}

#page_work .p-work .p-work-client dd {
  font-size: 18px;
  line-height: 1;
  margin-left: 18px;
}

#page_work .p-work .p-work-eyecatch {
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_work .p-work .p-work-eyecatch {
    margin-bottom: 40px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-eyecatch {
    margin-bottom: 60px;
  }
}

#page_work .p-work .p-work-eyecatch::after {
  background: #1f4039;
  content: "";
  display: block;
  position: absolute;
  transform: scale(0, 1);
  transform-origin: 0 0;
  transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  transition-delay: .4s;
}

@media only screen and (max-width: 1023px) {
  #page_work .p-work .p-work-eyecatch::after {
    height: 35px;
    right: 0;
    top: -18px;
    width: 108px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-eyecatch::after {
    height: 112px;
    right: -96px;
    top: -27px;
    width: 214px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_work .p-work .p-work-eyecatch .js-mask-inner {
    height: 210px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-eyecatch .js-mask-inner {
    height: 425px;
  }
}

#page_work .p-work .p-work-eyecatch img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

#page_work .p-work .p-work-eyecatch.js-on::after {
  transform: scale(1, 1);
}

@media only screen and (max-width: 1023px) {
  #page_work .p-work .p-work-body {
    padding: 0 25px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_work .p-work .p-work-item:not(:first-child) {
    margin-top: 110px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-item:not(:first-child) {
    margin-top: 90px;
  }
}

#page_work .p-work .p-work-item .p-work-title {
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: .2em;
  position: relative;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  #page_work .p-work .p-work-item .p-work-title {
    margin-bottom: 40px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-item .p-work-title {
    margin-bottom: 50px;
  }
}

#page_work .p-work .p-work-item .p-work-title::after {
  bottom: -12px;
  background: #4c4948;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  width: 100px;
}

#page_work .p-work .p-work-item h3 {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .2em;
}

@media only screen and (max-width: 1023px) {
  #page_work .p-work .p-work-item h3 {
    margin-bottom: 18px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-item h3 {
    margin-bottom: 10px;
  }
}

#page_work .p-work .p-work-item p {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .14em;
  line-height: 2;
}

@media only screen and (max-width: 1023px) {
  #page_work .p-work .p-work-item figure {
    margin: 0 -25px 18px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-item figure {
    height: 330px;
    margin: 0 auto 25px;
    width: 600px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-item figure .js-mask-inner {
    height: 330px;
  }
}

#page_work .p-work .p-work-item figure img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-item.-col2 {
    display: flex;
  }
}

#page_work .p-work .p-work-item.-col2 figure {
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_work .p-work .p-work-item.-col2 figure {
    margin: 0 0 18px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-item.-col2 figure {
    flex-shrink: 0;
    height: 400px;
    margin-left: 0;
    margin-right: 40px;
    margin-bottom: 0;
    max-width: none;
    width: 550px;
  }
}

#page_work .p-work .p-work-item.-col2 figure::after {
  background: #1f4039;
  content: "";
  display: block;
  position: absolute;
  transform: scale(0, 1);
  transform-origin: 0 0;
  transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  z-index: -1;
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-item.-col2 figure::after {
    bottom: -44px;
    height: 278px;
    left: -97px;
    width: 345px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-item.-col2 figure .js-mask-inner {
    height: 400px;
  }
}

#page_work .p-work .p-work-item.-col2 figure img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

#page_work .p-work .p-work-item.-col2.js-on figure::after {
  transform: scale(1, 1);
}

@media only screen and (max-width: 1023px) {
  #page_work .p-work .p-work-item.-col2-img {
    padding: 0 25px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-item.-col2-img .p-work-imgs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-item.-col2-img .p-work-img-item {
    margin-bottom: 70px;
    width: 460px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-item.-col2-img .p-work-img-item figure {
    height: 460px;
    width: 460px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-item.-col2-img .p-work-img-item .js-mask-inner {
    height: 460px;
  }
}

#page_work .p-work .p-work-item.-col2-img .p-work-img-item .js-mask-inner img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

#page_work .p-work .p-work-item.-col2-img .p-work-img-item p {
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  #page_work .p-work .p-work-item.p-work-themes {
    padding: 0 25px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-item.p-work-themes {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

#page_work .p-work .p-work-item .p-work-theme {
  background: #efefef;
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_work .p-work .p-work-item .p-work-theme {
    margin: 0 -25px;
    padding: 36px 25px 65px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-item .p-work-theme {
    padding: 30px 70px 40px;
    width: 496px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_work .p-work .p-work-item .p-work-theme:not(:last-child) {
    margin-bottom: 30px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-item .p-work-theme .p-work-title {
    font-size: 24px;
    margin-bottom: 25px;
  }
}

#page_work .p-work .p-work-item .p-work-theme::before {
  background: #1f4039;
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  transform: scale(0, 1);
  transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  transform-origin: 0 0;
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-item .p-work-theme::before {
    height: 26px;
    margin-left: -69px;
    top: -13px;
    width: 138px;
  }
}

#page_work .p-work .p-work-item .p-work-theme.js-on::before {
  transform: scale(1, 1);
}

#page_work .p-work .p-work-item.p-work-values {
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_work .p-work .p-work-item.p-work-values {
    padding: 0 25px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-item.p-work-values {
    margin-left: auto;
    margin-right: auto;
    width: 900px;
  }
}

#page_work .p-work .p-work-item.p-work-values .p-work-title {
  align-items: center;
  background: #fcc6ba;
  display: flex;
  justify-content: center;
  left: 50%;
  margin-bottom: 0;
  position: absolute;
  text-align: center;
  transform: translate(-50%);
}

@media only screen and (max-width: 1023px) {
  #page_work .p-work .p-work-item.p-work-values .p-work-title {
    height: 41px;
    top: -19px;
    width: 232px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-item.p-work-values .p-work-title {
    height: 84px;
    top: -40px;
    width: 463px;
  }
}

#page_work .p-work .p-work-item.p-work-values .p-work-title::after {
  display: none;
}

@media only screen and (max-width: 1023px) {
  #page_work .p-work .p-work-item .p-work-value {
    border: 3px solid #fcc6ba;
    margin: 0 -25px;
    padding: 35px 12px 47px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-item .p-work-value {
    border: 5px solid #fcc6ba;
    padding: 85px 75px 80px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_work .p-work .p-work-item .p-work-value > p {
    margin-bottom: 40px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-item .p-work-value > p {
    margin-bottom: 80px;
  }
}

#page_work .p-work .p-work-item .p-work-value .p-value-item {
  position: relative;
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-item .p-work-value .p-value-item {
    display: flex;
  }
}

@media only screen and (max-width: 1023px) {
  #page_work .p-work .p-work-item .p-work-value .p-value-item:not(:last-child) {
    margin-bottom: 75px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-item .p-work-value .p-value-item:not(:last-child) {
    margin-bottom: 24px;
  }
}

#page_work .p-work .p-work-item .p-work-value .p-value-item:not(:last-child)::before {
  border-style: solid;
  border-width: 20px 20px 0 20px;
  border-color: #efefef transparent transparent transparent;
  bottom: -20px;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  position: absolute;
  transform: translate(-50%);
  width: 0;
}

#page_work .p-work .p-work-item .p-work-value .p-value-item .p-value-title {
  background: #fcc6ba;
}

@media only screen and (max-width: 1023px) {
  #page_work .p-work .p-work-item .p-work-value .p-value-item .p-value-title {
    padding: 10px 18px 33px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-item .p-work-value .p-value-item .p-value-title {
    flex-shrink: 0;
    padding-top: 20px;
    padding-left: 20px;
    width: 260px;
  }
}

#page_work .p-work .p-work-item .p-work-value .p-value-item .p-value-title h4 {
  font-size: 18px;
  font-weight: 500;
}

#page_work .p-work .p-work-item .p-work-value .p-value-item .p-value-title p {
  font-size: 14px;
  font-weight: 500;
}

#page_work .p-work .p-work-item .p-work-value .p-value-item .p-value-detail {
  background: #efefef;
}

@media only screen and (max-width: 1023px) {
  #page_work .p-work .p-work-item .p-work-value .p-value-item .p-value-detail {
    min-height: 180px;
    padding: 10px 18px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-item .p-work-value .p-value-item .p-value-detail {
    padding: 20px;
    width: 100%;
  }
}

@media only screen and (max-width: 1023px) {
  #page_work .p-work .p-work-item .p-work-value .p-value-item .p-value-detail ul {
    padding-top: 10px;
    position: relative;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-item .p-work-value .p-value-item .p-value-detail ul {
    border-left: 1px solid #4c4948;
    min-height: 100px;
    padding-left: 26px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_work .p-work .p-work-item .p-work-value .p-value-item .p-value-detail ul::before {
    background: #4c4948;
    content: "";
    display: block;
    height: 2px;
    left: 50%;
    margin-left: -58px;
    position: absolute;
    top: 0;
    width: 116px;
  }
}

#page_work .p-work .p-work-item .p-work-value .p-value-item .p-value-detail li {
  font-size: 14px;
  letter-spacing: .2em;
  line-height: 2;
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-item .p-work-movie {
    margin: 0 auto;
    width: 598px;
  }
}

#page_work .p-work .p-work-item .p-work-movie .p-work-movie-body {
  padding-top: 56.25%;
  position: relative;
}

#page_work .p-work .p-work-item .p-work-movie .p-work-movie-body iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

@media print, screen and (min-width: 1024px) {
  #page_work .p-work .p-work-item .p-work-movie p {
    font-size: 14px;
    margin-top: 10px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_work .l-footer {
    margin-top: 95px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_work .l-footer {
    margin-top: 145px;
  }
}

#page_careers .l-title-main::after {
  background: #763d5c;
}

#page_careers .l-title-main h1, #page_careers .l-title-main p {
  color: #fff;
}

@media only screen and (max-width: 1023px) {
  #page_careers .p-recruit-btn {
    margin-bottom: 73px;
    padding: 0 25px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_careers .p-recruit-btn {
    margin: 0 auto 140px;
    max-width: 1116px;
    padding: 0 15px;
  }
}

#page_careers .p-career-wrap {
  overflow: hidden;
}

@media print, screen and (min-width: 1024px) {
  #page_careers .p-career {
    margin-top: 50px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_careers .p-career .p-recruit-btn {
    margin-bottom: 70px;
  }
}

#page_careers .p-career .p-interview-latest {
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_careers .p-career .p-interview-latest {
    margin-bottom: 170px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_careers .p-career .p-interview-latest {
    display: flex;
    margin: 0 auto 100px;
    padding: 0 15px;
    max-width: 1116px;
  }
}

#page_careers .p-career .p-interview-latest::after {
  background: #efefef;
  content: "";
  display: block;
  position: absolute;
  transform: scale(0);
  transition: transform .4s ease-in-out;
  transition-delay: .7s;
  z-index: -1;
}

@media only screen and (max-width: 1023px) {
  #page_careers .p-career .p-interview-latest::after {
    bottom: 120px;
    border-radius: 119px;
    height: 238px;
    right: -50px;
    width: 238px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_careers .p-career .p-interview-latest::after {
    border-radius: 237px;
    bottom: -300px;
    height: 474px;
    right: -200px;
    width: 474px;
  }
}

#page_careers .p-career .p-interview-latest figure {
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_careers .p-career .p-interview-latest figure {
    margin: 0 auto 45px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_careers .p-career .p-interview-latest figure {
    height: 312px;
    flex-shrink: 0;
    margin-right: 114px;
    width: 477px;
  }
}

#page_careers .p-career .p-interview-latest figure::before {
  background: #763d5c;
  content: "";
  display: block;
  position: absolute;
  transform: scale(0, 1);
  transform-origin: 0 0;
  transition: .4s ease-in-out;
  transition-delay: .3s;
  z-index: -1;
}

@media only screen and (max-width: 1023px) {
  #page_careers .p-career .p-interview-latest figure::before {
    bottom: -27px;
    height: 181px;
    left: -50px;
    width: 253px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_careers .p-career .p-interview-latest figure::before {
    bottom: -40px;
    height: 312px;
    left: -96px;
    width: 477px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_careers .p-career .p-interview-latest figure .js-mask-inner {
    height: 312px;
  }
}

#page_careers .p-career .p-interview-latest figure img {
  width: 100%;
}

@media print, screen and (min-width: 1024px) {
  #page_careers .p-career .p-interview-latest figure img {
    height: 100%;
    object-fit: cover;
  }
}

@media only screen and (max-width: 1023px) {
  #page_careers .p-career .p-interview-latest .p-interview-latest-detail {
    padding: 0 25px;
  }
}

#page_careers .p-career .p-interview-latest .p-interview-latest-detail h2 {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .1em;
}

@media only screen and (max-width: 1023px) {
  #page_careers .p-career .p-interview-latest .p-interview-latest-detail h2 {
    margin-bottom: 23px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_careers .p-career .p-interview-latest .p-interview-latest-detail h2 {
    margin-bottom: 15px;
  }
}

#page_careers .p-career .p-interview-latest .p-interview-latest-detail .p-interview-latest-text {
  font-size: 14px;
  letter-spacing: .2em;
  line-height: 2;
}

@media only screen and (max-width: 1023px) {
  #page_careers .p-career .p-interview-latest .p-interview-latest-detail .p-interview-latest-text {
    margin-bottom: 40px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_careers .p-career .p-interview-latest .p-interview-latest-detail .p-interview-latest-text {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_careers .p-career .p-interview-latest .p-interview-latest-detail .p-interview-latest-btn {
    text-align: center;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_careers .p-career .p-interview-latest .p-interview-latest-detail .p-interview-latest-btn {
    text-align: right;
  }
}

#page_careers .p-career .p-interview-latest .p-interview-latest-detail .p-interview-latest-btn a {
  display: inline-block;
  text-align: left;
}

#page_careers .p-career .p-interview-latest.js-on::after {
  transform: scale(1);
}

#page_careers .p-career .p-interview-latest.js-on figure::before {
  transform: scale(1, 1);
}

#page_careers .p-requirements {
  background: #efefef;
}

@media only screen and (max-width: 1023px) {
  #page_careers .p-requirements {
    margin-bottom: 35px;
    padding: 60px 0 88px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_careers .p-requirements {
    margin-bottom: 165px;
    padding: 60px 0 100px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_careers .p-requirements .p-requirements-item {
    align-items: flex-start;
    display: flex;
  }
}

@media only screen and (max-width: 1023px) {
  #page_careers .p-requirements .p-requirements-item:not(:last-child) {
    margin-bottom: 108px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_careers .p-requirements .p-requirements-item:not(:last-child) {
    margin-bottom: 114px;
  }
}

#page_careers .p-requirements .p-requirements-item h3 {
  font-size: 16px;
  align-items: center;
  background: #fff;
  display: flex;
  justify-content: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
}

@media only screen and (max-width: 1023px) {
  #page_careers .p-requirements .p-requirements-item h3 {
    height: 130px;
    justify-content: center;
    margin-bottom: 17px;
    text-align: center;
    width: calc(100% - 25px);
  }
}

@media print, screen and (min-width: 1024px) {
  #page_careers .p-requirements .p-requirements-item h3 {
    flex-shrink: 0;
    height: 225px;
    margin-right: 36px;
    text-align: center;
    width: 474px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_careers .p-requirements .p-requirements-item .p-requirements-detail {
    padding: 0 25px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_careers .p-requirements .p-requirements-item .p-requirements-detail {
    width: 670px;
  }
}

#page_careers .p-requirements .p-requirements-item .p-requirements-detail p {
  font-size: 14px;
  letter-spacing: .2em;
  line-height: 2;
}

#page_careers .p-requirements .p-requirements-item .p-requirements-detail h4 {
  font-size: 14px;
  border-left: 1px solid #4c4948;
  font-weight: 500;
  line-height: 1;
  margin: 40px 0 10px;
  padding-left: 10px;
}

@media only screen and (max-width: 1023px) {
  #page_careers .p-requirements .p-requirements-item .p-requirements-detail .p-requirements-btn {
    margin-top: 35px;
    text-align: center;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_careers .p-requirements .p-requirements-item .p-requirements-detail .p-requirements-btn {
    margin-top: 10px;
    text-align: right;
  }
}

#page_careers .p-requirements .p-requirements-item .p-requirements-detail .p-requirements-btn .c-btn01 {
  display: inline-block;
  text-align: left;
}

@media only screen and (max-width: 1023px) {
  #page_careers .p-requirements .p-requirements-other {
    padding: 0 25px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_careers .p-requirements .p-requirements-other {
    margin: 0 auto;
    max-width: 900px;
  }
}

#page_careers .p-requirements .p-requirements-other h4 {
  font-size: 14px;
  margin-bottom: 20px;
  text-align: center;
}

#page_careers .p-requirements .p-requirements-other p {
  font-size: 14px;
  line-height: 2;
}

@media print, screen and (min-width: 1024px) {
  #page_interview {
    padding-top: 8.8rem !important;
  }
}

@media only screen and (max-width: 1023px) {
  #page_interview {
    padding-top: 5rem !important;
  }
}

@media only screen and (max-width: 1023px) {
  #page_interview .l-breadcrumb {
    display: none;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_interview .l-breadcrumb {
    margin-bottom: 85px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_interview .l-main {
    padding-top: 80px;
  }
}

#page_interview h1 {
  color: #763d5c;
  font-weight: 500;
  letter-spacing: .2em;
}

@media only screen and (max-width: 1023px) {
  #page_interview h1 {
    font-size: 18px;
    margin-bottom: 18px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_interview h1 {
    font-size: 21px;
    margin-bottom: 50px;
  }
}

#page_interview .p-employee {
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_interview .p-employee {
    margin-bottom: 73px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_interview .p-employee {
    display: flex;
    justify-content: space-between;
    margin-bottom: 54px;
  }
}

#page_interview .p-employee figure {
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_interview .p-employee figure {
    height: 297px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_interview .p-employee figure {
    width: 747px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_interview .p-employee figure .js-mask-inner {
    height: 297px;
  }
}

#page_interview .p-employee figure img {
  width: 100%;
}

@media only screen and (max-width: 1023px) {
  #page_interview .p-employee figure img {
    height: 100%;
    object-fit: cover;
  }
}

#page_interview .p-employee figure::before {
  background: #763d5c;
  border-radius: 103px;
  content: "";
  display: block;
  height: 206px;
  position: absolute;
  transform: scale(0);
  transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  transition-delay: .3s;
  width: 206px;
}

@media only screen and (max-width: 1023px) {
  #page_interview .p-employee figure::before {
    right: -38px;
    top: -81px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_interview .p-employee figure::before {
    bottom: -34px;
    left: -67px;
  }
}

#page_interview .p-employee .p-employee-detail {
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 1023px) {
  #page_interview .p-employee .p-employee-detail {
    bottom: -34px;
    height: 150px;
    left: 0;
    padding-top: 20px;
    padding-right: 41px;
    position: absolute;
    width: 187px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_interview .p-employee .p-employee-detail {
    height: 240px;
    position: absolute;
    right: 0;
    top: 0;
    width: 440px;
  }
}

#page_interview .p-employee .p-employee-detail::before {
  background: #efefef;
  content: "";
  display: block;
  left: 0;
  position: absolute;
  transform: scale(0, 1);
  transform-origin: 0 0;
  transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  transition-delay: .7s;
  z-index: -1;
}

@media only screen and (max-width: 1023px) {
  #page_interview .p-employee .p-employee-detail::before {
    height: 100%;
    top: 0;
    width: 100%;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_interview .p-employee .p-employee-detail::before {
    height: 290px;
    top: -50px;
    width: 540px;
  }
}

@media print and (max-width: 1200px), screen and (min-width: 1024px) and (max-width: 1200px) {
  #page_interview .p-employee .p-employee-detail::before {
    left: auto;
    right: -15px;
    width: 420px;
  }
}

#page_interview .p-employee .p-employee-detail::after {
  background: #763d5c;
  content: "";
  display: block;
  position: absolute;
  transform: scale(0, 1);
  transform-origin: 0 0;
  transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  transition-delay: 1s;
}

@media only screen and (max-width: 1023px) {
  #page_interview .p-employee .p-employee-detail::after {
    bottom: -20px;
    height: 40px;
    right: 0;
    width: 162px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_interview .p-employee .p-employee-detail::after {
    bottom: -50px;
    height: 100px;
    left: 320px;
    width: 220px;
  }
}

@media print and (max-width: 1200px), screen and (min-width: 1024px) and (max-width: 1200px) {
  #page_interview .p-employee .p-employee-detail::after {
    width: 120px;
    left: auto;
    right: -15px;
  }
}

#page_interview .p-employee .p-employee-detail .p-employee-position {
  font-size: 14px;
  letter-spacing: .1em;
  text-align: right;
}

@media only screen and (max-width: 1023px) {
  #page_interview .p-employee .p-employee-detail .p-employee-position {
    margin-bottom: 7px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_interview .p-employee .p-employee-detail .p-employee-position {
    margin-bottom: 15px;
  }
}

#page_interview .p-employee .p-employee-detail .p-employee-name {
  font-weight: 500;
  letter-spacing: .1em;
  line-height: 1;
  text-align: right;
}

@media only screen and (max-width: 1023px) {
  #page_interview .p-employee .p-employee-detail .p-employee-name {
    font-size: 18px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_interview .p-employee .p-employee-detail .p-employee-name {
    font-size: 21px;
    margin-bottom: 3px;
  }
}

#page_interview .p-employee .p-employee-detail .p-employee-name-en {
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: .1em;
  text-align: right;
}

@media only screen and (max-width: 1023px) {
  #page_interview .p-employee .p-employee-detail .p-employee-name-en {
    font-size: 9px;
    margin-bottom: 14px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_interview .p-employee .p-employee-detail .p-employee-name-en {
    font-size: 14px;
    margin-bottom: 24px;
  }
}

#page_interview .p-employee .p-employee-detail .p-employee-year {
  font-size: 12px;
  letter-spacing: .1em;
  text-align: right;
}

#page_interview .p-employee.js-on figure::before {
  transform: scale(1);
}

#page_interview .p-employee.js-on .p-employee-detail::before, #page_interview .p-employee.js-on .p-employee-detail::after {
  transform: scale(1, 1);
}

@media only screen and (max-width: 1023px) {
  #page_interview .p-article {
    margin-bottom: 52px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_interview .p-article {
    margin-bottom: 160px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_interview .p-article .p-article-title {
    margin-bottom: 40px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_interview .p-article .p-article-title {
    margin-bottom: 60px;
  }
}

#page_interview .p-article .p-article-title p {
  color: #763d5c;
  line-height: 1;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  #page_interview .p-article .p-article-title p {
    font-size: 12px;
    margin-bottom: 6px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_interview .p-article .p-article-title p {
    font-size: 16px;
    margin-bottom: 8px;
  }
}

#page_interview .p-article .p-article-title h2 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: .2em;
  position: relative;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  #page_interview .p-article .p-article-title h2 {
    font-size: 21px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_interview .p-article .p-article-title h2 {
    font-size: 26px;
  }
}

#page_interview .p-article .p-article-title h2::before {
  background: rgba(118, 61, 92, 0.5);
  content: "";
  display: block;
  left: 50%;
  position: absolute;
  transform: scale(0, 1);
  transform-origin: 0 0;
  transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}

@media only screen and (max-width: 1023px) {
  #page_interview .p-article .p-article-title h2::before {
    bottom: 2px;
    height: 11px;
    margin-left: -41px;
    width: 82px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_interview .p-article .p-article-title h2::before {
    bottom: 2px;
    height: 15px;
    margin-left: -52px;
    width: 104px;
  }
}

#page_interview .p-article .p-article-title.js-on h2::before {
  transform: scale(1, 1);
}

@media only screen and (max-width: 1023px) {
  #page_interview .p-article .p-article-item {
    padding: 0 25px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_interview .p-article .p-article-item:not(:last-child) {
    margin-bottom: 58px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_interview .p-article .p-article-item:not(:last-child) {
    margin-bottom: 145px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_interview .p-article .p-article-item:not(.-img-back) {
    display: flex;
  }
}

@media only screen and (max-width: 1023px) {
  #page_interview .p-article .p-article-item:not(.-img-back) figure {
    margin-bottom: 30px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_interview .p-article .p-article-item:not(.-img-back) figure {
    flex-shrink: 0;
    margin-right: 100px;
    width: 493px;
  }
}

#page_interview .p-article .p-article-item:not(.-img-back) figure img {
  width: 100%;
}

@media only screen and (max-width: 1023px) {
  #page_interview .p-article .p-article-item.-img-back {
    margin: 0 -25px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_interview .p-article .p-article-item.-img-back {
    padding-top: 74px;
    position: relative;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_interview .p-article .p-article-item.-img-back figure {
    position: absolute;
    right: 0;
    text-align: right;
    top: 0;
    width: 841px;
    z-index: -1;
  }
}

#page_interview .p-article .p-article-item.-img-back figure img {
  width: 100%;
}

@media print, screen and (min-width: 1024px) {
  #page_interview .p-article .p-article-item.-img-back figure img {
    max-width: 841px;
  }
}

#page_interview .p-article .p-article-item.-img-back .p-article-item-detail {
  background: #fff;
}

@media only screen and (max-width: 1023px) {
  #page_interview .p-article .p-article-item.-img-back .p-article-item-detail {
    margin-top: -45px;
    padding: 16px 25px 34px;
    position: relative;
    width: calc(100% - 25px);
  }
}

@media print, screen and (min-width: 1024px) {
  #page_interview .p-article .p-article-item.-img-back .p-article-item-detail {
    padding: 20px 40px 20px 0;
    width: 532px;
  }
}

#page_interview .p-article .p-article-item h3 {
  font-size: 18px;
  margin-bottom: 12px;
}

#page_interview .p-article .p-article-item p {
  font-size: 14px;
  line-height: 2;
}

#page_interview .p-article .p-article-item p:not(:first-of-type) {
  margin-top: 28px;
}

@media only screen and (max-width: 1023px) {
  #page_interview .p-contact-btn {
    margin-bottom: 62px;
    padding: 0 25px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_interview .p-contact-btn {
    margin-bottom: 160px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_interview .l-related {
    margin-bottom: 63px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_interview .l-related {
    margin-bottom: 75px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_interview .c-article-btn {
    margin-bottom: 85px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_interview .c-article-btn {
    margin-bottom: 75px;
  }
}

#page_groups .l-title-main::after {
  background: #0d3246;
}

#page_groups .l-title-main h1, #page_groups .l-title-main p {
  color: #fff;
}

@media only screen and (max-width: 1023px) {
  #page_groups .c-line01:first-child {
    margin-bottom: 50px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_groups .l-main {
    padding-top: 134px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_groups .p-groups {
    padding: 0 25px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_groups .p-group {
    display: flex;
  }
}

@media only screen and (max-width: 1023px) {
  #page_groups .p-group:not(:first-child) {
    margin-top: 150px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_groups .p-group:not(:first-child) {
    margin-top: 180px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_groups .p-group figure {
    margin-right: -25px;
    margin-bottom: 20px;
    text-align: right;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_groups .p-group figure {
    flex-shrink: 0;
    margin-right: 90px;
    width: 547px;
  }
}

#page_groups .p-group figure .js-mask {
  display: inline-block;
}

@media only screen and (max-width: 1023px) {
  #page_groups .p-group figure img {
    max-width: 100%;
    width: 72.93vw;
  }
}

@media only screen and (max-width: 1023px) {
  #page_groups .p-group h2 {
    margin-bottom: 20px;
    text-align: left;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_groups .p-group h2 {
    margin-bottom: 10px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_groups .p-group h2 img {
    height: 67px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_groups .p-group h2 img {
    height: 60px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_groups .p-group:first-child h2 img {
    width: 213px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_groups .p-group:nth-child(2) h2 img {
    width: 268px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_groups .p-group:nth-child(3) h2 img {
    width: 201px;
  }
}

#page_groups .p-group .p-group-detail p {
  font-size: 14px;
  line-height: 1.7;
}

#page_groups .p-group .p-group-detail p:not(:first-of-type) {
  margin-top: 1.7em;
}

#page_groups .p-group .p-group-detail .p-group-btn {
  margin-top: 40px;
}

#page_groups .p-others {
  position: relative;
  /*
    &::before,
    &::after {
      background: $black;
      content: "";
      display: block;
      height: 1px;
      left: 0;
      position: absolute;
      transform: scale(0, 1);
      transform-origin: 0 0;
      transition: transform .4s $easing;
      width: 100%;
    }
    &::before {
      top: 0;
    }
    &::after {
      bottom: 0;
    }
*/
}

@media only screen and (max-width: 1023px) {
  #page_groups .p-others {
    margin: 106px auto 0;
    width: calc(100% - 50px);
  }
}

@media print, screen and (min-width: 1024px) {
  #page_groups .p-others {
    margin-top: 187px;
    padding: 88px 92px;
  }
}

#page_groups .p-others.js-on::before, #page_groups .p-others.js-on::after {
  transform: scale(1, 1);
}

#page_groups .p-others.js-on .p-other {
  opacity: 1;
}

#page_groups .p-other {
  opacity: 0;
  transition: opacity .4s ease-in-out;
  transition-delay: .4s;
}

@media print, screen and (min-width: 1024px) {
  #page_groups .p-other {
    align-items: center;
    display: flex;
  }
}

#page_groups .p-other:not(:first-child) {
  transition-delay: .7s;
}

@media only screen and (max-width: 1023px) {
  #page_groups .p-other:not(:first-child) {
    margin-top: 80px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_groups .p-other:not(:first-child) {
    margin-top: 50px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_groups .p-other figure {
    margin-bottom: 14px;
    text-align: center;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_groups .p-other figure {
    flex-shrink: 0;
    width: 290px;
  }
}

#page_groups .p-other figure img {
  height: 108px;
}

#page_groups .p-other .p-other-txt {
  font-size: 14px;
  line-height: 1.7;
}

@media only screen and (max-width: 1023px) {
  #page_groups .p-other .p-other-txt {
    margin-bottom: 25px;
    text-align: center;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_groups .p-other .p-other-txt {
    margin-right: auto;
  }
}

@media only screen and (max-width: 1023px) {
  #page_groups .p-other .p-other-btn a {
    margin: 0 auto;
  }
}

@media only screen and (max-width: 1023px) {
  #page_groups .l-footer {
    margin-top: 120px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_groups .l-footer {
    margin-top: 210px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_company .l-main {
    max-width: 100%;
    padding: 0;
  }
}

#page_company .l-title-main::after {
  background: #fcc6ba;
}

#page_company .l-title-main h1, #page_company .l-title-main p {
  color: #fff;
}

@media only screen and (max-width: 1023px) {
  #page_company .l-catch {
    margin-bottom: 50px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_company .l-catch {
    margin-bottom: 134px;
  }
}

#page_company .c-ttl02 {
  font-weight: 500;
}

@media only screen and (max-width: 1023px) {
  #page_company .c-ttl02 {
    margin-bottom: 30px;
  }
}

#page_company .p-resonate {
  margin-bottom: 160px;
}

@media only screen and (max-width: 1023px) {
  #page_company .p-resonate {
    margin-top: 40px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_company .p-resonate {
    margin-top: 84px;
  }
}

#page_company .p-resonate h2 {
  font-size: 34px;
  font-weight: 400;
  text-align: center;
}

#page_company .p-resonate .p-resonate-catch {
  font-size: 14px;
  line-height: 2.14;
  margin-bottom: 30px;
  text-align: center;
}

#page_company .p-resonate ul {
  padding: 16px 0;
  position: relative;
}

#page_company .p-resonate ul::after {
  background: #efefef;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0, 1);
  transform-origin: left;
  transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  width: 100%;
}

#page_company .p-resonate ul.js-on::after {
  transform: scale(1, 1);
}

#page_company .p-resonate li {
  font-size: 22px;
  font-feature-settings: unset;
  letter-spacing: .5em;
  line-height: 2.9;
  padding-left: .5em;
  position: relative;
  text-align: center;
  z-index: 2;
}

#page_company .p-resonate .p-resonate-txt {
  font-size: 18px;
  line-height: 2;
  margin-top: 2em;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  #page_company .p-resonate .p-resonate-txt {
    font-size: 16px;
    padding: 0 15px;
  }
}

#page_company .p-resonate .p-resonate-logo {
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  #page_company .p-resonate .p-resonate-logo {
    margin-top: 45px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_company .p-resonate .p-resonate-logo {
    margin-top: 54px;
  }
}

#page_company .p-resonate .p-resonate-logo img {
  height: 30px;
  width: 77px;
}

#page_company .p-resonate .p-resonate-link {
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  #page_company .p-resonate .p-resonate-link {
    margin-top: 45px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_company .p-resonate .p-resonate-link {
    margin-top: 54px;
  }
}

#page_company .p-resonate .p-resonate-link a {
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_company .p-resonate .p-resonate-link a {
    font-size: 14px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_company .p-resonate .p-resonate-link a {
    font-size: 16px;
  }
}

#page_company .p-resonate .p-resonate-link a::after {
  background: #4c4948;
  bottom: -5px;
  content: "";
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  transform: scale(0, 1);
  transform-origin: 100% 0;
  transition: transform 0.3s cubic-bezier(0.19, 1, 0.22, 1);
  width: 100%;
}

@media print, screen and (min-width: 1024px) {
  #page_company .p-resonate .p-resonate-link a:hover::after {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
}

#page_company .p-resonate .p-resonate-overlay {
  background: rgba(0, 0, 0, 0.7);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 19998;
}

#page_company .p-resonate .p-resonate-modal {
  background: #fff;
  display: none;
  left: 50%;
  position: absolute;
  z-index: 19999;
}

@media only screen and (max-width: 1023px) {
  #page_company .p-resonate .p-resonate-modal {
    padding: 30px 15px;
    top: 0;
    transform: translate(-50%);
    width: 90%;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_company .p-resonate .p-resonate-modal {
    margin-left: -520px;
    padding: 50px 0;
    top: 0;
    width: 1040px;
  }
}

#page_company .p-resonate .p-resonate-modal .p-resonate-modal-close {
  position: absolute;
}

@media only screen and (max-width: 1023px) {
  #page_company .p-resonate .p-resonate-modal .p-resonate-modal-close {
    right: -20px;
    top: -20px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_company .p-resonate .p-resonate-modal .p-resonate-modal-close {
    right: -32px;
    top: -32px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_company .p-resonate .p-resonate-modal .p-resonate-modal-close img {
    height: 40px;
    width: 40px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_company .p-resonate .p-resonate-modal .p-resonate-modal-close img {
    height: 64px;
    width: 64px;
  }
}

#page_company .p-resonate .p-resonate-modal .p-resonate-modal-title {
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  #page_company .p-resonate .p-resonate-modal .p-resonate-modal-title {
    font-size: 21px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_company .p-resonate .p-resonate-modal .p-resonate-modal-title {
    font-size: 34px;
  }
}

#page_company .p-resonate .p-resonate-modal .p-resonate-modal-image {
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  #page_company .p-resonate .p-resonate-modal .p-resonate-modal-image {
    margin-top: 11%;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_company .p-resonate .p-resonate-modal .p-resonate-modal-image {
    margin-top: 6.7%;
  }
}

@media only screen and (max-width: 1023px) {
  #page_company .p-resonate .p-resonate-modal .p-resonate-modal-image img {
    width: 80.8%;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_company .p-resonate .p-resonate-modal .p-resonate-modal-image img {
    width: 65.96%;
  }
}

#page_company .p-resonate .p-resonate-modal .p-resonate-text {
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  #page_company .p-resonate .p-resonate-modal .p-resonate-text {
    font-size: 13px;
    line-height: 2.3;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_company .p-resonate .p-resonate-modal .p-resonate-text {
    font-size: 16px;
    line-height: 2.6;
    margin-top: 2.2%;
  }
}

@media only screen and (max-width: 1023px) {
  #page_company .p-resonate .p-resonate-modal .p-resonate-text:first-of-type {
    margin-top: 10.8%;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_company .p-resonate .p-resonate-modal .p-resonate-text:first-of-type {
    margin-top: 6.6%;
  }
}

#page_company .c-ttl02::before, #page_company .c-ttl02::after {
  transform: scale(0, 1);
  transform-origin: left;
  transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}

#page_company .c-ttl02::after {
  transition-delay: .5s;
}

#page_company .c-ttl02 span {
  display: inline-block;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0, 0.7, 0, 1);
}

#page_company .c-ttl02 span:nth-child(even) {
  transition-delay: .2s;
  transform: translateY(50px);
}

#page_company .c-ttl02 span:nth-child(odd) {
  transform: translateY(-50px);
}

#page_company .c-ttl02.js-on::before, #page_company .c-ttl02.js-on::after {
  transform: scale(1, 1);
}

#page_company .c-ttl02.js-on span {
  opacity: 1;
  transform: translate(0);
}

@media only screen and (max-width: 1023px) {
  #page_company .p-profile {
    margin-bottom: 160px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_company .p-profile {
    margin: 0 auto 164px;
    width: 900px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_company .p-profile .p-profile-items {
    padding: 0 25px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_company .p-profile .p-profile-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

#page_company .p-profile .p-profile-items.js-on .p-profile-item {
  opacity: 1;
}

#page_company .p-profile .p-profile-item {
  opacity: 0;
  transition: opacity .7s ease-in-out;
}

@media only screen and (max-width: 1023px) {
  #page_company .p-profile .p-profile-item {
    margin-bottom: 38px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_company .p-profile .p-profile-item {
    margin-bottom: 25px;
    width: 384px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_company .p-profile .p-profile-item:nth-child(even) {
    transition-delay: .7s;
  }
}

#page_company .p-profile h3 {
  font-size: 14px;
  background: #efefef;
  letter-spacing: .1em;
  margin-bottom: 10px;
  padding: 9px 18px;
}

#page_company .p-profile p {
  font-size: 14px;
  letter-spacing: .2em;
  line-height: 1.7;
  min-height: 3.4em;
}

@media only screen and (max-width: 1023px) {
  #page_company .p-history {
    margin-bottom: 170px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_company .p-history {
    margin: 0 auto 210px;
    width: 900px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_company .p-history dl {
    padding: 0 25px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_company .p-history dl {
    display: flex;
  }
}

#page_company .p-history dl:not(:last-child) {
  margin-bottom: 15px;
}

#page_company .p-history dt {
  font-size: 14px;
  font-weight: bold;
}

@media only screen and (max-width: 1023px) {
  #page_company .p-history dt {
    line-height: 1.4;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_company .p-history dt {
    line-height: 2.43;
    width: 120px;
  }
}

#page_company .p-history dd {
  font-size: 14px;
  letter-spacing: .1em;
}

@media only screen and (max-width: 1023px) {
  #page_company .p-history dd {
    line-height: 1.4;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_company .p-history dd {
    line-height: 2.43;
  }
}

@media only screen and (max-width: 1023px) {
  #page_company .p-access {
    margin-bottom: 200px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_company .p-access {
    margin: 0 auto 210px;
    width: 900px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_company .p-access .p-access-body {
    display: flex;
  }
}

@media only screen and (max-width: 1023px) {
  #page_company .p-access .p-access-map {
    margin-bottom: 20px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_company .p-access .p-access-map {
    flex-shrink: 0;
    margin-right: 25px;
    width: 596px;
  }
}

#page_company .p-access .p-access-map-body {
  padding-top: 58.38%;
  position: relative;
  width: 100%;
}

#page_company .p-access .p-access-map-body iframe {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

@media only screen and (max-width: 1023px) {
  #page_company .p-access .p-access-detail {
    padding: 0 25px;
  }
}

#page_company .p-access .p-access-detail h3 {
  font-size: 14px;
}

#page_company .p-access .p-access-detail p {
  font-size: 14px;
  line-height: 1.7;
}

#page_company .p-access .p-access-detail p:not(:first-of-type) {
  margin-top: 1.7em;
}

@media only screen and (max-width: 1023px) {
  #page_company .p-office {
    margin-bottom: 60px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_company .p-office {
    margin-bottom: 145px;
  }
}

#page_company .p-office .p-office-images {
  display: flex;
  flex-wrap: wrap;
}

@media only screen and (max-width: 1023px) {
  #page_company .p-office .p-office-images {
    flex-direction: column;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_company .p-office .p-office-images {
    margin: 0 auto;
    max-width: 1116px;
    padding: 0 15px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_company .p-office .p-office-images li {
    width: 83.73vw;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_company .p-office .p-office-images li {
    width: 50%;
  }
}

#page_company .p-office .p-office-images li img {
  width: 100%;
}

@media only screen and (max-width: 1023px) {
  #page_company .p-office .p-office-images li:nth-child(even) {
    margin-left: auto;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_company .p-office .p-office-images li:nth-child(even) {
    transform: translateY(75px);
  }
}

@media only screen and (max-width: 1023px) {
  #page_company .p-office .p-office-images li:not(:first-child) {
    margin-top: -30px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_company .p-contact-btn {
    margin-bottom: 60px;
    padding: 0 25px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_company .p-contact-btn {
    margin: 0 auto;
    max-width: 1116px;
    padding: 0 15px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_company .l-footer {
    margin-top: 120px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_company .l-footer {
    margin-top: 100px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .l-title .js-mask-inner {
    height: 320px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .l-title .js-mask-inner {
    height: 413px;
  }
}

#page_solutions .l-title-main::after {
  background: #9c7353;
}

#page_solutions .l-title-main h1, #page_solutions .l-title-main p {
  color: #fff;
}

@media only screen and (max-width: 1023px) {
  #page_solutions .l-catch {
    margin-bottom: 50px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .l-catch {
    margin-bottom: 54px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-solution {
    margin-bottom: 175px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-solution {
    margin: 70px auto 170px;
    max-width: 1310px;
    padding: 0 15px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-solution .p-solution-item {
    align-items: center;
    display: flex;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-solution .p-solution-item:not(:first-child) {
    margin-top: 110px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-solution .p-solution-item:not(:first-child) {
    margin-top: 165px;
  }
}

#page_solutions .p-solution .p-solution-item figure {
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-solution .p-solution-item figure {
    margin-bottom: 40px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-solution .p-solution-item figure {
    flex-shrink: 0;
    margin-right: 11.71%;
    max-width: 571px;
    width: 44.60%;
  }
}

#page_solutions .p-solution .p-solution-item figure img {
  width: 100%;
}

#page_solutions .p-solution .p-solution-item figure .p-solution-link {
  position: absolute;
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-solution .p-solution-item figure .p-solution-link {
    bottom: 20px;
    right: 18px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-solution .p-solution-item figure .p-solution-link {
    bottom: 40px;
    right: 35px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-solution .p-solution-item .p-solution-detail {
    padding: 0 25px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-solution .p-solution-item .p-solution-detail {
    padding-right: 94px;
  }
}

#page_solutions .p-solution .p-solution-item .p-solution-title {
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-solution .p-solution-item .p-solution-title {
    margin-bottom: 36px;
    padding-bottom: 20px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-solution .p-solution-item .p-solution-title {
    margin-bottom: 33px;
    padding-bottom: 10px;
  }
}

#page_solutions .p-solution .p-solution-item .p-solution-title::after {
  background: #9c7353;
  bottom: 0;
  content: "";
  display: block;
  height: 7px;
  left: 0;
  position: absolute;
  transform: scale(0, 1);
  transform-origin: 0 0;
  transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  transition-delay: 1.2s;
  width: 47px;
}

#page_solutions .p-solution .p-solution-item .p-solution-title h2 {
  color: #9c7353;
  font-weight: 400;
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-solution .p-solution-item .p-solution-title h2 {
    font-size: 24px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-solution .p-solution-item .p-solution-title h2 {
    font-size: 36px;
  }
}

#page_solutions .p-solution .p-solution-item .p-solution-title h2 span {
  display: inline-block;
  opacity: 0;
  transition: all 0.4s cubic-bezier(0, 0.7, 0, 1);
}

#page_solutions .p-solution .p-solution-item .p-solution-title h2 span:nth-child(even) {
  transition-delay: .6s;
  transform: translateY(50px);
}

#page_solutions .p-solution .p-solution-item .p-solution-title h2 span:nth-child(odd) {
  transition-delay: .4s;
  transform: translateY(-50px);
}

#page_solutions .p-solution .p-solution-item .p-solution-title p {
  letter-spacing: .2em;
  opacity: 0;
  transition: opacity .4s ease-in-out;
  transition-delay: .7s;
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-solution .p-solution-item .p-solution-title p {
    font-size: 18px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-solution .p-solution-item .p-solution-title p {
    font-size: 24px;
  }
}

#page_solutions .p-solution .p-solution-item .p-solution-txt {
  font-size: 14px;
  letter-spacing: .2em;
  line-height: 2;
  text-align: justify;
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-solution .p-solution-item .p-solution-txt {
    margin-bottom: 15px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-solution .p-solution-item .p-solution-txt {
    margin-bottom: 20px;
  }
}

#page_solutions .p-solution .p-solution-item .p-solution-list {
  letter-spacing: .2em;
  font-weight: bold;
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-solution .p-solution-item .p-solution-list {
    font-size: 16px;
    line-height: 2.5;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-solution .p-solution-item .p-solution-list {
    font-size: 18px;
    line-height: 2.22;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-solution .p-solution-item:nth-child(odd) {
    flex-direction: row-reverse;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-solution .p-solution-item:nth-child(odd) figure {
    margin-left: 11.71%;
    margin-right: 0;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-solution .p-solution-item:nth-child(odd) figure .p-solution-link {
    bottom: 40px;
    left: 35px;
    right: auto;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-solution .p-solution-item:nth-child(odd) .p-solution-detail {
    padding-left: 94px;
    padding-right: 0;
  }
}

#page_solutions .p-solution .p-solution-item.p-solution-marketing figure {
  position: relative;
}

#page_solutions .p-solution .p-solution-item.p-solution-marketing figure::after {
  background: #efefef;
  content: "";
  display: block;
  position: absolute;
  transform: scale(0);
  transition: transform .4s ease-in-out;
  z-index: -1;
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-solution .p-solution-item.p-solution-marketing figure::after {
    border-radius: 153px;
    height: 303px;
    right: -95px;
    top: -88px;
    width: 303px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-solution .p-solution-item.p-solution-marketing figure::after {
    border-radius: 217px;
    height: 434px;
    right: -160px;
    top: -60px;
    width: 434px;
  }
}

#page_solutions .p-solution .p-solution-item.p-solution-communication figure {
  position: relative;
}

#page_solutions .p-solution .p-solution-item.p-solution-communication figure::before {
  background: #9c7353;
  content: "";
  display: block;
  position: absolute;
  right: 0;
  transform: scale(0, 1);
  transform-origin: 0 0;
  transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
  z-index: 2;
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-solution .p-solution-item.p-solution-communication figure::before {
    height: 51px;
    top: -26px;
    width: 136px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-solution .p-solution-item.p-solution-communication figure::before {
    height: 119px;
    top: -75px;
    width: 234px;
  }
}

#page_solutions .p-solution .p-solution-item.js-on .p-solution-title::after {
  transform: scale(1, 1);
}

#page_solutions .p-solution .p-solution-item.js-on .p-solution-title h2 span {
  opacity: 1;
  transform: translate(0);
}

#page_solutions .p-solution .p-solution-item.js-on .p-solution-title p {
  opacity: 1;
}

#page_solutions .p-solution .p-solution-item.js-on.p-solution-marketing figure::after {
  transform: scale(1);
}

#page_solutions .p-solution .p-solution-item.js-on.p-solution-communication figure::before {
  transform: scale(1);
}

#page_solutions .p-clients {
  background: #efefef;
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients {
    margin-bottom: 165px;
    padding: 50px 0 77px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-clients {
    margin-bottom: 190px;
    padding: 70px 0 80px;
  }
}

#page_solutions .p-clients h2 {
  font-weight: 400;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients h2 {
    font-size: 21px;
    margin-bottom: 45px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-clients h2 {
    font-size: 26px;
    margin-bottom: 30px;
  }
}

#page_solutions .p-clients ul {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-clients ul {
    margin: 0 auto;
    padding: 0 15px;
    max-width: 1310px;
  }
}

#page_solutions .p-clients li {
  line-height: 1;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients li {
    width: 33%;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-clients li {
    width: 20%;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-clients li:nth-child(5) ~ li {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients li:nth-child(3) ~ li {
    margin-top: 25px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients li:nth-child(1) img {
    width: 74px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients li:nth-child(2) img {
    width: 90px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients li:nth-child(3) img {
    width: 62px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients li:nth-child(4) img {
    width: 67px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients li:nth-child(5) img {
    width: 80px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients li:nth-child(6) img {
    width: 77px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients li:nth-child(7) img {
    width: 100px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients li:nth-child(8) img {
    width: 72px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients li:nth-child(9) img {
    width: 70px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients li:nth-child(10) img {
    width: 98px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients li:nth-child(11) img {
    width: 69px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients li:nth-child(12) img {
    width: 93px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients li:nth-child(13) img {
    width: 59px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients li:nth-child(14) img {
    width: 33px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients li:nth-child(15) img {
    width: 86px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients li:nth-child(16) img {
    width: 82px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients li:nth-child(17) img {
    width: 71px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients li:nth-child(18) img {
    width: 92px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients li:nth-child(19) img {
    width: 85px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients li:nth-child(20) img {
    width: 36px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients li:nth-child(21) img {
    width: 68px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients li:nth-child(22) img {
    width: 85px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients li:nth-child(23) img {
    width: 91px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients li:nth-child(24) img {
    width: 83px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients li:nth-child(25) img {
    width: 75px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients li:nth-child(26) img {
    width: 79px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients li:nth-child(27) img {
    width: 71px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients li:nth-child(28) img {
    width: 58px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients li:nth-child(29) img {
    width: 75px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-clients li:nth-child(30) img {
    width: 65px;
  }
}

#page_solutions .p-latest {
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-latest {
    border-bottom: 1px solid #9c7353;
    margin-bottom: 125px;
    padding-bottom: 45px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-latest {
    margin-bottom: 290px;
  }
}

#page_solutions .p-latest .c-box01 {
  position: relative;
}

#page_solutions .p-latest .c-box01::before {
  background: #9c7353;
  content: "";
  display: block;
  height: 283px;
  left: 0;
  position: absolute;
  transform: scale(0, 1);
  transform-origin: 0 0;
  transition: transform .3s ease-in-out;
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-latest .c-box01::before {
    top: 235px;
    width: 45vw;
    z-index: -1;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-latest .c-box01::before {
    top: 157px;
    width: 170px;
  }
}

#page_solutions .p-latest .c-box01::after {
  background: #efefef;
  content: "";
  display: block;
  height: 283px;
  position: absolute;
  transform: scale(0, 1);
  transform-origin: 0 0;
  transition: transform .3s ease-in-out;
  z-index: -1;
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-latest .c-box01::after {
    left: 45vw;
    top: 235px;
    width: 55vw;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-latest .c-box01::after {
    left: 170px;
    top: 157px;
    width: 606px;
  }
}

#page_solutions .p-latest .p-latest-title {
  font-size: 20px;
  color: #9c7353;
  font-weight: 400;
  position: relative;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-latest .p-latest-title {
    margin-bottom: 50px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-latest .p-latest-title {
    margin: 0 auto 36px;
    max-width: 1116px;
    padding: 0 15px;
  }
}

#page_solutions .p-latest .p-latest-title span {
  opacity: 0;
  transition: opacity .3s ease-in-out;
  transition-delay: .5s;
}

#page_solutions .p-latest .p-latest-title::before, #page_solutions .p-latest .p-latest-title::after {
  background: #9c7353;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  top: 50%;
  transform: scale(0, 1);
  transform-origin: 0 0;
  transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-latest .p-latest-title::before, #page_solutions .p-latest .p-latest-title::after {
    width: 33px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-latest .p-latest-title::before, #page_solutions .p-latest .p-latest-title::after {
    width: 390px;
  }
}

#page_solutions .p-latest .p-latest-title::before {
  left: 0;
}

#page_solutions .p-latest .p-latest-title::after {
  right: 0;
  transition-delay: 1s;
}

#page_solutions .p-latest .p-latest-slider::after {
  background: #9c7353;
  content: "";
  display: block;
  height: 1px;
  left: 50%;
  position: absolute;
  transform: translate(-50%) scale(0, 1);
  transform-origin: left;
  transition: transform .4s ease-in-out;
  transition-delay: .7s;
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-latest .p-latest-slider::after {
    bottom: -120px;
    max-width: 1086px;
    width: 100%;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-latest .p-latest-item {
    display: flex !important;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1116px;
    padding: 0 15px;
  }
}

#page_solutions .p-latest .p-latest-image {
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-latest .p-latest-image {
    margin-bottom: 25px;
    padding-top: 20px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-latest .p-latest-image {
    padding-left: 44px;
    width: 414px;
  }
}

#page_solutions .p-latest .p-latest-image figure {
  border-radius: 185px;
  height: 370px;
  overflow: hidden;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  transition-delay: .7s;
  width: 370px;
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-latest .p-latest-image figure {
    margin: 0 auto;
  }
}

#page_solutions .p-latest .p-latest-image figure img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

#page_solutions .p-latest .p-latest-image .p-latest-image-cap {
  position: absolute;
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-latest .p-latest-image .p-latest-image-cap {
    left: 24px;
    top: 0;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-latest .p-latest-image .p-latest-image-cap {
    left: 0;
    top: 100px;
  }
}

#page_solutions .p-latest .p-latest-image .p-latest-image-cap .p-latest-image-capInner {
  background: #fff;
  height: 66px;
  padding: 10px 10px 0 16px;
  width: 180px;
}

#page_solutions .p-latest .p-latest-image .p-latest-image-cap dl {
  display: flex;
}

#page_solutions .p-latest .p-latest-image .p-latest-image-cap dt {
  font-size: 12px;
  flex-shrink: 0;
  width: 38px;
}

#page_solutions .p-latest .p-latest-image .p-latest-image-cap dd {
  font-size: 12px;
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-latest .p-latest-detail {
    padding: 0 24px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-latest .p-latest-detail {
    padding-top: 10px;
    width: 542px;
  }
}

#page_solutions .p-latest .p-latest-detail .p-latest-catch {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: .2em;
  line-height: 1.77;
  margin-bottom: 15px;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  transition-delay: 1.1s;
}

#page_solutions .p-latest .p-latest-detail .p-latest-text {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: .12em;
  line-height: 2;
  text-align: justify;
  opacity: 0;
  transition: opacity .3s ease-in-out;
  transition-delay: 1.2s;
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-latest .p-latest-detail .p-latest-text {
    margin-bottom: 35px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-latest .p-latest-detail .p-latest-text {
    margin-bottom: 20px;
  }
}

#page_solutions .p-latest .p-latest-detail .p-latest-btn {
  opacity: 0;
  transition: opacity .3s ease-in-out;
  transition-delay: 1.3s;
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-latest .p-latest-detail .p-latest-btn {
    text-align: right;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-latest .p-latest-detail .p-latest-btn a {
    margin: 0 auto;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-latest .p-latest-detail .p-latest-btn a {
    display: inline-block;
    text-align: left;
  }
}

#page_solutions .p-latest .slick-arrow {
  background: url("../img/common/btn-arrow.svg") no-repeat left top/cover;
  overflow: hidden;
  position: absolute;
  text-indent: -999px;
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-latest .slick-arrow {
    bottom: -90px;
    height: 8px;
    width: 78px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-latest .slick-arrow.slick-prev {
    left: 97px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-latest .slick-arrow.slick-next {
    right: 97px;
    transform: scale(-1, 1);
  }
}

#page_solutions .p-latest.js-on .c-box01::before, #page_solutions .p-latest.js-on .c-box01::after {
  transform: scale(1, 1);
}

#page_solutions .p-latest.js-on .p-latest-slider::after {
  transform: translate(-50%) scale(1, 1);
}

#page_solutions .p-latest.js-on .p-latest-image figure {
  opacity: 1;
}

#page_solutions .p-latest.js-on .p-latest-title span {
  opacity: 1;
}

#page_solutions .p-latest.js-on .p-latest-title::before, #page_solutions .p-latest.js-on .p-latest-title::after {
  transform: scale(1);
}

#page_solutions .p-latest.js-on .p-latest-detail .p-latest-catch,
#page_solutions .p-latest.js-on .p-latest-detail .p-latest-text,
#page_solutions .p-latest.js-on .p-latest-detail .p-latest-btn {
  opacity: 1;
}

#page_solutions .p-works {
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-works {
    margin-top: 140px;
    margin-bottom: 115px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-works {
    margin-top: 170px;
    margin-bottom: 140px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-works .p-title {
    margin-bottom: 65px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-works .p-title {
    padding-bottom: 30px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-works .p-title .c-ttl01 {
    margin-bottom: 28px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-works .p-works-slider {
    margin-bottom: 45px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-works .p-works-slider {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-works .p-works-slider .js-mask {
    width: 100%;
  }
}

#page_solutions .p-works .p-works-slider .js-mask-inner {
  animation-delay: .7s;
}

#page_solutions .p-works .p-works-slider .js-mask-inner::after {
  animation-delay: .7s;
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-works .p-works-slider .js-mask-inner {
    height: 264px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-works .p-works-slider .js-mask-inner {
    height: 272px;
  }
}

#page_solutions .p-works .p-works-slider .js-mask-inner img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

#page_solutions .p-works .p-works-btn {
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-works .p-works-btn {
    text-align: center;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-works .p-works-btn {
    margin: 0 auto;
    max-width: 1116px;
    padding: 0 15px;
    text-align: right;
  }
}

#page_solutions .p-works .p-works-btn .c-btn01 {
  display: inline-block;
  opacity: 0;
  text-align: left;
  transition: opacity .3s ease-in-out;
  transition-delay: 1.2s;
}

#page_solutions .p-works.js-on::before, #page_solutions .p-works.js-on::after {
  transform: scale(1);
}

#page_solutions .p-works.js-on .p-title .p-title-text {
  opacity: 1;
}

#page_solutions .p-works.js-on .p-works-btn::before {
  transform: scale(1, 1);
}

#page_solutions .p-works.js-on .p-works-btn .c-btn01 {
  opacity: 1;
}

@media only screen and (max-width: 1023px) {
  #page_solutions .l-footer {
    margin-top: 120px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .l-footer {
    margin-top: 210px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_solutions .p-contact-btn {
    margin-bottom: 60px;
    padding: 0 25px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_solutions .p-contact-btn {
    margin: 0 auto;
    margin-bottom: 60px;
    max-width: 1116px;
    padding: 0 15px;
  }
}

#page_contact .l-title-main::after {
  background: #1f4039;
}

#page_contact .l-title-main h1, #page_contact .l-title-main p {
  color: #fff;
}

@media only screen and (max-width: 1023px) {
  #page_contact .l-catch {
    margin-bottom: 50px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact .l-catch {
    margin-bottom: 54px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact .p-contact {
    font-size: 18px;
    margin: 66px auto;
    width: 900px;
  }
}

#page_contact .p-indicator {
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 1023px) {
  #page_contact .p-indicator {
    margin-bottom: 30px;
    padding: 0 36px 0 25px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact .p-indicator {
    margin-bottom: 40px;
    padding-right: 20px;
  }
}

#page_contact .p-indicator li {
  border-top: 1px solid #4c4948;
  border-left: 1px solid #4c4948;
  border-bottom: 1px solid #4c4948;
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_contact .p-indicator li {
    width: 39.73333vw;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact .p-indicator li {
    width: 415px;
  }
}

#page_contact .p-indicator li::before, #page_contact .p-indicator li::after {
  background: #4c4948;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  transform-origin: 0 0;
}

@media only screen and (max-width: 1023px) {
  #page_contact .p-indicator li::before, #page_contact .p-indicator li::after {
    right: -23px;
    width: 23px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact .p-indicator li::before, #page_contact .p-indicator li::after {
    right: -35px;
    width: 35px;
  }
}

#page_contact .p-indicator li::before {
  top: -1px;
  transform: rotate(57deg);
}

#page_contact .p-indicator li::after {
  bottom: -1px;
  transform: rotate(-57deg);
}

#page_contact .p-indicator li span {
  display: block;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  #page_contact .p-indicator li span {
    border-left: 30px solid #efefef;
    padding: 10px 0;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact .p-indicator li span {
    border-left: 59px solid #efefef;
    padding: 13px 0;
  }
}

#page_contact .p-indicator li.is-active span {
  border-color: #1f4039;
}

@media only screen and (max-width: 1023px) {
  #page_contact .p-form {
    padding: 0 25px;
  }
}

#page_contact .p-form .p-form-require {
  color: #e60012;
  text-align: right;
}

@media print, screen and (min-width: 1024px) {
  #page_contact .p-form .p-form-require {
    font-size: 18px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact .p-form .p-form-item {
    display: flex;
  }
}

@media only screen and (max-width: 1023px) {
  #page_contact .p-form .p-form-item:not(:first-child) {
    margin-top: 20px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact .p-form .p-form-item:not(:first-child) {
    margin-top: 27px;
  }
}

#page_contact .p-form .p-form-item label {
  flex-shrink: 0;
}

@media only screen and (max-width: 1023px) {
  #page_contact .p-form .p-form-item label {
    font-size: 14px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact .p-form .p-form-item label {
    font-size: 18px;
    line-height: 43px;
    width: 420px;
  }
}

#page_contact .p-form .p-form-item label span {
  color: #e60012;
}

@media print, screen and (min-width: 1024px) {
  #page_contact .p-form .p-form-item div, #page_contact .p-form .p-form-item p {
    flex-shrink: 0;
    width: 480px;
  }
}

#page_contact .p-form .p-form-item input, #page_contact .p-form .p-form-item textarea {
  font-size: 14px;
  background: #efefef;
  width: 100%;
}

@media only screen and (max-width: 1023px) {
  #page_contact .p-form .p-form-item input, #page_contact .p-form .p-form-item textarea {
    padding: 0 12px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact .p-form .p-form-item input, #page_contact .p-form .p-form-item textarea {
    padding: 0 18px;
  }
}

#page_contact .p-form .p-form-item input::placeholder, #page_contact .p-form .p-form-item textarea::placeholder {
  color: #898989;
}

@media only screen and (max-width: 1023px) {
  #page_contact .p-form .p-form-item input {
    height: 36px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact .p-form .p-form-item input {
    height: 43px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_contact .p-form .p-form-item textarea {
    height: 150px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact .p-form .p-form-item textarea {
    height: 188px;
  }
}

#page_contact .p-form .p-form-consent {
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  #page_contact .p-form .p-form-consent {
    font-size: 14px;
    margin-top: 30px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact .p-form .p-form-consent {
    font-size: 18px;
    margin-top: 40px;
  }
}

#page_contact .p-form .p-form-buttons {
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_contact .p-form .p-form-buttons {
    margin-top: 60px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact .p-form .p-form-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 72px;
  }
}

#page_contact .p-form .p-form-buttons .wpcf7-spinner {
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

#page_contact .p-form .p-form-buttons .p-form-submit {
  position: relative;
}

#page_contact .p-form .p-form-buttons .p-form-submit > input {
  font-size: 18px;
  background: transparent;
  border: 1px solid #ccc;
  display: block;
  letter-spacing: .1em;
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 1023px) {
  #page_contact .p-form .p-form-buttons .p-form-submit > input {
    border: 1px solid #ccc;
    margin-top: 10px;
    padding: 16px 0;
    width: 100%;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact .p-form .p-form-buttons .p-form-submit > input {
    padding: 33px 0;
    width: 430px;
  }
}

#page_contact .p-form .p-form-buttons .p-form-submit::before {
  background: #fcc6ba;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0, 1);
  transform-origin: 100% 100%;
  transition: transform 0.3s cubic-bezier(0.78, 0.07, 0, 1);
  width: 100%;
}

@media print, screen and (min-width: 1024px) {
  #page_contact .p-form .p-form-buttons .p-form-submit:hover {
    color: #fff;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact .p-form .p-form-buttons .p-form-submit:hover::before {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact .p-form .p-form-buttons .p-form-submit:hover .c-btn01-bar {
    background: #fff;
  }
}

#page_contact .p-form .p-form-buttons .p-form-submit .c-btn01-bar {
  background: #fcc6ba;
  height: 1px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 50%;
  width: 58px;
}

#page_contact .p-form .p-form-buttons .p-form-submit .c-btn01-bar span {
  animation: line_h 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  background: #000;
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 200%;
}

@media only screen and (max-width: 1023px) {
  #page_contact .p-form-offer {
    margin-top: 60px;
    padding: 0 25px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact .p-form-offer {
    margin-top: 85px;
  }
}

#page_contact .p-form-offer li {
  font-size: 12px;
  line-height: 1.75;
}

@media print, screen and (min-width: 1024px) {
  #page_contact .p-form-offer li {
    letter-spacing: .33em;
  }
}

#page_contact .p-form-offer li:not(:first-child) {
  margin-top: 1.75em;
}

#page_contact .wpcf7 .ajax-loader {
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media print, screen and (min-width: 1024px) {
  #page_contact .p-thanks {
    padding-top: 70px;
  }
}

#page_contact .p-thanks h2 {
  color: #fcc6ba;
  font-weight: 400;
  letter-spacing: .2em;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  #page_contact .p-thanks h2 {
    font-size: 32px;
    margin-bottom: 27px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact .p-thanks h2 {
    font-size: 54px;
    margin-bottom: 34px;
  }
}

#page_contact .p-thanks p {
  line-height: 2.1;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  #page_contact .p-thanks p {
    font-size: 14px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact .p-thanks p {
    font-size: 18px;
  }
}

#page_contact .p-thanks p:not(:first-of-type) {
  margin-top: 2.1em;
}

#page_contact .p-thanks .p-thanks-btn {
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  #page_contact .p-thanks .p-thanks-btn {
    margin-top: 80px;
    padding: 0 25px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact .p-thanks .p-thanks-btn {
    margin-top: 130px;
  }
}

#page_contact .p-thanks .p-thanks-btn a {
  font-size: 18px;
}

@media only screen and (max-width: 1023px) {
  #page_contact .p-thanks .p-thanks-btn a {
    width: 100%;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact .p-thanks .p-thanks-btn a {
    display: inline-block;
    width: 330px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_contact .l-footer {
    margin-top: 120px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact .l-footer {
    margin-top: 210px;
  }
}

#page_contact .l-pageTop {
  display: none !important;
}

#page_contact_reqruit .l-title-main::after {
  background: #1f4039;
}

#page_contact_reqruit .l-title-main h1, #page_contact_reqruit .l-title-main p {
  color: #fff;
}

@media only screen and (max-width: 1023px) {
  #page_contact_reqruit .l-catch {
    margin-bottom: 50px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_reqruit .l-catch {
    margin-bottom: 54px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_reqruit .p-contact {
    font-size: 18px;
    margin: 66px auto;
    width: 900px;
  }
}

#page_contact_reqruit .p-indicator {
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 1023px) {
  #page_contact_reqruit .p-indicator {
    margin-bottom: 30px;
    padding: 0 36px 0 25px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_reqruit .p-indicator {
    margin-bottom: 40px;
    padding-right: 20px;
  }
}

#page_contact_reqruit .p-indicator li {
  border-top: 1px solid #4c4948;
  border-left: 1px solid #4c4948;
  border-bottom: 1px solid #4c4948;
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_contact_reqruit .p-indicator li {
    width: 39.73333vw;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_reqruit .p-indicator li {
    width: 415px;
  }
}

#page_contact_reqruit .p-indicator li::before, #page_contact_reqruit .p-indicator li::after {
  background: #4c4948;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  transform-origin: 0 0;
}

@media only screen and (max-width: 1023px) {
  #page_contact_reqruit .p-indicator li::before, #page_contact_reqruit .p-indicator li::after {
    right: -23px;
    width: 23px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_reqruit .p-indicator li::before, #page_contact_reqruit .p-indicator li::after {
    right: -35px;
    width: 35px;
  }
}

#page_contact_reqruit .p-indicator li::before {
  top: -1px;
  transform: rotate(57deg);
}

#page_contact_reqruit .p-indicator li::after {
  bottom: -1px;
  transform: rotate(-57deg);
}

#page_contact_reqruit .p-indicator li span {
  display: block;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  #page_contact_reqruit .p-indicator li span {
    border-left: 30px solid #efefef;
    padding: 10px 0;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_reqruit .p-indicator li span {
    border-left: 59px solid #efefef;
    padding: 13px 0;
  }
}

#page_contact_reqruit .p-indicator li.is-active span {
  border-color: #1f4039;
}

@media only screen and (max-width: 1023px) {
  #page_contact_reqruit .p-form {
    padding: 0 25px;
  }
}

#page_contact_reqruit .p-form .p-form-fc-red {
  color: #e60012;
}

#page_contact_reqruit .p-form .p-form-require {
  color: #e60012;
  text-align: right;
}

@media print, screen and (min-width: 1024px) {
  #page_contact_reqruit .p-form .p-form-require {
    font-size: 18px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_reqruit .p-form .p-form-item {
    display: flex;
  }
}

@media only screen and (max-width: 1023px) {
  #page_contact_reqruit .p-form .p-form-item:not(:first-child) {
    margin-top: 20px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_reqruit .p-form .p-form-item:not(:first-child) {
    margin-top: 27px;
  }
}

#page_contact_reqruit .p-form .p-form-item label {
  flex-shrink: 0;
}

@media only screen and (max-width: 1023px) {
  #page_contact_reqruit .p-form .p-form-item label {
    font-size: 14px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_reqruit .p-form .p-form-item label {
    font-size: 18px;
    line-height: 43px;
    width: 420px;
  }
}

#page_contact_reqruit .p-form .p-form-item label span {
  color: #e60012;
}

@media print, screen and (min-width: 1024px) {
  #page_contact_reqruit .p-form .p-form-item div, #page_contact_reqruit .p-form .p-form-item p {
    flex-shrink: 0;
    width: 480px;
  }
}

#page_contact_reqruit .p-form .p-form-item input, #page_contact_reqruit .p-form .p-form-item textarea {
  font-size: 14px;
  background: #efefef;
  width: 100%;
}

@media only screen and (max-width: 1023px) {
  #page_contact_reqruit .p-form .p-form-item input, #page_contact_reqruit .p-form .p-form-item textarea {
    padding: 0 12px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_reqruit .p-form .p-form-item input, #page_contact_reqruit .p-form .p-form-item textarea {
    padding: 0 18px;
  }
}

#page_contact_reqruit .p-form .p-form-item input::placeholder, #page_contact_reqruit .p-form .p-form-item textarea::placeholder {
  color: #898989;
}

@media only screen and (max-width: 1023px) {
  #page_contact_reqruit .p-form .p-form-item input {
    height: 36px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_reqruit .p-form .p-form-item input {
    height: 43px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_contact_reqruit .p-form .p-form-item textarea {
    height: 150px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_reqruit .p-form .p-form-item textarea {
    height: 188px;
  }
}

#page_contact_reqruit .p-form .p-form-consent {
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  #page_contact_reqruit .p-form .p-form-consent {
    font-size: 14px;
    margin-top: 30px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_reqruit .p-form .p-form-consent {
    font-size: 18px;
    margin-top: 40px;
  }
}

#page_contact_reqruit .p-form .p-form-buttons {
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_contact_reqruit .p-form .p-form-buttons {
    margin-top: 60px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_reqruit .p-form .p-form-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 72px;
  }
}

#page_contact_reqruit .p-form .p-form-buttons .wpcf7-spinner {
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

#page_contact_reqruit .p-form .p-form-buttons .p-form-submit {
  position: relative;
}

#page_contact_reqruit .p-form .p-form-buttons .p-form-submit > input {
  font-size: 18px;
  background: transparent;
  border: 1px solid #ccc;
  display: block;
  letter-spacing: .1em;
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 1023px) {
  #page_contact_reqruit .p-form .p-form-buttons .p-form-submit > input {
    border: 1px solid #ccc;
    margin-top: 10px;
    padding: 16px 0;
    width: 100%;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_reqruit .p-form .p-form-buttons .p-form-submit > input {
    padding: 33px 0;
    width: 430px;
  }
}

#page_contact_reqruit .p-form .p-form-buttons .p-form-submit::before {
  background: #fcc6ba;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0, 1);
  transform-origin: 100% 100%;
  transition: transform 0.3s cubic-bezier(0.78, 0.07, 0, 1);
  width: 100%;
}

@media print, screen and (min-width: 1024px) {
  #page_contact_reqruit .p-form .p-form-buttons .p-form-submit:hover {
    color: #fff;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_reqruit .p-form .p-form-buttons .p-form-submit:hover::before {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_reqruit .p-form .p-form-buttons .p-form-submit:hover .c-btn01-bar {
    background: #fff;
  }
}

#page_contact_reqruit .p-form .p-form-buttons .p-form-submit .c-btn01-bar {
  background: #fcc6ba;
  height: 1px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 50%;
  width: 58px;
}

#page_contact_reqruit .p-form .p-form-buttons .p-form-submit .c-btn01-bar span {
  animation: line_h 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  background: #000;
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 200%;
}

@media only screen and (max-width: 1023px) {
  #page_contact_reqruit .p-form-offer {
    margin-top: 60px;
    padding: 0 25px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_reqruit .p-form-offer {
    margin-top: 85px;
  }
}

#page_contact_reqruit .p-form-offer li {
  font-size: 12px;
  line-height: 1.75;
}

@media print, screen and (min-width: 1024px) {
  #page_contact_reqruit .p-form-offer li {
    letter-spacing: .33em;
  }
}

#page_contact_reqruit .p-form-offer li:not(:first-child) {
  margin-top: 1.75em;
}

#page_contact_reqruit .wpcf7 .ajax-loader {
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media print, screen and (min-width: 1024px) {
  #page_contact_reqruit .p-thanks {
    padding-top: 70px;
  }
}

#page_contact_reqruit .p-thanks h2 {
  color: #fcc6ba;
  font-weight: 400;
  letter-spacing: .2em;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  #page_contact_reqruit .p-thanks h2 {
    font-size: 32px;
    margin-bottom: 27px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_reqruit .p-thanks h2 {
    font-size: 54px;
    margin-bottom: 34px;
  }
}

#page_contact_reqruit .p-thanks p {
  line-height: 2.1;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  #page_contact_reqruit .p-thanks p {
    font-size: 14px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_reqruit .p-thanks p {
    font-size: 18px;
  }
}

#page_contact_reqruit .p-thanks p:not(:first-of-type) {
  margin-top: 2.1em;
}

#page_contact_reqruit .p-thanks .p-thanks-btn {
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  #page_contact_reqruit .p-thanks .p-thanks-btn {
    margin-top: 80px;
    padding: 0 25px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_reqruit .p-thanks .p-thanks-btn {
    margin-top: 130px;
  }
}

#page_contact_reqruit .p-thanks .p-thanks-btn a {
  font-size: 18px;
}

@media only screen and (max-width: 1023px) {
  #page_contact_reqruit .p-thanks .p-thanks-btn a {
    width: 100%;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_reqruit .p-thanks .p-thanks-btn a {
    display: inline-block;
    width: 330px;
  }
}

#page_contact_reqruit .wpcf7-select {
  font-size: 14px;
  width: 480px;
  padding: 0 18px;
  height: 43px;
  background-color: #efefef;
}

@media only screen and (max-width: 1023px) {
  #page_contact_reqruit .wpcf7-select {
    width: 100%;
  }
}

#page_contact_reqruit .wpcf7-checkbox {
  display: flex;
  flex-direction: column;
}

#page_contact_reqruit .wpcf7-checkbox .wpcf7-list-item {
  height: 30px;
}

@media only screen and (max-width: 1023px) {
  #page_contact_reqruit .wpcf7-checkbox .wpcf7-list-item {
    height: auto;
  }
}

#page_contact_reqruit .wpcf7-checkbox .wpcf7-list-item label {
  display: flex;
  align-items: center;
  width: 480px;
}

@media only screen and (max-width: 1023px) {
  #page_contact_reqruit .wpcf7-checkbox .wpcf7-list-item label {
    width: 100%;
  }
}

#page_contact_reqruit .wpcf7-checkbox .wpcf7-list-item label input {
  width: 18px;
  margin-right: 20px;
}

@media only screen and (max-width: 1023px) {
  #page_contact_reqruit .wpcf7-checkbox .wpcf7-list-item label input {
    flex-shrink: 0;
  }
}

#page_contact_reqruit .wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label {
  font-size: 18px;
  color: #4c4948;
}

@media only screen and (max-width: 1023px) {
  #page_contact_reqruit .l-footer {
    margin-top: 120px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_reqruit .l-footer {
    margin-top: 210px;
  }
}

#page_contact_reqruit .l-pageTop {
  display: none !important;
}

#page_contact_digital .l-title-main::after {
  background: #1f4039;
}

#page_contact_digital .l-title-main h1, #page_contact_digital .l-title-main p {
  color: #fff;
}

@media only screen and (max-width: 1023px) {
  #page_contact_digital .l-catch {
    margin-bottom: 51px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_digital .l-catch {
    margin-bottom: 54px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_digital .p-contact {
    font-size: 18px;
    margin: 66px auto;
    width: 900px;
  }
}

#page_contact_digital .p-indicator {
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 1023px) {
  #page_contact_digital .p-indicator {
    margin-bottom: 30px;
    padding: 0 36px 0 25px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_digital .p-indicator {
    margin-bottom: 40px;
    padding-right: 20px;
  }
}

#page_contact_digital .p-indicator li {
  border-top: 1px solid #4c4948;
  border-left: 1px solid #4c4948;
  border-bottom: 1px solid #4c4948;
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_contact_digital .p-indicator li {
    width: 39.73333vw;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_digital .p-indicator li {
    width: 415px;
  }
}

#page_contact_digital .p-indicator li::before, #page_contact_digital .p-indicator li::after {
  background: #4c4948;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  transform-origin: 0 0;
}

@media only screen and (max-width: 1023px) {
  #page_contact_digital .p-indicator li::before, #page_contact_digital .p-indicator li::after {
    right: -23px;
    width: 23px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_digital .p-indicator li::before, #page_contact_digital .p-indicator li::after {
    right: -35px;
    width: 35px;
  }
}

#page_contact_digital .p-indicator li::before {
  top: -1px;
  transform: rotate(57deg);
}

#page_contact_digital .p-indicator li::after {
  bottom: -1px;
  transform: rotate(-57deg);
}

#page_contact_digital .p-indicator li span {
  display: block;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  #page_contact_digital .p-indicator li span {
    border-left: 30px solid #efefef;
    padding: 10px 0;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_digital .p-indicator li span {
    border-left: 59px solid #efefef;
    padding: 13px 0;
  }
}

#page_contact_digital .p-indicator li.is-active span {
  border-color: #1f4039;
}

@media only screen and (max-width: 1023px) {
  #page_contact_digital .p-form {
    padding: 0 25px;
  }
}

#page_contact_digital .p-form .p-form-fc-red {
  color: #e60012;
}

#page_contact_digital .p-form .p-form-require {
  color: #e60012;
  text-align: right;
}

@media print, screen and (min-width: 1024px) {
  #page_contact_digital .p-form .p-form-require {
    font-size: 18px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_digital .p-form .p-form-item {
    display: flex;
  }
}

@media only screen and (max-width: 1023px) {
  #page_contact_digital .p-form .p-form-item:not(:first-child) {
    margin-top: 20px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_digital .p-form .p-form-item:not(:first-child) {
    margin-top: 27px;
  }
}

#page_contact_digital .p-form .p-form-item label {
  flex-shrink: 0;
}

@media only screen and (max-width: 1023px) {
  #page_contact_digital .p-form .p-form-item label {
    font-size: 14px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_digital .p-form .p-form-item label {
    font-size: 18px;
    line-height: 43px;
    width: 420px;
  }
}

#page_contact_digital .p-form .p-form-item label span {
  color: #e60012;
}

@media print, screen and (min-width: 1024px) {
  #page_contact_digital .p-form .p-form-item div, #page_contact_digital .p-form .p-form-item p {
    flex-shrink: 0;
    width: 480px;
  }
}

#page_contact_digital .p-form .p-form-item input, #page_contact_digital .p-form .p-form-item textarea {
  font-size: 14px;
  background: #efefef;
  width: 100%;
}

@media only screen and (max-width: 1023px) {
  #page_contact_digital .p-form .p-form-item input, #page_contact_digital .p-form .p-form-item textarea {
    padding: 0 12px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_digital .p-form .p-form-item input, #page_contact_digital .p-form .p-form-item textarea {
    padding: 0 18px;
  }
}

#page_contact_digital .p-form .p-form-item input::placeholder, #page_contact_digital .p-form .p-form-item textarea::placeholder {
  color: #898989;
}

@media only screen and (max-width: 1023px) {
  #page_contact_digital .p-form .p-form-item input {
    height: 36px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_digital .p-form .p-form-item input {
    height: 43px;
  }
}

@media only screen and (max-width: 1023px) {
  #page_contact_digital .p-form .p-form-item textarea {
    height: 150px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_digital .p-form .p-form-item textarea {
    height: 188px;
  }
}

#page_contact_digital .p-form .p-form-consent {
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  #page_contact_digital .p-form .p-form-consent {
    font-size: 14px;
    margin-top: 30px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_digital .p-form .p-form-consent {
    font-size: 18px;
    margin-top: 40px;
  }
}

#page_contact_digital .p-form .p-form-buttons {
  position: relative;
}

@media only screen and (max-width: 1023px) {
  #page_contact_digital .p-form .p-form-buttons {
    margin-top: 60px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_digital .p-form .p-form-buttons {
    display: flex;
    justify-content: space-between;
    margin-top: 72px;
  }
}

#page_contact_digital .p-form .p-form-buttons .wpcf7-spinner {
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

#page_contact_digital .p-form .p-form-buttons .p-form-submit {
  position: relative;
}

#page_contact_digital .p-form .p-form-buttons .p-form-submit > input {
  font-size: 18px;
  background: transparent;
  border: 1px solid #ccc;
  display: block;
  letter-spacing: .1em;
  position: relative;
  z-index: 2;
}

@media only screen and (max-width: 1023px) {
  #page_contact_digital .p-form .p-form-buttons .p-form-submit > input {
    border: 1px solid #ccc;
    margin-top: 10px;
    padding: 16px 0;
    width: 100%;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_digital .p-form .p-form-buttons .p-form-submit > input {
    padding: 33px 0;
    width: 430px;
  }
}

#page_contact_digital .p-form .p-form-buttons .p-form-submit::before {
  background: #fcc6ba;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transform: scale(0, 1);
  transform-origin: 100% 100%;
  transition: transform 0.3s cubic-bezier(0.78, 0.07, 0, 1);
  width: 100%;
}

@media print, screen and (min-width: 1024px) {
  #page_contact_digital .p-form .p-form-buttons .p-form-submit:hover {
    color: #fff;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_digital .p-form .p-form-buttons .p-form-submit:hover::before {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_digital .p-form .p-form-buttons .p-form-submit:hover .c-btn01-bar {
    background: #fff;
  }
}

#page_contact_digital .p-form .p-form-buttons .p-form-submit .c-btn01-bar {
  background: #fcc6ba;
  height: 1px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 50%;
  width: 58px;
}

#page_contact_digital .p-form .p-form-buttons .p-form-submit .c-btn01-bar span {
  animation: line_h 3s cubic-bezier(0.77, 0, 0.175, 1) infinite;
  background: #000;
  display: block;
  height: 1px;
  left: 0;
  position: absolute;
  top: 0;
  width: 200%;
}

@media only screen and (max-width: 1023px) {
  #page_contact_digital .p-form-offer {
    margin-top: 60px;
    padding: 0 25px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_digital .p-form-offer {
    margin-top: 85px;
  }
}

#page_contact_digital .p-form-offer li {
  font-size: 12px;
  line-height: 1.75;
}

@media print, screen and (min-width: 1024px) {
  #page_contact_digital .p-form-offer li {
    letter-spacing: .33em;
  }
}

#page_contact_digital .p-form-offer li:not(:first-child) {
  margin-top: 1.75em;
}

#page_contact_digital .wpcf7 .ajax-loader {
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media print, screen and (min-width: 1024px) {
  #page_contact_digital .p-thanks {
    padding-top: 70px;
  }
}

#page_contact_digital .p-thanks h2 {
  color: #fcc6ba;
  font-weight: 400;
  letter-spacing: .2em;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  #page_contact_digital .p-thanks h2 {
    font-size: 32px;
    margin-bottom: 27px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_digital .p-thanks h2 {
    font-size: 54px;
    margin-bottom: 34px;
  }
}

#page_contact_digital .p-thanks p {
  line-height: 2.1;
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  #page_contact_digital .p-thanks p {
    font-size: 14px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_digital .p-thanks p {
    font-size: 18px;
  }
}

#page_contact_digital .p-thanks p:not(:first-of-type) {
  margin-top: 2.1em;
}

#page_contact_digital .p-thanks .p-thanks-btn {
  text-align: center;
}

@media only screen and (max-width: 1023px) {
  #page_contact_digital .p-thanks .p-thanks-btn {
    margin-top: 80px;
    padding: 0 25px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_digital .p-thanks .p-thanks-btn {
    margin-top: 130px;
  }
}

#page_contact_digital .p-thanks .p-thanks-btn a {
  font-size: 18px;
}

@media only screen and (max-width: 1023px) {
  #page_contact_digital .p-thanks .p-thanks-btn a {
    width: 100%;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_digital .p-thanks .p-thanks-btn a {
    display: inline-block;
    width: 330px;
  }
}

#page_contact_digital .wpcf7-select {
  font-size: 14px;
  width: 480px;
  padding: 0 18px;
  height: 43px;
  background-color: #efefef;
}

@media only screen and (max-width: 1023px) {
  #page_contact_digital .wpcf7-select {
    width: 100%;
  }
}

#page_contact_digital .wpcf7-checkbox {
  display: flex;
  flex-direction: column;
}

#page_contact_digital .wpcf7-checkbox .wpcf7-list-item {
  height: 30px;
}

@media only screen and (max-width: 1023px) {
  #page_contact_digital .wpcf7-checkbox .wpcf7-list-item {
    height: auto;
  }
}

#page_contact_digital .wpcf7-checkbox .wpcf7-list-item label {
  display: flex;
  align-items: center;
  width: 480px;
}

@media only screen and (max-width: 1023px) {
  #page_contact_digital .wpcf7-checkbox .wpcf7-list-item label {
    width: 100%;
  }
}

#page_contact_digital .wpcf7-checkbox .wpcf7-list-item label input {
  width: 18px;
  margin-right: 20px;
}

@media only screen and (max-width: 1023px) {
  #page_contact_digital .wpcf7-checkbox .wpcf7-list-item label input {
    flex-shrink: 0;
  }
}

#page_contact_digital .wpcf7-checkbox .wpcf7-list-item label .wpcf7-list-item-label {
  font-size: 18px;
  color: #4c4948;
}

@media only screen and (max-width: 1023px) {
  #page_contact_digital .l-footer {
    margin-top: 120px;
  }
}

@media print, screen and (min-width: 1024px) {
  #page_contact_digital .l-footer {
    margin-top: 210px;
  }
}

#page_contact_digital .l-pageTop {
  display: none !important;
}

#page_careers .sec-movie {
  letter-spacing: 0.16em;
  padding: 100px 0;
}

@media only screen and (max-width: 1023px) {
  #page_careers .sec-movie .movie-inner {
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 50px);
  }
}

#page_careers .sec-movie .movie-ttl {
  font-size: 20px;
  text-align: center;
  margin-bottom: 1em;
}

@media only screen and (max-width: 1023px) {
  #page_careers .sec-movie .movie-ttl {
    font-size: 18px;
  }
}

#page_careers .sec-movie .movie-wrap {
  position: relative;
  width: 800px;
  height: 450px;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (max-width: 1023px) {
  #page_careers .sec-movie .movie-wrap {
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
  }
}

#page_careers .sec-movie .movie-wrap .movie-cover {
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  cursor: pointer;
  transition: 0.3s opacity;
}

#page_careers .sec-movie .movie-wrap .movie-cover:hover {
  opacity: 0.8;
}

#page_careers .sec-movie .movie-wrap .movie-cover.hide {
  opacity: 0;
  pointer-events: none;
}

#page_careers .sec-movie .movie-wrap .movie-cover:before {
  position: absolute;
  left: calc(50% - 67px);
  top: calc(50% - 67px);
  display: block;
  content: '';
  background: url("../img/career/icon-play.png") 0 0 no-repeat;
  background-size: 100% auto;
  width: 134px;
  height: 134px;
}

@media only screen and (max-width: 1023px) {
  #page_careers .sec-movie .movie-wrap .movie-cover:before {
    left: calc(50% - 35px);
    top: calc(50% - 35px);
    width: 71px;
    height: 71px;
  }
}

#page_careers .sec-movie .movie-wrap video {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#page_careers .sec-movie .movie-lead {
  margin-top: 1.5em;
  text-align: center;
  font-size: 14px;
  line-height: calc(28/14);
}

/* fonts */
.u-mon {
  font-family: 'Montserrat', sans-serif;
}

.u-min {
  font-family: 'Sawarabi Mincho', serif;
}

/* display */
@media only screen and (max-width: 1023px) {
  .u-pc {
    display: none !important;
  }
}

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

/* text-align */
.u-tal {
  text-align: left !important;
}

.u-tar {
  text-align: right !important;
}

.u-tac {
  text-align: center !important;
}

@media only screen and (max-width: 1023px) {
  .u-sp-tal {
    text-align: left !important;
  }
  .u-sp-tar {
    text-align: right !important;
  }
  .u-sp-tac {
    text-align: center !important;
  }
}

@media print, screen and (min-width: 1024px) {
  .u-pc-tal {
    text-align: left !important;
  }
  .u-pc-tar {
    text-align: right !important;
  }
  .u-pc-tac {
    text-align: center !important;
  }
}

/* font-weight */
.u-fw-b {
  font-weight: bold;
}

@media only screen and (max-width: 1023px) {
  .u-sp-fw-b {
    font-weight: bold;
  }
}

@media print, screen and (min-width: 1024px) {
  .u-pc-fw-b {
    font-weight: bold;
  }
}

.u-fw-n {
  font-weight: normal;
}

@media only screen and (max-width: 1023px) {
  .u-sp-fw-n {
    font-weight: normal;
  }
}

@media print, screen and (min-width: 1024px) {
  .u-pc-fw-n {
    font-weight: normal;
  }
}

/* float */
.u-fl {
  float: left !important;
}

.u-fr {
  float: right !important;
}

@media only screen and (max-width: 1023px) {
  .u-sp-fl {
    float: left !important;
  }
  .u-sp-fr {
    float: right !important;
  }
}

@media print, screen and (min-width: 1024px) {
  .u-pc-fl {
    float: left !important;
  }
  .u-pc-fr {
    float: right !important;
  }
}

/* object-fit */
.u-img-cover {
  -webkit-object-fit: cover;
  -ms-object-fit: cover;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}

@media only screen and (max-width: 1023px) {
  .u-sp-img-cover {
    -webkit-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
}

@media print, screen and (min-width: 1024px) {
  .u-pc-img-cover {
    -webkit-object-fit: cover;
    -ms-object-fit: cover;
    object-fit: cover;
    font-family: 'object-fit: cover;';
  }
}

.u-img-contain {
  -webkit-object-fit: contain;
  -ms-object-fit: contain;
  object-fit: contain;
  font-family: 'object-fit: contain;';
  background: #eee;
}

@media only screen and (max-width: 1023px) {
  .u-sp-img-contain {
    -webkit-object-fit: contain;
    -ms-object-fit: contain;
    object-fit: contain;
    font-family: 'object-fit: contain;';
    background: #eee;
  }
}

@media print, screen and (min-width: 1024px) {
  .u-pc-img-contain {
    -webkit-object-fit: contain;
    -ms-object-fit: contain;
    object-fit: contain;
    font-family: 'object-fit: contain;';
    background: #eee;
  }
}

/* clear, clearfix */
.u-cf {
  zoom: 100%;
}

.u-cf:after {
  content: ".";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

.u-cl {
  clear: both;
}

/* margin & padding */
.u-mt100 {
  margin-top: 100px !important;
}

.u-mr100 {
  margin-right: 100px !important;
}

.u-mb100 {
  margin-bottom: 100px !important;
}

.u-ml100 {
  margin-left: 100px !important;
}

.u-mt95 {
  margin-top: 95px !important;
}

.u-mr95 {
  margin-right: 95px !important;
}

.u-mb95 {
  margin-bottom: 95px !important;
}

.u-ml95 {
  margin-left: 95px !important;
}

.u-mt90 {
  margin-top: 90px !important;
}

.u-mr90 {
  margin-right: 90px !important;
}

.u-mb90 {
  margin-bottom: 90px !important;
}

.u-ml90 {
  margin-left: 90px !important;
}

.u-mt85 {
  margin-top: 85px !important;
}

.u-mr85 {
  margin-right: 85px !important;
}

.u-mb85 {
  margin-bottom: 85px !important;
}

.u-ml85 {
  margin-left: 85px !important;
}

.u-mt80 {
  margin-top: 80px !important;
}

.u-mr80 {
  margin-right: 80px !important;
}

.u-mb80 {
  margin-bottom: 80px !important;
}

.u-ml80 {
  margin-left: 80px !important;
}

.u-mt75 {
  margin-top: 75px !important;
}

.u-mr75 {
  margin-right: 75px !important;
}

.u-mb75 {
  margin-bottom: 75px !important;
}

.u-ml75 {
  margin-left: 75px !important;
}

.u-mt70 {
  margin-top: 70px !important;
}

.u-mr70 {
  margin-right: 70px !important;
}

.u-mb70 {
  margin-bottom: 70px !important;
}

.u-ml70 {
  margin-left: 70px !important;
}

.u-mt65 {
  margin-top: 65px !important;
}

.u-mr65 {
  margin-right: 65px !important;
}

.u-mb65 {
  margin-bottom: 65px !important;
}

.u-ml65 {
  margin-left: 65px !important;
}

.u-mt60 {
  margin-top: 60px !important;
}

.u-mr60 {
  margin-right: 60px !important;
}

.u-mb60 {
  margin-bottom: 60px !important;
}

.u-ml60 {
  margin-left: 60px !important;
}

.u-mt55 {
  margin-top: 55px !important;
}

.u-mr55 {
  margin-right: 55px !important;
}

.u-mb55 {
  margin-bottom: 55px !important;
}

.u-ml55 {
  margin-left: 55px !important;
}

.u-mt50 {
  margin-top: 50px !important;
}

.u-mr50 {
  margin-right: 50px !important;
}

.u-mb50 {
  margin-bottom: 50px !important;
}

.u-ml50 {
  margin-left: 50px !important;
}

.u-mt45 {
  margin-top: 45px !important;
}

.u-mr45 {
  margin-right: 45px !important;
}

.u-mb45 {
  margin-bottom: 45px !important;
}

.u-ml45 {
  margin-left: 45px !important;
}

.u-mt40 {
  margin-top: 40px !important;
}

.u-mr40 {
  margin-right: 40px !important;
}

.u-mb40 {
  margin-bottom: 40px !important;
}

.u-ml40 {
  margin-left: 40px !important;
}

.u-mt35 {
  margin-top: 35px !important;
}

.u-mr35 {
  margin-right: 35px !important;
}

.u-mb35 {
  margin-bottom: 35px !important;
}

.u-ml35 {
  margin-left: 35px !important;
}

.u-mt30 {
  margin-top: 30px !important;
}

.u-mr30 {
  margin-right: 30px !important;
}

.u-mb30 {
  margin-bottom: 30px !important;
}

.u-ml30 {
  margin-left: 30px !important;
}

.u-mt25 {
  margin-top: 25px !important;
}

.u-mr25 {
  margin-right: 25px !important;
}

.u-mb25 {
  margin-bottom: 25px !important;
}

.u-ml25 {
  margin-left: 25px !important;
}

.u-mt20 {
  margin-top: 20px !important;
}

.u-mr20 {
  margin-right: 20px !important;
}

.u-mb20 {
  margin-bottom: 20px !important;
}

.u-ml20 {
  margin-left: 20px !important;
}

.u-mt15 {
  margin-top: 15px !important;
}

.u-mr15 {
  margin-right: 15px !important;
}

.u-mb15 {
  margin-bottom: 15px !important;
}

.u-ml15 {
  margin-left: 15px !important;
}

.u-mt10 {
  margin-top: 10px !important;
}

.u-mr10 {
  margin-right: 10px !important;
}

.u-mb10 {
  margin-bottom: 10px !important;
}

.u-ml10 {
  margin-left: 10px !important;
}

.u-mt5 {
  margin-top: 5px !important;
}

.u-mr5 {
  margin-right: 5px !important;
}

.u-mb5 {
  margin-bottom: 5px !important;
}

.u-ml5 {
  margin-left: 5px !important;
}

.u-mt0 {
  margin-top: 0px !important;
}

.u-mr0 {
  margin-right: 0px !important;
}

.u-mb0 {
  margin-bottom: 0px !important;
}

.u-ml0 {
  margin-left: 0px !important;
}

.u-pt100 {
  padding-top: 100px !important;
}

.u-pr100 {
  padding-right: 100px !important;
}

.u-pb100 {
  padding-bottom: 100px !important;
}

.u-pl100 {
  padding-left: 100px !important;
}

.u-pt95 {
  padding-top: 95px !important;
}

.u-pr95 {
  padding-right: 95px !important;
}

.u-pb95 {
  padding-bottom: 95px !important;
}

.u-pl95 {
  padding-left: 95px !important;
}

.u-pt90 {
  padding-top: 90px !important;
}

.u-pr90 {
  padding-right: 90px !important;
}

.u-pb90 {
  padding-bottom: 90px !important;
}

.u-pl90 {
  padding-left: 90px !important;
}

.u-pt85 {
  padding-top: 85px !important;
}

.u-pr85 {
  padding-right: 85px !important;
}

.u-pb85 {
  padding-bottom: 85px !important;
}

.u-pl85 {
  padding-left: 85px !important;
}

.u-pt80 {
  padding-top: 80px !important;
}

.u-pr80 {
  padding-right: 80px !important;
}

.u-pb80 {
  padding-bottom: 80px !important;
}

.u-pl80 {
  padding-left: 80px !important;
}

.u-pt75 {
  padding-top: 75px !important;
}

.u-pr75 {
  padding-right: 75px !important;
}

.u-pb75 {
  padding-bottom: 75px !important;
}

.u-pl75 {
  padding-left: 75px !important;
}

.u-pt70 {
  padding-top: 70px !important;
}

.u-pr70 {
  padding-right: 70px !important;
}

.u-pb70 {
  padding-bottom: 70px !important;
}

.u-pl70 {
  padding-left: 70px !important;
}

.u-pt65 {
  padding-top: 65px !important;
}

.u-pr65 {
  padding-right: 65px !important;
}

.u-pb65 {
  padding-bottom: 65px !important;
}

.u-pl65 {
  padding-left: 65px !important;
}

.u-pt60 {
  padding-top: 60px !important;
}

.u-pr60 {
  padding-right: 60px !important;
}

.u-pb60 {
  padding-bottom: 60px !important;
}

.u-pl60 {
  padding-left: 60px !important;
}

.u-pt55 {
  padding-top: 55px !important;
}

.u-pr55 {
  padding-right: 55px !important;
}

.u-pb55 {
  padding-bottom: 55px !important;
}

.u-pl55 {
  padding-left: 55px !important;
}

.u-pt50 {
  padding-top: 50px !important;
}

.u-pr50 {
  padding-right: 50px !important;
}

.u-pb50 {
  padding-bottom: 50px !important;
}

.u-pl50 {
  padding-left: 50px !important;
}

.u-pt45 {
  padding-top: 45px !important;
}

.u-pr45 {
  padding-right: 45px !important;
}

.u-pb45 {
  padding-bottom: 45px !important;
}

.u-pl45 {
  padding-left: 45px !important;
}

.u-pt40 {
  padding-top: 40px !important;
}

.u-pr40 {
  padding-right: 40px !important;
}

.u-pb40 {
  padding-bottom: 40px !important;
}

.u-pl40 {
  padding-left: 40px !important;
}

.u-pt35 {
  padding-top: 35px !important;
}

.u-pr35 {
  padding-right: 35px !important;
}

.u-pb35 {
  padding-bottom: 35px !important;
}

.u-pl35 {
  padding-left: 35px !important;
}

.u-pt30 {
  padding-top: 30px !important;
}

.u-pr30 {
  padding-right: 30px !important;
}

.u-pb30 {
  padding-bottom: 30px !important;
}

.u-pl30 {
  padding-left: 30px !important;
}

.u-pt25 {
  padding-top: 25px !important;
}

.u-pr25 {
  padding-right: 25px !important;
}

.u-pb25 {
  padding-bottom: 25px !important;
}

.u-pl25 {
  padding-left: 25px !important;
}

.u-pt20 {
  padding-top: 20px !important;
}

.u-pr20 {
  padding-right: 20px !important;
}

.u-pb20 {
  padding-bottom: 20px !important;
}

.u-pl20 {
  padding-left: 20px !important;
}

.u-pt15 {
  padding-top: 15px !important;
}

.u-pr15 {
  padding-right: 15px !important;
}

.u-pb15 {
  padding-bottom: 15px !important;
}

.u-pl15 {
  padding-left: 15px !important;
}

.u-pt10 {
  padding-top: 10px !important;
}

.u-pr10 {
  padding-right: 10px !important;
}

.u-pb10 {
  padding-bottom: 10px !important;
}

.u-pl10 {
  padding-left: 10px !important;
}

.u-pt5 {
  padding-top: 5px !important;
}

.u-pr5 {
  padding-right: 5px !important;
}

.u-pb5 {
  padding-bottom: 5px !important;
}

.u-pl5 {
  padding-left: 5px !important;
}

.u-pt0 {
  padding-top: 0px !important;
}

.u-pr0 {
  padding-right: 0px !important;
}

.u-pb0 {
  padding-bottom: 0px !important;
}

.u-pl0 {
  padding-left: 0px !important;
}

@media only screen and (max-width: 1023px) {
  .u-sp-mt100 {
    margin-top: 100px !important;
  }
  .u-sp-mr100 {
    margin-right: 100px !important;
  }
  .u-sp-mb100 {
    margin-bottom: 100px !important;
  }
  .u-sp-ml100 {
    margin-left: 100px !important;
  }
  .u-sp-mt95 {
    margin-top: 95px !important;
  }
  .u-sp-mr95 {
    margin-right: 95px !important;
  }
  .u-sp-mb95 {
    margin-bottom: 95px !important;
  }
  .u-sp-ml95 {
    margin-left: 95px !important;
  }
  .u-sp-mt90 {
    margin-top: 90px !important;
  }
  .u-sp-mr90 {
    margin-right: 90px !important;
  }
  .u-sp-mb90 {
    margin-bottom: 90px !important;
  }
  .u-sp-ml90 {
    margin-left: 90px !important;
  }
  .u-sp-mt85 {
    margin-top: 85px !important;
  }
  .u-sp-mr85 {
    margin-right: 85px !important;
  }
  .u-sp-mb85 {
    margin-bottom: 85px !important;
  }
  .u-sp-ml85 {
    margin-left: 85px !important;
  }
  .u-sp-mt80 {
    margin-top: 80px !important;
  }
  .u-sp-mr80 {
    margin-right: 80px !important;
  }
  .u-sp-mb80 {
    margin-bottom: 80px !important;
  }
  .u-sp-ml80 {
    margin-left: 80px !important;
  }
  .u-sp-mt75 {
    margin-top: 75px !important;
  }
  .u-sp-mr75 {
    margin-right: 75px !important;
  }
  .u-sp-mb75 {
    margin-bottom: 75px !important;
  }
  .u-sp-ml75 {
    margin-left: 75px !important;
  }
  .u-sp-mt70 {
    margin-top: 70px !important;
  }
  .u-sp-mr70 {
    margin-right: 70px !important;
  }
  .u-sp-mb70 {
    margin-bottom: 70px !important;
  }
  .u-sp-ml70 {
    margin-left: 70px !important;
  }
  .u-sp-mt65 {
    margin-top: 65px !important;
  }
  .u-sp-mr65 {
    margin-right: 65px !important;
  }
  .u-sp-mb65 {
    margin-bottom: 65px !important;
  }
  .u-sp-ml65 {
    margin-left: 65px !important;
  }
  .u-sp-mt60 {
    margin-top: 60px !important;
  }
  .u-sp-mr60 {
    margin-right: 60px !important;
  }
  .u-sp-mb60 {
    margin-bottom: 60px !important;
  }
  .u-sp-ml60 {
    margin-left: 60px !important;
  }
  .u-sp-mt55 {
    margin-top: 55px !important;
  }
  .u-sp-mr55 {
    margin-right: 55px !important;
  }
  .u-sp-mb55 {
    margin-bottom: 55px !important;
  }
  .u-sp-ml55 {
    margin-left: 55px !important;
  }
  .u-sp-mt50 {
    margin-top: 50px !important;
  }
  .u-sp-mr50 {
    margin-right: 50px !important;
  }
  .u-sp-mb50 {
    margin-bottom: 50px !important;
  }
  .u-sp-ml50 {
    margin-left: 50px !important;
  }
  .u-sp-mt45 {
    margin-top: 45px !important;
  }
  .u-sp-mr45 {
    margin-right: 45px !important;
  }
  .u-sp-mb45 {
    margin-bottom: 45px !important;
  }
  .u-sp-ml45 {
    margin-left: 45px !important;
  }
  .u-sp-mt40 {
    margin-top: 40px !important;
  }
  .u-sp-mr40 {
    margin-right: 40px !important;
  }
  .u-sp-mb40 {
    margin-bottom: 40px !important;
  }
  .u-sp-ml40 {
    margin-left: 40px !important;
  }
  .u-sp-mt35 {
    margin-top: 35px !important;
  }
  .u-sp-mr35 {
    margin-right: 35px !important;
  }
  .u-sp-mb35 {
    margin-bottom: 35px !important;
  }
  .u-sp-ml35 {
    margin-left: 35px !important;
  }
  .u-sp-mt30 {
    margin-top: 30px !important;
  }
  .u-sp-mr30 {
    margin-right: 30px !important;
  }
  .u-sp-mb30 {
    margin-bottom: 30px !important;
  }
  .u-sp-ml30 {
    margin-left: 30px !important;
  }
  .u-sp-mt25 {
    margin-top: 25px !important;
  }
  .u-sp-mr25 {
    margin-right: 25px !important;
  }
  .u-sp-mb25 {
    margin-bottom: 25px !important;
  }
  .u-sp-ml25 {
    margin-left: 25px !important;
  }
  .u-sp-mt20 {
    margin-top: 20px !important;
  }
  .u-sp-mr20 {
    margin-right: 20px !important;
  }
  .u-sp-mb20 {
    margin-bottom: 20px !important;
  }
  .u-sp-ml20 {
    margin-left: 20px !important;
  }
  .u-sp-mt15 {
    margin-top: 15px !important;
  }
  .u-sp-mr15 {
    margin-right: 15px !important;
  }
  .u-sp-mb15 {
    margin-bottom: 15px !important;
  }
  .u-sp-ml15 {
    margin-left: 15px !important;
  }
  .u-sp-mt10 {
    margin-top: 10px !important;
  }
  .u-sp-mr10 {
    margin-right: 10px !important;
  }
  .u-sp-mb10 {
    margin-bottom: 10px !important;
  }
  .u-sp-ml10 {
    margin-left: 10px !important;
  }
  .u-sp-mt5 {
    margin-top: 5px !important;
  }
  .u-sp-mr5 {
    margin-right: 5px !important;
  }
  .u-sp-mb5 {
    margin-bottom: 5px !important;
  }
  .u-sp-ml5 {
    margin-left: 5px !important;
  }
  .u-sp-mt0 {
    margin-top: 0px !important;
  }
  .u-sp-mr0 {
    margin-right: 0px !important;
  }
  .u-sp-mb0 {
    margin-bottom: 0px !important;
  }
  .u-sp-ml0 {
    margin-left: 0px !important;
  }
  .u-sp-pt100 {
    padding-top: 100px !important;
  }
  .u-sp-pr100 {
    padding-right: 100px !important;
  }
  .u-sp-pb100 {
    padding-bottom: 100px !important;
  }
  .u-sp-pl100 {
    padding-left: 100px !important;
  }
  .u-sp-pt95 {
    padding-top: 95px !important;
  }
  .u-sp-pr95 {
    padding-right: 95px !important;
  }
  .u-sp-pb95 {
    padding-bottom: 95px !important;
  }
  .u-sp-pl95 {
    padding-left: 95px !important;
  }
  .u-sp-pt90 {
    padding-top: 90px !important;
  }
  .u-sp-pr90 {
    padding-right: 90px !important;
  }
  .u-sp-pb90 {
    padding-bottom: 90px !important;
  }
  .u-sp-pl90 {
    padding-left: 90px !important;
  }
  .u-sp-pt85 {
    padding-top: 85px !important;
  }
  .u-sp-pr85 {
    padding-right: 85px !important;
  }
  .u-sp-pb85 {
    padding-bottom: 85px !important;
  }
  .u-sp-pl85 {
    padding-left: 85px !important;
  }
  .u-sp-pt80 {
    padding-top: 80px !important;
  }
  .u-sp-pr80 {
    padding-right: 80px !important;
  }
  .u-sp-pb80 {
    padding-bottom: 80px !important;
  }
  .u-sp-pl80 {
    padding-left: 80px !important;
  }
  .u-sp-pt75 {
    padding-top: 75px !important;
  }
  .u-sp-pr75 {
    padding-right: 75px !important;
  }
  .u-sp-pb75 {
    padding-bottom: 75px !important;
  }
  .u-sp-pl75 {
    padding-left: 75px !important;
  }
  .u-sp-pt70 {
    padding-top: 70px !important;
  }
  .u-sp-pr70 {
    padding-right: 70px !important;
  }
  .u-sp-pb70 {
    padding-bottom: 70px !important;
  }
  .u-sp-pl70 {
    padding-left: 70px !important;
  }
  .u-sp-pt65 {
    padding-top: 65px !important;
  }
  .u-sp-pr65 {
    padding-right: 65px !important;
  }
  .u-sp-pb65 {
    padding-bottom: 65px !important;
  }
  .u-sp-pl65 {
    padding-left: 65px !important;
  }
  .u-sp-pt60 {
    padding-top: 60px !important;
  }
  .u-sp-pr60 {
    padding-right: 60px !important;
  }
  .u-sp-pb60 {
    padding-bottom: 60px !important;
  }
  .u-sp-pl60 {
    padding-left: 60px !important;
  }
  .u-sp-pt55 {
    padding-top: 55px !important;
  }
  .u-sp-pr55 {
    padding-right: 55px !important;
  }
  .u-sp-pb55 {
    padding-bottom: 55px !important;
  }
  .u-sp-pl55 {
    padding-left: 55px !important;
  }
  .u-sp-pt50 {
    padding-top: 50px !important;
  }
  .u-sp-pr50 {
    padding-right: 50px !important;
  }
  .u-sp-pb50 {
    padding-bottom: 50px !important;
  }
  .u-sp-pl50 {
    padding-left: 50px !important;
  }
  .u-sp-pt45 {
    padding-top: 45px !important;
  }
  .u-sp-pr45 {
    padding-right: 45px !important;
  }
  .u-sp-pb45 {
    padding-bottom: 45px !important;
  }
  .u-sp-pl45 {
    padding-left: 45px !important;
  }
  .u-sp-pt40 {
    padding-top: 40px !important;
  }
  .u-sp-pr40 {
    padding-right: 40px !important;
  }
  .u-sp-pb40 {
    padding-bottom: 40px !important;
  }
  .u-sp-pl40 {
    padding-left: 40px !important;
  }
  .u-sp-pt35 {
    padding-top: 35px !important;
  }
  .u-sp-pr35 {
    padding-right: 35px !important;
  }
  .u-sp-pb35 {
    padding-bottom: 35px !important;
  }
  .u-sp-pl35 {
    padding-left: 35px !important;
  }
  .u-sp-pt30 {
    padding-top: 30px !important;
  }
  .u-sp-pr30 {
    padding-right: 30px !important;
  }
  .u-sp-pb30 {
    padding-bottom: 30px !important;
  }
  .u-sp-pl30 {
    padding-left: 30px !important;
  }
  .u-sp-pt25 {
    padding-top: 25px !important;
  }
  .u-sp-pr25 {
    padding-right: 25px !important;
  }
  .u-sp-pb25 {
    padding-bottom: 25px !important;
  }
  .u-sp-pl25 {
    padding-left: 25px !important;
  }
  .u-sp-pt20 {
    padding-top: 20px !important;
  }
  .u-sp-pr20 {
    padding-right: 20px !important;
  }
  .u-sp-pb20 {
    padding-bottom: 20px !important;
  }
  .u-sp-pl20 {
    padding-left: 20px !important;
  }
  .u-sp-pt15 {
    padding-top: 15px !important;
  }
  .u-sp-pr15 {
    padding-right: 15px !important;
  }
  .u-sp-pb15 {
    padding-bottom: 15px !important;
  }
  .u-sp-pl15 {
    padding-left: 15px !important;
  }
  .u-sp-pt10 {
    padding-top: 10px !important;
  }
  .u-sp-pr10 {
    padding-right: 10px !important;
  }
  .u-sp-pb10 {
    padding-bottom: 10px !important;
  }
  .u-sp-pl10 {
    padding-left: 10px !important;
  }
  .u-sp-pt5 {
    padding-top: 5px !important;
  }
  .u-sp-pr5 {
    padding-right: 5px !important;
  }
  .u-sp-pb5 {
    padding-bottom: 5px !important;
  }
  .u-sp-pl5 {
    padding-left: 5px !important;
  }
  .u-sp-pt0 {
    padding-top: 0px !important;
  }
  .u-sp-pr0 {
    padding-right: 0px !important;
  }
  .u-sp-pb0 {
    padding-bottom: 0px !important;
  }
  .u-sp-pl0 {
    padding-left: 0px !important;
  }
}

@media print, screen and (min-width: 1024px) {
  .u-pc-mt100 {
    margin-top: 100px !important;
  }
  .u-pc-mr100 {
    margin-right: 100px !important;
  }
  .u-pc-mb100 {
    margin-bottom: 100px !important;
  }
  .u-pc-ml100 {
    margin-left: 100px !important;
  }
  .u-pc-mt95 {
    margin-top: 95px !important;
  }
  .u-pc-mr95 {
    margin-right: 95px !important;
  }
  .u-pc-mb95 {
    margin-bottom: 95px !important;
  }
  .u-pc-ml95 {
    margin-left: 95px !important;
  }
  .u-pc-mt90 {
    margin-top: 90px !important;
  }
  .u-pc-mr90 {
    margin-right: 90px !important;
  }
  .u-pc-mb90 {
    margin-bottom: 90px !important;
  }
  .u-pc-ml90 {
    margin-left: 90px !important;
  }
  .u-pc-mt85 {
    margin-top: 85px !important;
  }
  .u-pc-mr85 {
    margin-right: 85px !important;
  }
  .u-pc-mb85 {
    margin-bottom: 85px !important;
  }
  .u-pc-ml85 {
    margin-left: 85px !important;
  }
  .u-pc-mt80 {
    margin-top: 80px !important;
  }
  .u-pc-mr80 {
    margin-right: 80px !important;
  }
  .u-pc-mb80 {
    margin-bottom: 80px !important;
  }
  .u-pc-ml80 {
    margin-left: 80px !important;
  }
  .u-pc-mt75 {
    margin-top: 75px !important;
  }
  .u-pc-mr75 {
    margin-right: 75px !important;
  }
  .u-pc-mb75 {
    margin-bottom: 75px !important;
  }
  .u-pc-ml75 {
    margin-left: 75px !important;
  }
  .u-pc-mt70 {
    margin-top: 70px !important;
  }
  .u-pc-mr70 {
    margin-right: 70px !important;
  }
  .u-pc-mb70 {
    margin-bottom: 70px !important;
  }
  .u-pc-ml70 {
    margin-left: 70px !important;
  }
  .u-pc-mt65 {
    margin-top: 65px !important;
  }
  .u-pc-mr65 {
    margin-right: 65px !important;
  }
  .u-pc-mb65 {
    margin-bottom: 65px !important;
  }
  .u-pc-ml65 {
    margin-left: 65px !important;
  }
  .u-pc-mt60 {
    margin-top: 60px !important;
  }
  .u-pc-mr60 {
    margin-right: 60px !important;
  }
  .u-pc-mb60 {
    margin-bottom: 60px !important;
  }
  .u-pc-ml60 {
    margin-left: 60px !important;
  }
  .u-pc-mt55 {
    margin-top: 55px !important;
  }
  .u-pc-mr55 {
    margin-right: 55px !important;
  }
  .u-pc-mb55 {
    margin-bottom: 55px !important;
  }
  .u-pc-ml55 {
    margin-left: 55px !important;
  }
  .u-pc-mt50 {
    margin-top: 50px !important;
  }
  .u-pc-mr50 {
    margin-right: 50px !important;
  }
  .u-pc-mb50 {
    margin-bottom: 50px !important;
  }
  .u-pc-ml50 {
    margin-left: 50px !important;
  }
  .u-pc-mt45 {
    margin-top: 45px !important;
  }
  .u-pc-mr45 {
    margin-right: 45px !important;
  }
  .u-pc-mb45 {
    margin-bottom: 45px !important;
  }
  .u-pc-ml45 {
    margin-left: 45px !important;
  }
  .u-pc-mt40 {
    margin-top: 40px !important;
  }
  .u-pc-mr40 {
    margin-right: 40px !important;
  }
  .u-pc-mb40 {
    margin-bottom: 40px !important;
  }
  .u-pc-ml40 {
    margin-left: 40px !important;
  }
  .u-pc-mt35 {
    margin-top: 35px !important;
  }
  .u-pc-mr35 {
    margin-right: 35px !important;
  }
  .u-pc-mb35 {
    margin-bottom: 35px !important;
  }
  .u-pc-ml35 {
    margin-left: 35px !important;
  }
  .u-pc-mt30 {
    margin-top: 30px !important;
  }
  .u-pc-mr30 {
    margin-right: 30px !important;
  }
  .u-pc-mb30 {
    margin-bottom: 30px !important;
  }
  .u-pc-ml30 {
    margin-left: 30px !important;
  }
  .u-pc-mt25 {
    margin-top: 25px !important;
  }
  .u-pc-mr25 {
    margin-right: 25px !important;
  }
  .u-pc-mb25 {
    margin-bottom: 25px !important;
  }
  .u-pc-ml25 {
    margin-left: 25px !important;
  }
  .u-pc-mt20 {
    margin-top: 20px !important;
  }
  .u-pc-mr20 {
    margin-right: 20px !important;
  }
  .u-pc-mb20 {
    margin-bottom: 20px !important;
  }
  .u-pc-ml20 {
    margin-left: 20px !important;
  }
  .u-pc-mt15 {
    margin-top: 15px !important;
  }
  .u-pc-mr15 {
    margin-right: 15px !important;
  }
  .u-pc-mb15 {
    margin-bottom: 15px !important;
  }
  .u-pc-ml15 {
    margin-left: 15px !important;
  }
  .u-pc-mt10 {
    margin-top: 10px !important;
  }
  .u-pc-mr10 {
    margin-right: 10px !important;
  }
  .u-pc-mb10 {
    margin-bottom: 10px !important;
  }
  .u-pc-ml10 {
    margin-left: 10px !important;
  }
  .u-pc-mt5 {
    margin-top: 5px !important;
  }
  .u-pc-mr5 {
    margin-right: 5px !important;
  }
  .u-pc-mb5 {
    margin-bottom: 5px !important;
  }
  .u-pc-ml5 {
    margin-left: 5px !important;
  }
  .u-pc-mt0 {
    margin-top: 0px !important;
  }
  .u-pc-mr0 {
    margin-right: 0px !important;
  }
  .u-pc-mb0 {
    margin-bottom: 0px !important;
  }
  .u-pc-ml0 {
    margin-left: 0px !important;
  }
  .u-pc-pt100 {
    padding-top: 100px !important;
  }
  .u-pc-pr100 {
    padding-right: 100px !important;
  }
  .u-pc-pb100 {
    padding-bottom: 100px !important;
  }
  .u-pc-pl100 {
    padding-left: 100px !important;
  }
  .u-pc-pt95 {
    padding-top: 95px !important;
  }
  .u-pc-pr95 {
    padding-right: 95px !important;
  }
  .u-pc-pb95 {
    padding-bottom: 95px !important;
  }
  .u-pc-pl95 {
    padding-left: 95px !important;
  }
  .u-pc-pt90 {
    padding-top: 90px !important;
  }
  .u-pc-pr90 {
    padding-right: 90px !important;
  }
  .u-pc-pb90 {
    padding-bottom: 90px !important;
  }
  .u-pc-pl90 {
    padding-left: 90px !important;
  }
  .u-pc-pt85 {
    padding-top: 85px !important;
  }
  .u-pc-pr85 {
    padding-right: 85px !important;
  }
  .u-pc-pb85 {
    padding-bottom: 85px !important;
  }
  .u-pc-pl85 {
    padding-left: 85px !important;
  }
  .u-pc-pt80 {
    padding-top: 80px !important;
  }
  .u-pc-pr80 {
    padding-right: 80px !important;
  }
  .u-pc-pb80 {
    padding-bottom: 80px !important;
  }
  .u-pc-pl80 {
    padding-left: 80px !important;
  }
  .u-pc-pt75 {
    padding-top: 75px !important;
  }
  .u-pc-pr75 {
    padding-right: 75px !important;
  }
  .u-pc-pb75 {
    padding-bottom: 75px !important;
  }
  .u-pc-pl75 {
    padding-left: 75px !important;
  }
  .u-pc-pt70 {
    padding-top: 70px !important;
  }
  .u-pc-pr70 {
    padding-right: 70px !important;
  }
  .u-pc-pb70 {
    padding-bottom: 70px !important;
  }
  .u-pc-pl70 {
    padding-left: 70px !important;
  }
  .u-pc-pt65 {
    padding-top: 65px !important;
  }
  .u-pc-pr65 {
    padding-right: 65px !important;
  }
  .u-pc-pb65 {
    padding-bottom: 65px !important;
  }
  .u-pc-pl65 {
    padding-left: 65px !important;
  }
  .u-pc-pt60 {
    padding-top: 60px !important;
  }
  .u-pc-pr60 {
    padding-right: 60px !important;
  }
  .u-pc-pb60 {
    padding-bottom: 60px !important;
  }
  .u-pc-pl60 {
    padding-left: 60px !important;
  }
  .u-pc-pt55 {
    padding-top: 55px !important;
  }
  .u-pc-pr55 {
    padding-right: 55px !important;
  }
  .u-pc-pb55 {
    padding-bottom: 55px !important;
  }
  .u-pc-pl55 {
    padding-left: 55px !important;
  }
  .u-pc-pt50 {
    padding-top: 50px !important;
  }
  .u-pc-pr50 {
    padding-right: 50px !important;
  }
  .u-pc-pb50 {
    padding-bottom: 50px !important;
  }
  .u-pc-pl50 {
    padding-left: 50px !important;
  }
  .u-pc-pt45 {
    padding-top: 45px !important;
  }
  .u-pc-pr45 {
    padding-right: 45px !important;
  }
  .u-pc-pb45 {
    padding-bottom: 45px !important;
  }
  .u-pc-pl45 {
    padding-left: 45px !important;
  }
  .u-pc-pt40 {
    padding-top: 40px !important;
  }
  .u-pc-pr40 {
    padding-right: 40px !important;
  }
  .u-pc-pb40 {
    padding-bottom: 40px !important;
  }
  .u-pc-pl40 {
    padding-left: 40px !important;
  }
  .u-pc-pt35 {
    padding-top: 35px !important;
  }
  .u-pc-pr35 {
    padding-right: 35px !important;
  }
  .u-pc-pb35 {
    padding-bottom: 35px !important;
  }
  .u-pc-pl35 {
    padding-left: 35px !important;
  }
  .u-pc-pt30 {
    padding-top: 30px !important;
  }
  .u-pc-pr30 {
    padding-right: 30px !important;
  }
  .u-pc-pb30 {
    padding-bottom: 30px !important;
  }
  .u-pc-pl30 {
    padding-left: 30px !important;
  }
  .u-pc-pt25 {
    padding-top: 25px !important;
  }
  .u-pc-pr25 {
    padding-right: 25px !important;
  }
  .u-pc-pb25 {
    padding-bottom: 25px !important;
  }
  .u-pc-pl25 {
    padding-left: 25px !important;
  }
  .u-pc-pt20 {
    padding-top: 20px !important;
  }
  .u-pc-pr20 {
    padding-right: 20px !important;
  }
  .u-pc-pb20 {
    padding-bottom: 20px !important;
  }
  .u-pc-pl20 {
    padding-left: 20px !important;
  }
  .u-pc-pt15 {
    padding-top: 15px !important;
  }
  .u-pc-pr15 {
    padding-right: 15px !important;
  }
  .u-pc-pb15 {
    padding-bottom: 15px !important;
  }
  .u-pc-pl15 {
    padding-left: 15px !important;
  }
  .u-pc-pt10 {
    padding-top: 10px !important;
  }
  .u-pc-pr10 {
    padding-right: 10px !important;
  }
  .u-pc-pb10 {
    padding-bottom: 10px !important;
  }
  .u-pc-pl10 {
    padding-left: 10px !important;
  }
  .u-pc-pt5 {
    padding-top: 5px !important;
  }
  .u-pc-pr5 {
    padding-right: 5px !important;
  }
  .u-pc-pb5 {
    padding-bottom: 5px !important;
  }
  .u-pc-pl5 {
    padding-left: 5px !important;
  }
  .u-pc-pt0 {
    padding-top: 0px !important;
  }
  .u-pc-pr0 {
    padding-right: 0px !important;
  }
  .u-pc-pb0 {
    padding-bottom: 0px !important;
  }
  .u-pc-pl0 {
    padding-left: 0px !important;
  }
}

/* font-size */
.u-fs50 {
  font-size: 50px !important;
  font-size: 5rem !important;
}

.u-fs49 {
  font-size: 49px !important;
  font-size: 4.9rem !important;
}

.u-fs48 {
  font-size: 48px !important;
  font-size: 4.8rem !important;
}

.u-fs47 {
  font-size: 47px !important;
  font-size: 4.7rem !important;
}

.u-fs46 {
  font-size: 46px !important;
  font-size: 4.6rem !important;
}

.u-fs45 {
  font-size: 45px !important;
  font-size: 4.5rem !important;
}

.u-fs44 {
  font-size: 44px !important;
  font-size: 4.4rem !important;
}

.u-fs43 {
  font-size: 43px !important;
  font-size: 4.3rem !important;
}

.u-fs42 {
  font-size: 42px !important;
  font-size: 4.2rem !important;
}

.u-fs41 {
  font-size: 41px !important;
  font-size: 4.1rem !important;
}

.u-fs40 {
  font-size: 40px !important;
  font-size: 4rem !important;
}

.u-fs39 {
  font-size: 39px !important;
  font-size: 3.9rem !important;
}

.u-fs38 {
  font-size: 38px !important;
  font-size: 3.8rem !important;
}

.u-fs37 {
  font-size: 37px !important;
  font-size: 3.7rem !important;
}

.u-fs36 {
  font-size: 36px !important;
  font-size: 3.6rem !important;
}

.u-fs35 {
  font-size: 35px !important;
  font-size: 3.5rem !important;
}

.u-fs34 {
  font-size: 34px !important;
  font-size: 3.4rem !important;
}

.u-fs33 {
  font-size: 33px !important;
  font-size: 3.3rem !important;
}

.u-fs32 {
  font-size: 32px !important;
  font-size: 3.2rem !important;
}

.u-fs31 {
  font-size: 31px !important;
  font-size: 3.1rem !important;
}

.u-fs30 {
  font-size: 30px !important;
  font-size: 3rem !important;
}

.u-fs29 {
  font-size: 29px !important;
  font-size: 2.9rem !important;
}

.u-fs28 {
  font-size: 28px !important;
  font-size: 2.8rem !important;
}

.u-fs27 {
  font-size: 27px !important;
  font-size: 2.7rem !important;
}

.u-fs26 {
  font-size: 26px !important;
  font-size: 2.6rem !important;
}

.u-fs25 {
  font-size: 25px !important;
  font-size: 2.5rem !important;
}

.u-fs24 {
  font-size: 24px !important;
  font-size: 2.4rem !important;
}

.u-fs23 {
  font-size: 23px !important;
  font-size: 2.3rem !important;
}

.u-fs22 {
  font-size: 22px !important;
  font-size: 2.2rem !important;
}

.u-fs21 {
  font-size: 21px !important;
  font-size: 2.1rem !important;
}

.u-fs20 {
  font-size: 20px !important;
  font-size: 2rem !important;
}

.u-fs19 {
  font-size: 19px !important;
  font-size: 1.9rem !important;
}

.u-fs18 {
  font-size: 18px !important;
  font-size: 1.8rem !important;
}

.u-fs17 {
  font-size: 17px !important;
  font-size: 1.7rem !important;
}

.u-fs16 {
  font-size: 16px !important;
  font-size: 1.6rem !important;
}

.u-fs15 {
  font-size: 15px !important;
  font-size: 1.5rem !important;
}

.u-fs14 {
  font-size: 14px !important;
  font-size: 1.4rem !important;
}

.u-fs13 {
  font-size: 13px !important;
  font-size: 1.3rem !important;
}

.u-fs12 {
  font-size: 12px !important;
  font-size: 1.2rem !important;
}

.u-fs11 {
  font-size: 11px !important;
  font-size: 1.1rem !important;
}

.u-fs10 {
  font-size: 10px !important;
  font-size: 1rem !important;
}

@media only screen and (max-width: 1023px) {
  .u-sp-fs50 {
    font-size: 5rem !important;
  }
  .u-sp-fs49 {
    font-size: 4.9rem !important;
  }
  .u-sp-fs48 {
    font-size: 4.8rem !important;
  }
  .u-sp-fs47 {
    font-size: 4.7rem !important;
  }
  .u-sp-fs46 {
    font-size: 4.6rem !important;
  }
  .u-sp-fs45 {
    font-size: 4.5rem !important;
  }
  .u-sp-fs44 {
    font-size: 4.4rem !important;
  }
  .u-sp-fs43 {
    font-size: 4.3rem !important;
  }
  .u-sp-fs42 {
    font-size: 4.2rem !important;
  }
  .u-sp-fs41 {
    font-size: 4.1rem !important;
  }
  .u-sp-fs40 {
    font-size: 4rem !important;
  }
  .u-sp-fs39 {
    font-size: 3.9rem !important;
  }
  .u-sp-fs38 {
    font-size: 3.8rem !important;
  }
  .u-sp-fs37 {
    font-size: 3.7rem !important;
  }
  .u-sp-fs36 {
    font-size: 3.6rem !important;
  }
  .u-sp-fs35 {
    font-size: 3.5rem !important;
  }
  .u-sp-fs34 {
    font-size: 3.4rem !important;
  }
  .u-sp-fs33 {
    font-size: 3.3rem !important;
  }
  .u-sp-fs32 {
    font-size: 3.2rem !important;
  }
  .u-sp-fs31 {
    font-size: 3.1rem !important;
  }
  .u-sp-fs30 {
    font-size: 3rem !important;
  }
  .u-sp-fs29 {
    font-size: 2.9rem !important;
  }
  .u-sp-fs28 {
    font-size: 2.8rem !important;
  }
  .u-sp-fs27 {
    font-size: 2.7rem !important;
  }
  .u-sp-fs26 {
    font-size: 2.6rem !important;
  }
  .u-sp-fs25 {
    font-size: 2.5rem !important;
  }
  .u-sp-fs24 {
    font-size: 2.4rem !important;
  }
  .u-sp-fs23 {
    font-size: 2.3rem !important;
  }
  .u-sp-fs22 {
    font-size: 2.2rem !important;
  }
  .u-sp-fs21 {
    font-size: 2.1rem !important;
  }
  .u-sp-fs20 {
    font-size: 2rem !important;
  }
  .u-sp-fs19 {
    font-size: 1.9rem !important;
  }
  .u-sp-fs18 {
    font-size: 1.8rem !important;
  }
  .u-sp-fs17 {
    font-size: 1.7rem !important;
  }
  .u-sp-fs16 {
    font-size: 1.6rem !important;
  }
  .u-sp-fs15 {
    font-size: 1.5rem !important;
  }
  .u-sp-fs14 {
    font-size: 1.4rem !important;
  }
  .u-sp-fs13 {
    font-size: 1.3rem !important;
  }
  .u-sp-fs12 {
    font-size: 1.2rem !important;
  }
  .u-sp-fs11 {
    font-size: 1.1rem !important;
  }
  .u-sp-fs10 {
    font-size: 1rem !important;
  }
}

@media print, screen and (min-width: 1024px) {
  .u-pc-fs50 {
    font-size: 5rem !important;
  }
  .u-pc-fs49 {
    font-size: 4.9rem !important;
  }
  .u-pc-fs48 {
    font-size: 4.8rem !important;
  }
  .u-pc-fs47 {
    font-size: 4.7rem !important;
  }
  .u-pc-fs46 {
    font-size: 4.6rem !important;
  }
  .u-pc-fs45 {
    font-size: 4.5rem !important;
  }
  .u-pc-fs44 {
    font-size: 4.4rem !important;
  }
  .u-pc-fs43 {
    font-size: 4.3rem !important;
  }
  .u-pc-fs42 {
    font-size: 4.2rem !important;
  }
  .u-pc-fs41 {
    font-size: 4.1rem !important;
  }
  .u-pc-fs40 {
    font-size: 4rem !important;
  }
  .u-pc-fs39 {
    font-size: 3.9rem !important;
  }
  .u-pc-fs38 {
    font-size: 3.8rem !important;
  }
  .u-pc-fs37 {
    font-size: 3.7rem !important;
  }
  .u-pc-fs36 {
    font-size: 3.6rem !important;
  }
  .u-pc-fs35 {
    font-size: 3.5rem !important;
  }
  .u-pc-fs34 {
    font-size: 3.4rem !important;
  }
  .u-pc-fs33 {
    font-size: 3.3rem !important;
  }
  .u-pc-fs32 {
    font-size: 3.2rem !important;
  }
  .u-pc-fs31 {
    font-size: 3.1rem !important;
  }
  .u-pc-fs30 {
    font-size: 3rem !important;
  }
  .u-pc-fs29 {
    font-size: 2.9rem !important;
  }
  .u-pc-fs28 {
    font-size: 2.8rem !important;
  }
  .u-pc-fs27 {
    font-size: 2.7rem !important;
  }
  .u-pc-fs26 {
    font-size: 2.6rem !important;
  }
  .u-pc-fs25 {
    font-size: 2.5rem !important;
  }
  .u-pc-fs24 {
    font-size: 2.4rem !important;
  }
  .u-pc-fs23 {
    font-size: 2.3rem !important;
  }
  .u-pc-fs22 {
    font-size: 2.2rem !important;
  }
  .u-pc-fs21 {
    font-size: 2.1rem !important;
  }
  .u-pc-fs20 {
    font-size: 2rem !important;
  }
  .u-pc-fs19 {
    font-size: 1.9rem !important;
  }
  .u-pc-fs18 {
    font-size: 1.8rem !important;
  }
  .u-pc-fs17 {
    font-size: 1.7rem !important;
  }
  .u-pc-fs16 {
    font-size: 1.6rem !important;
  }
  .u-pc-fs15 {
    font-size: 1.5rem !important;
  }
  .u-pc-fs14 {
    font-size: 1.4rem !important;
  }
  .u-pc-fs13 {
    font-size: 1.3rem !important;
  }
  .u-pc-fs12 {
    font-size: 1.2rem !important;
  }
  .u-pc-fs11 {
    font-size: 1.1rem !important;
  }
  .u-pc-fs10 {
    font-size: 1rem !important;
  }
}

.u-pos-r {
  position: relative;
}

/*# sourceMappingURL=../../../../../../_map/wps/wp-content/themes/kandl2025/_assets/css/style.css.map */