/*
Theme Name: kanikapila2025
Theme URI: 
Author: 
Author URI: 
Description: 
Requires at least:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 
*/

.animsition,
.animsition-overlay {
  position: relative;
  opacity: 0;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animsition-overlay-slide {
  position: fixed;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #f5f5f5;
  z-index: 9999;
}

.animsition-loading,
.animsition-loading:after {
  width: 32px;
  height: 32px;
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -16px;
  margin-left: -16px;
  border-radius: 50%;
  z-index: 100;
}

.animsition-loading {
  background-color: transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.2);
  border-right: 5px solid rgba(0, 0, 0, 0.2);
  border-bottom: 5px solid rgba(0, 0, 0, 0.2);
  border-left: 5px solid #eee;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-name: animsition-loading;
  animation-name: animsition-loading;
}

.fade-in {
  -webkit-animation-name: fade-in;
  animation-name: fade-in;
}

.fade-out {
  -webkit-animation-name: fade-out;
  animation-name: fade-out;
}

.fade-in-up {
  -webkit-animation-name: fade-in-up;
  animation-name: fade-in-up;
}

.fade-out-up {
  -webkit-animation-name: fade-out-up;
  animation-name: fade-out-up;
}

.fade-in-up-sm {
  -webkit-animation-name: fade-in-up-sm;
  animation-name: fade-in-up-sm;
}

.fade-out-up-sm {
  -webkit-animation-name: fade-out-up-sm;
  animation-name: fade-out-up-sm;
}

.fade-in-up-lg {
  -webkit-animation-name: fade-in-up-lg;
  animation-name: fade-in-up-lg;
}

.fade-out-up-lg {
  -webkit-animation-name: fade-out-up-lg;
  animation-name: fade-out-up-lg;
}

.fade-in-down {
  -webkit-animation-name: fade-in-down;
  animation-name: fade-in-down;
}

.fade-out-down {
  -webkit-animation-name: fade-out-down;
  animation-name: fade-out-down;
}

.fade-in-down-sm {
  -webkit-animation-name: fade-in-down-sm;
  animation-name: fade-in-down-sm;
}

.fade-out-down-sm {
  -webkit-animation-name: fade-out-down-sm;
  animation-name: fade-out-down-sm;
}

.fade-in-down-lg {
  -webkit-animation-name: fade-in-down;
  animation-name: fade-in-down;
}

.fade-out-down-lg {
  -webkit-animation-name: fade-out-down-lg;
  animation-name: fade-out-down-lg;
}

.fade-in-left {
  -webkit-animation-name: fade-in-left;
  animation-name: fade-in-left;
}

.fade-out-left {
  -webkit-animation-name: fade-out-left;
  animation-name: fade-out-left;
}

.fade-in-left-sm {
  -webkit-animation-name: fade-in-left-sm;
  animation-name: fade-in-left-sm;
}

.fade-out-left-sm {
  -webkit-animation-name: fade-out-left-sm;
  animation-name: fade-out-left-sm;
}

.fade-in-left-lg {
  -webkit-animation-name: fade-in-left-lg;
  animation-name: fade-in-left-lg;
}

.fade-out-left-lg {
  -webkit-animation-name: fade-out-left-lg;
  animation-name: fade-out-left-lg;
}

.fade-in-right {
  -webkit-animation-name: fade-in-right;
  animation-name: fade-in-right;
}

.fade-out-right {
  -webkit-animation-name: fade-out-right;
  animation-name: fade-out-right;
}

.fade-in-right-sm {
  -webkit-animation-name: fade-in-right-sm;
  animation-name: fade-in-right-sm;
}

.fade-out-right-sm {
  -webkit-animation-name: fade-out-right-sm;
  animation-name: fade-out-right-sm;
}

.fade-in-right-lg {
  -webkit-animation-name: fade-in-right-lg;
  animation-name: fade-in-right-lg;
}

.fade-out-right-lg {
  -webkit-animation-name: fade-out-right-lg;
  animation-name: fade-out-right-lg;
}

.rotate-in {
  -webkit-animation-name: rotate-in;
  animation-name: rotate-in;
}

.rotate-out {
  -webkit-animation-name: rotate-out;
  animation-name: rotate-out;
}

.rotate-in-sm {
  -webkit-animation-name: rotate-in-sm;
  animation-name: rotate-in-sm;
}

.rotate-out-sm {
  -webkit-animation-name: rotate-out-sm;
  animation-name: rotate-out-sm;
}

.rotate-in-lg {
  -webkit-animation-name: rotate-in-lg;
  animation-name: rotate-in-lg;
}

.rotate-out-lg {
  -webkit-animation-name: rotate-out-lg;
  animation-name: rotate-out-lg;
}

.flip-in-x {
  -webkit-animation-name: flip-in-x;
  animation-name: flip-in-x;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.flip-out-x {
  -webkit-animation-name: flip-out-x;
  animation-name: flip-out-x;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.flip-in-x-nr {
  -webkit-animation-name: flip-in-x-nr;
  animation-name: flip-in-x-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.flip-out-x-nr {
  -webkit-animation-name: flip-out-x-nr;
  animation-name: flip-out-x-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.flip-in-x-fr {
  -webkit-animation-name: flip-in-x-fr;
  animation-name: flip-in-x-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.flip-out-x-fr {
  -webkit-animation-name: flip-out-x-fr;
  animation-name: flip-out-x-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.flip-in-y {
  -webkit-animation-name: flip-in-y;
  animation-name: flip-in-y;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.flip-out-y {
  -webkit-animation-name: flip-out-y;
  animation-name: flip-out-y;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.flip-in-y-nr {
  -webkit-animation-name: flip-in-y-nr;
  animation-name: flip-in-y-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.flip-out-y-nr {
  -webkit-animation-name: flip-out-y-nr;
  animation-name: flip-out-y-nr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.flip-in-y-fr {
  -webkit-animation-name: flip-in-y-fr;
  animation-name: flip-in-y-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.flip-out-y-fr {
  -webkit-animation-name: flip-out-y-fr;
  animation-name: flip-out-y-fr;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

.zoom-in {
  -webkit-animation-name: zoom-in;
  animation-name: zoom-in;
}

.zoom-out {
  -webkit-animation-name: zoom-out;
  animation-name: zoom-out;
}

.zoom-in-sm {
  -webkit-animation-name: zoom-in-sm;
  animation-name: zoom-in-sm;
}

.zoom-out-sm {
  -webkit-animation-name: zoom-out-sm;
  animation-name: zoom-out-sm;
}

.zoom-in-lg {
  -webkit-animation-name: zoom-in-lg;
  animation-name: zoom-in-lg;
}

.zoom-out-lg {
  -webkit-animation-name: zoom-out-lg;
  animation-name: zoom-out-lg;
}

.overlay-slide-in-top {
  top: 0;
  height: 0;
  -webkit-animation-name: overlay-slide-in-top;
  animation-name: overlay-slide-in-top;
  -webkit-transform-origin: center top;
  transform-origin: center top;
  transition: transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s,
    visibility 0s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s,
    opacity 0s cubic-bezier(0.215, 0.61, 0.355, 1) 0.5s,
    -webkit-transform 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.overlay-slide-out-top {
  top: 0;
  height: 100%;
  -webkit-animation-name: overlay-slide-out-top;
  animation-name: overlay-slide-out-top;
}

.overlay-slide-in-bottom {
  bottom: 0;
  height: 0;
  -webkit-animation-name: overlay-slide-in-bottom;
  animation-name: overlay-slide-in-bottom;
}

.overlay-slide-out-bottom {
  bottom: 0;
  height: 100%;
  -webkit-animation-name: overlay-slide-out-bottom;
  animation-name: overlay-slide-out-bottom;
}

.overlay-slide-in-left {
  width: 0;
  -webkit-animation-name: overlay-slide-in-left;
  animation-name: overlay-slide-in-left;
}

.overlay-slide-out-left {
  left: 0;
  width: 100%;
  -webkit-animation-name: overlay-slide-out-left;
  animation-name: overlay-slide-out-left;
}

.overlay-slide-in-right {
  right: 0;
  width: 0;
  -webkit-animation-name: overlay-slide-in-right;
  animation-name: overlay-slide-in-right;
}

.overlay-slide-out-right {
  right: 0;
  width: 100%;
  -webkit-animation-name: overlay-slide-out-right;
  animation-name: overlay-slide-out-right;
}

.ft-s10050 {
  font-size: 100px;
  line-height: calc(80 / 100);
  letter-spacing: 0.12em;
}

.ft-s3624 {
  font-size: 36px;
  line-height: calc(56 / 36);
  letter-spacing: 0.05em;
}

.ft-s3232 {
  font-size: 32px;
  line-height: calc(38 / 32);
  letter-spacing: 0.1em;
}

.ft-s3222 {
  font-size: 32px;
  line-height: calc(38 / 32);
  letter-spacing: 0.1em;
}

.ft-s2222 {
  font-size: 22px;
  line-height: calc(40 / 22);
  letter-spacing: 0.1em;
}

.ft-s2218 {
  font-size: 22px;
  line-height: calc(40 / 22);
  letter-spacing: 0.1em;
}

.ft-s1818 {
  font-size: 18px;
  line-height: calc(28 / 18);
  letter-spacing: 0.05em;
}

.ft-s1816 {
  font-size: 18px;
  line-height: calc(28 / 18);
  letter-spacing: 0.05em;
}

.ft-s1616 {
  font-size: 16px;
  line-height: calc(32 / 16);
  letter-spacing: 0.05em;
}

.ft-s1612 {
  font-size: 16px;
  line-height: calc(28 / 16);
  letter-spacing: 0.05em;
}

.ft-s1414 {
  font-size: 14px;
  line-height: calc(28 / 14);
  letter-spacing: 0.05em;
}

.ft-s1412 {
  font-size: 14px;
  line-height: calc(28 / 14);
  letter-spacing: 0.05em;
}

.ft-s1212 {
  font-size: 12px;
  line-height: calc(28 / 12);
  letter-spacing: 0.05em;
}

@font-face {
  font-family: Sabon_Roman;
  font-style: normal;
  font-weight: 400;
  src: url(assets/fonts/sabon/Sabon_Roman.eot?#iefix) format("embedded-opentype"),
    url(assets/fonts/sabon/Sabon_Roman.woff2) format("woff2"),
    url(assets/fonts/sabon/Sabon_Roman.woff) format("woff"),
    url(assets/fonts/sabon/Sabon_Roman.ttf) format("truetype");
}
/* @layer base {
  a,
  abbr,
  acronym,
  address,
  applet,
  article,
  aside,
  audio,
  b,
  big,
  blockquote,
  body,
  canvas,
  caption,
  center,
  cite,
  code,
  dd,
  del,
  details,
  dfn,
  div,
  dl,
  dt,
  em,
  embed,
  fieldset,
  figcaption,
  figure,
  footer,
  form,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  header,
  hgroup,
  html,
  i,
  iframe,
  img,
  ins,
  kbd,
  label,
  legend,
  li,
  mark,
  menu,
  nav,
  object,
  ol,
  output,
  p,
  pre,
  q,
  ruby,
  s,
  samp,
  section,
  small,
  span,
  strike,
  strong,
  sub,
  summary,
  sup,
  table,
  tbody,
  td,
  tfoot,
  th,
  thead,
  time,
  tr,
  tt,
  u,
  ul,
  var,
  video {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
    vertical-align: baseline;
    word-break: break-word;
  }
} */
dt {
  font-weight: inherit;
}

/* html {
  font-size: 62.5%;
} */

body {
  min-width: 320px;
  font-family: "游明朝", "游明朝体", YuMincho, "Yu Mincho", "ヒラギノ明朝 ProN",
    "Hiragino Mincho ProN", "ＭＳ 明朝", "MS Mincho", HiraMinProN-W3,
    "TakaoEx明朝", TakaoExMincho, MotoyaLCedar, "Droid Sans Japanese", serif;
  font-weight: 400;
  color: #000;
  margin: 0 auto;
  line-height: 1.75;
  list-style-type: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}

main {
  overflow: hidden;
}

figure,
p {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

a {
  color: #000;
  text-decoration: none;
}

/* article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
img,
menu,
nav,
section {
  display: block;
} */

ol,
ul {
  list-style: none;
}

img {
  max-width: 100%;
  vertical-align: top;
  font-size: 0;
  line-height: 0;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.75;
  font-weight: 400;
}

.cp-p20-10-0 {
  margin-left: -20px;
  margin-right: -20px;
}

.cp-p20-10-0>* {
  padding-left: 20px;
  padding-right: 20px;
}

.cp-p40-20-0 {
  margin-left: -40px;
  margin-right: -40px;
}

.cp-p40-20-0>* {
  padding-left: 40px;
  padding-right: 40px;
}

.com-icon-blank:after {
  content: "";
  display: block;
  width: 16px;
  height: 12px;
  margin-left: 10px;
  background: url(assets/images/common/icon-blank.svg) no-repeat;
  background-size: 100%;
}

.page-table-items {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  border: 1px solid #ddd;
}

.page-table-items .page-table-item {
  padding: 15px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.page-table-items .page-table-item:nth-of-type(n + 2) {
  border-top: 1px solid #ddd;
}

.page-table-items .page-table-title {
  width: 200px;
}

.page-table-items .page-table-copy {
  width: calc(100% - 200px);
}

.page-table-items-w {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  border: 1px solid #ddd;
}

.page-table-items-w .page-table-item {
  padding: 15px 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.page-table-items-w .page-table-item:nth-of-type(n + 2) {
  border-top: 1px solid #ddd;
}

.page-table-items-w .page-table-title {
  width: 100%;
}

.page-table-items-w .page-table-copy {
  width: calc(100%);
}

.page-table-ymd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.page-table-ymd li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 15px;
}

.page-table-ymd li span {
  margin-left: 5px;
}

.com-al-c {
  text-align: center;
}

.com-al-l {
  text-align: left;
}

.com-al-r {
  text-align: right;
}

.mg-b100 {
  margin-bottom: 100px;
}

.mg-b60 {
  margin-bottom: 60px;
}

.mg-b50 {
  margin-bottom: 50px;
}

.mg-b20 {
  margin-bottom: 20px;
}

.mg-b10 {
  margin-bottom: 10px;
}

.com-hv-fadein .com-hv-target {
  opacity: 0;
  -webkit-animation-name: com-fade-out;
  animation-name: com-fade-out;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.com-hv-fadein:hover .com-hv-target {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation-name: com-fade-in;
  animation-name: com-fade-in;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.com-pagination {
  margin: 150px 0 100px 0;
}

.com-pagination-items {
  padding: 38px 50px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.com-pagination-item:nth-of-type(1) {
  border-right: 1px solid #ccc;
}

.com-pagination-link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: opacity 2s ease 0s;
  transition: opacity 2s ease 0s;
}

.com-pagination-link:hover {
  opacity: 0.5;
}

.com-pagination-subTitle {
  display: block;
}

.com-pagination-pre:before {
  width: 10px;
  height: 10px;
  content: "";
  display: block;
  margin-right: 50px;
  background: url(assets/images/common/icon-arrow.svg) no-repeat;
}

.com-pagination-next:after {
  width: 10px;
  height: 10px;
  content: "";
  display: block;
  margin-left: 50px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  background: url(assets/images/common/icon-arrow.svg) no-repeat;
}

.com-breadcrumbs {
  margin-bottom: 50px;
}

.com-breadcrumbs a i {
  -webkit-transition: opacity 2s ease 0s;
  transition: opacity 2s ease 0s;
}

.com-breadcrumbs a i:hover {
  opacity: 0.5;
}

.com-breadcrumbs-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.com-breadcrumbs-arrow {
  width: 10px;
  height: 10px;
  content: "";
  display: block;
  margin-left: 12px;
  margin-right: 15px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  background: url(assets/images/common/icon-arrow.svg) no-repeat;
}

.com-breadcrumbs-home {
  width: 15px;
  height: 15px;
  content: "";
  display: block;
  background: url(assets/images/common/icon-home.svg) no-repeat;
  background-size: 100%;
}

.com-arrow {
  border: solid #000;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 20px;
}

.com-arrow-left {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.com-arrow-right {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.com-arrow-none {
  background: 0 0;
}

.checkboxA {
  --background: #fff;
  --border: #ddd;
  --border-hover: #000;
  --border-active: #1e2235;
  --tick: #fff;
}

.checkboxA-box {
  width: 15px;
  height: 15px;
  display: block;
}

.checkboxA-box {
  -webkit-appearance: none;
  -moz-appearance: none;
  position: relative;
  outline: 0;
  background: var(--background);
  border: none;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border-radius: 0;
  -webkit-transition: -webkit-box-shadow 0.3s;
  transition: -webkit-box-shadow 0.3s;
  transition: box-shadow 0.3s;
  transition: box-shadow 0.3s, -webkit-box-shadow 0.3s;
  -webkit-box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));
  box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));
}

.checkboxA svg {
  fill: none;
  stroke-width: 2px;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke: var(--stroke, var(--border-active));
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  -webkit-transform: scale(var(--scale, 1)) translateZ(0);
  transform: scale(var(--scale, 1)) translateZ(0);
}

.checkboxA svg {
  stroke-dasharray: var(--a, 86.12);
  stroke-dashoffset: var(--o, 86.12);
  -webkit-transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;
  transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;
}

.mixitup-control-active .checkboxA-box {
  --s: 1px;
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}

.mixitup-control-active .checkboxA-box+svg {
  --a: 16.1 86.12;
  --o: 102.22;
}

.loaded {
  display: none;
}

.animsition-overlay-slide {
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  left: 0;
  top: 0;
}

body {
  overflow-x: hidden;
}

body.is-active {
  overflow-y: hidden;
}

body main {
  padding-top: 104px;
}

.header {
  padding: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  left: 0;
  z-index: 9999;
}

.header.is-sticky {
  position: fixed;
  width: 100%;
  -webkit-transition: all 0.6s ease 0s;
  transition: all 0.6s ease 0s;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.home .header.is-sticky .sitelogo {
  max-width: 143px;
}

.home .header.is-sticky .sitelogo .home-logo {
  display: none;
}

.home .header.is-sticky .sitelogo .default-logo {
  display: block;
}

.header .sitelogo {
  max-width: 143px;
  z-index: 2;
}

.header .sitelogo .home-logo {
  display: none;
}

.header .sitelogo .default-logo {
  display: block;
}

.home .header .sitelogo .home-logo {
  display: none;
}

.home .header .sitelogo .default-logo {
  display: block;
}

.header .wide-gnav {
  display: none;
}

.header .navBtn {
  position: relative;
  width: 40px;
  height: 16px;
  z-index: 9999;
}

.header .navBtn::after,
.header .navBtn::before {
  content: "";
  display: block;
  position: absolute;
  width: 40px;
  height: 2px;
  background-color: #1b1b1b;
  right: 0;
  -webkit-transition: -webkit-transform 0.2s ease 0.2s;
  transition: -webkit-transform 0.2s ease 0.2s;
  transition: transform 0.2s ease 0.2s;
  transition: transform 0.2s ease 0.2s, -webkit-transform 0.2s ease 0.2s;
}

.header .navBtn::before {
  top: 0;
}

.header .navBtn::after {
  bottom: 0;
}

.header .navBtn.is-active {
  height: 40px;
  position: fixed;
  right: 30px;
  top: 25px;
}

.header .navBtn.is-active::after,
.header .navBtn.is-active::before {
  background-color: #fff;
}

.header .navBtn.is-active::before {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  top: 50%;
}

.header .navBtn.is-active::after {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  top: 50%;
}

.header .header-nav {
  display: none;
}

.header .header-nav.is-open {
  display: block;
}

.header .gnav {
  position: absolute;
  top: 0;
  left: 0;
  width: 103%;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: height 0.6s;
  transition: height 0.6s;
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  height: 0;
}

.header .gnav.is-open {
  position: fixed;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  height: 100vh;
}

.header .gnav.is-open::after {
  height: 100%;
}

.header .gnav.is-open>.inner>.logo>.gnav-logo {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.header .gnav.is-open>.inner>.item>.nav-main>li {
  overflow: hidden;
}

.header .gnav.is-open>.inner>.item>.nav-main>li a,
.header .gnav.is-open>.inner>.item>.nav-main>.subnav .menu-text,
.header .gnav.is-open>.inner>.item>.nav-main>li span {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.header .gnav.is-open>.inner>.item>.nav-main>li.subnav .panel-button {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.header .gnav.is-open>.inner>.item>.nav-main>li.subnav>ul a {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.header .gnav.is-open>.inner>.item .block .nav-sns,
.header .gnav.is-open>.inner>.item .block .nav-sub {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.header .gnav.is-active::after {
  height: 145%;
}

.header .gnav::after {
  content: "";
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: -1;
  height: 0;
  -webkit-transition: height 0.9s;
  transition: height 0.9s;
  -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
  background: url(assets/images/bg-menu-sp.png) no-repeat center top;
}

.header .gnav>.inner {
  padding: 75px 50px;
}

.header .gnav>.inner .logo {
  overflow: hidden;
  max-height: 250px;
}

.header .gnav>.inner .logo>.gnav-logo {
  position: relative;
  z-index: 4;
  display: none;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.header .gnav>.inner>.item>.nav-main {
  position: relative;
  z-index: 4;
  letter-spacing: 0.05em;
}

.header .gnav>.inner>.item>.nav-main>li {
  overflow: hidden;
}

.header .gnav>.inner>.item>.nav-main>li>a,
.header .gnav>.inner>.item>.nav-main>.subnav .menu-text,
.header .gnav>.inner>.item>.nav-main>li>span {
  font-size: 30px;
  padding: 15px 0;
  line-height: 1;
  display: block;
  -webkit-transform: translateY(200%);
  transform: translateY(200%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.header .gnav>.inner>.item>.nav-main>li>a>span,
.header .gnav>.inner>.item>.nav-main>li>span>span {
  -webkit-transition: opacity 2s ease 0s;
  transition: opacity 2s ease 0s;
}

.header .gnav>.inner>.item>.nav-main>li>a>span:hover,
.header .gnav>.inner>.item>.nav-main>li>span>span:hover {
  opacity: 0.5;
}

.header .gnav>.inner>.item>.nav-main>li.subnav {
  position: relative;
}

.header .gnav>.inner>.item>.nav-main>li.subnav>.panel-button {
  border: none;
  background: 0 0;
  width: 100%;
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  z-index: 2;
  cursor: pointer;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.header .gnav>.inner>.item>.nav-main>li.subnav>.panel-button:focus {
  outline: 0;
}

.header .gnav>.inner>.item>.nav-main>li.subnav>.panel-button::after,
.header .gnav>.inner>.item>.nav-main>li.subnav>.panel-button::before {
  content: "";
  display: block;
  position: absolute;
  background-color: #fff;
}

.header .gnav>.inner>.item>.nav-main>li.subnav>.panel-button::before {
  width: 20px;
  height: 2px;
  top: 35px;
  right: 0;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.header .gnav>.inner>.item>.nav-main>li.subnav>.panel-button::after {
  height: 20px;
  width: 2px;
  top: 26px;
  right: 9px;
}

.header .gnav>.inner>.item>.nav-main>li.subnav>.panel-button.is-open::after {
  content: none;
}

.header .gnav>.inner>.item>.nav-main>li.subnav>.panel-button.is-open::before {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.header .gnav>.inner>.item>.nav-main>li.subnav>a>span {
  -webkit-transition: opacity 2s ease 0s;
  transition: opacity 2s ease 0s;
}

.header .gnav>.inner>.item>.nav-main>li.subnav>a>span:hover {
  opacity: 0.5;
}

.header .gnav>.inner>.item>.nav-main>li.subnav ul {
  display: none;
}

.header .gnav>.inner>.item>.nav-main>li.subnav ul>li>a {
  padding-left: 15px;
  font-size: 14px;
  line-height: 2.2;
  position: relative;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.header .gnav>.inner>.item>.nav-main>li.subnav ul>li>a>span {
  -webkit-transition: opacity 2s ease 0s;
  transition: opacity 2s ease 0s;
}

.header .gnav>.inner>.item>.nav-main>li.subnav ul>li>a>span:hover {
  opacity: 0.5;
}

.header .gnav>.inner>.item>.nav-main>li.subnav ul>li>a::before {
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  left: 0;
  top: 7px;
}

.header .gnav>.inner>.item>.block {
  position: relative;
  z-index: 4;
  overflow: hidden;
}

.header .gnav>.inner>.item>.block>.nav-sub {
  margin-bottom: 20px;
  -webkit-transform: translateY(200%);
  transform: translateY(200%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.header .gnav>.inner>.item>.block>.nav-sub>li>a {
  font-size: 16px;
  -webkit-transition: opacity 2s ease 0s;
  transition: opacity 2s ease 0s;
}

.header .gnav>.inner>.item>.block>.nav-sub>li>a:hover {
  opacity: 0.5;
}

.header .gnav>.inner>.item>.block>.nav-sub>li>a[target="_blank"] {
  background: url(assets/images/icon-blank.png) no-repeat right center/18px auto;
  padding-right: 25px;
}

.header .gnav>.inner>.item>.block>.nav-sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}

.header .gnav>.inner>.item>.block>.nav-sns>li {
  margin-right: 10px;
}

.header .gnav>.inner>.item>.block>.nav-sns>li>a {
  width: 30px;
  height: 30px;
  -webkit-transition: opacity 2s ease 0s;
  transition: opacity 2s ease 0s;
}

.header .gnav>.inner>.item>.block>.nav-sns>li>a:hover {
  opacity: 0.5;
}

.header .gnav a,
.header .gnav span {
  display: inline-block;
  color: #fff;
}

.block-revealer__element {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  pointer-events: none;
  opacity: 0;
}

.footer {
  background: -webkit-linear-gradient(306deg,
      #06ffbf,
      #3bcbfb,
      #ff3f99,
      #e5e739,
      #ffbbc2,
      #886f68,
      #c4c4c4);
  background: linear-gradient(144deg,
      #06ffbf,
      #3bcbfb,
      #ff3f99,
      #e5e739,
      #ffbbc2,
      #886f68,
      #c4c4c4);
  background-size: 1400% 1400%;
  letter-spacing: 0.05em;
  -webkit-animation: kani 21s ease infinite;
  animation: kani 21s ease infinite;
}

.footer>.inner {
  padding: 50px;
}

.footer>.inner>.item .footer-logo.narrow {
  display: block;
  max-width: 238px;
  margin: 0 auto 50px;
}

.footer>.inner>.item .footer-logo.wide {
  display: none;
}

.footer>.inner>.item>.nav-sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 45px;
}

.footer>.inner>.item>.nav-sns>li {
  width: 30px;
  -webkit-transition: opacity 2s ease 0s;
  transition: opacity 2s ease 0s;
}

.footer>.inner>.item>.nav-sns>li:hover {
  opacity: 0.5;
}

.footer>.inner>.item>.nav-sns>li:not(:last-child) {
  margin-right: 10px;
}

.footer>.inner>.footer-nav {
  display: none;
}

.footer>.inner>.copy {
  color: #fff;
  text-align: center;
}

.footer>.inner>.copy small {
  font-size: 0.625rem;
}

.com-w100 {
  width: 100%;
}

.com-line-a {
  width: 100%;
  max-width: 620px;
  height: 1px;
  display: block;
  margin: 50px auto;
  background-color: #ccc;
}

.narrow-none {
  display: none;
}

main .inner {
  max-width: 1060px;
  margin: 0 auto;
  padding-left: 30px;
  padding-right: 30px;
}

.hdg-lv1-01 {
  text-align: center;
  margin: 20px 0 45px;
}

.hdg-lv1-01 h1 {
  font-family: Sabon_Roman, sans-serif;
  font-size: 22px;
  line-height: 1.1;
  margin-bottom: 5px;
  letter-spacing: 0.1em;
}

.hdg-lv1-01 p {
  font-size: 14px;
}

.btn {
  margin: 0 auto;
  max-width: 500px;
}

.btn>a,
.btn>button {
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f2f2f2;
  width: 100%;
  font-size: 16px;
  position: relative;
  border: none;
  font-family: inherit;
  -webkit-transition: opacity .3s ease 0s;
  transition: opacity .3s ease 0s;
}

.btn>a:hover,
.btn>button:hover:not(:disabled) {
  opacity: 0.5;
}

.btn>a::after,
.btn>button::after {
  content: "";
  display: block;
  border-right: 1px solid #1b1b1b;
  border-top: 1px solid #1b1b1b;
  height: 7px;
  width: 7px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  position: absolute;
  top: 50%;
  right: 55px;
}

.navigation {
  margin: 0 30px 50px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  height: 100px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  max-width: 1200px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.navigation li.prev a {
  padding-left: 25px;
}

.navigation li.prev a::after {
  left: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.navigation li.next a {
  padding-right: 25px;
}

.navigation li.next a::after {
  right: 0;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}

.navigation li a {
  display: block;
  letter-spacing: 0.05em;
  font-size: 18px;
  line-height: 1.7;
  position: relative;
  -webkit-transition: opacity 2s ease 0s;
  transition: opacity 2s ease 0s;
}

.navigation li a:hover {
  opacity: 0.5;
}

.navigation li a::after {
  content: "";
  position: absolute;
  top: 50%;
  border-left: 1px solid #1b1b1b;
  border-bottom: 1px solid #1b1b1b;
  width: 8px;
  height: 8px;
}

.navigation li a span {
  display: block;
  letter-spacing: 0;
  font-size: 12px;
}

input[type="email"],
input[type="text"],
select,
textarea {
  border: 1px solid #ccc;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: inherit;
  padding: 16px 25px;
  font-size: 16px;
}

input[type="email"]::-webkit-input-placeholder,
input[type="text"]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #ccc;
  font-size: 16px;
}

input[type="email"]::-moz-placeholder,
input[type="text"]::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
  color: #ccc;
  font-size: 16px;
}

input[type="email"]:-ms-input-placeholder,
input[type="text"]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #ccc;
  font-size: 16px;
}

input[type="email"]::-ms-input-placeholder,
input[type="text"]::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
  color: #ccc;
  font-size: 16px;
}

input[type="email"]::placeholder,
input[type="text"]::placeholder,
select::placeholder,
textarea::placeholder {
  color: #ccc;
  font-size: 16px;
}

input[type="email"]:focus,
input[type="text"]:focus,
select:focus,
textarea:focus {
  outline: 0;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(assets/images/icon-select.png) no-repeat right 30px center/11px 9px;
  font-size: 16px;
}

textarea {
  height: 180px;
}

.page-office p:not(.com-pagination-copy) {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 20px;
}

.page-office .main-visual {
  max-width: 1200px;
  margin: 0 auto 20px;
}

.page-office .block .img {
  margin: 0 auto 20px;
  max-width: 480px;
}

.page-office .map {
  margin: 20px 0 25px;
  height: 315px;
  overflow: hidden;
}

.page-office .map iframe {
  width: 100%;
  height: 600px;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  margin-top: -140px;
}

.page-office .address {
  line-height: 1.7;
  font-size: 14px;
  text-align: center;
  margin-bottom: 85px;
}

.page-office .box {
  position: relative;
  margin-bottom: 40px;
}

.page-office .box:last-of-type {
  margin-bottom: 150px;
}

.page-office .box .item .img {
  max-width: 200px;
  margin: 0 auto 25px;
}

.page-office .box .item .img.narrow {
  max-width: 120px;
}

.page-office .box .item .text p {
  margin-bottom: 5px;
}

.page-office .box .item .text .link {
  margin-bottom: 0;
}

.page-office .box .item .text .link a {
  text-decoration: underline;
}

.page-office .box .item .text .link a[target="_blank"] {
  padding-right: 25px;
  background: url(assets/images/office/icon-window.png) no-repeat right 2px/17px 13px;
}

.page-office .box .item .text .link a:hover {
  text-decoration: none;
}

.page-office .hdg-lv2-01 {
  text-align: center;
  margin-bottom: 40px;
}

.page-office .hdg-lv2-01 span {
  font-size: 22px;
  letter-spacing: 0.1em;
  position: relative;
}

.page-office .hdg-lv3-01 {
  text-align: center;
  margin-bottom: 25px;
  display: grid;
  justify-content: center;
}

.page-office .hdg-lv3-01 h3 {
  font-size: 18px;
  line-height: 1.55;
}

.page-office .hdg-lv3-01 .sub {
  color: #ccc;
  font-size: 14px;
}

.page-office .hdg-lv3-01 .small {
  display: block;
  font-size: 14px;
}

.page-corporate_profile .list-desc-01 {
  margin-bottom: 100px;
  position: relative;
}

.page-corporate_profile .list-desc-01::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#ccc),
      color-stop(37%, #ccc),
      color-stop(37%, rgba(0, 0, 0, 0)),
      to(rgba(0, 0, 0, 0))) 0 0;
  background: -webkit-linear-gradient(left,
      #ccc,
      #ccc 37%,
      rgba(0, 0, 0, 0) 37%,
      rgba(0, 0, 0, 0) 100%) 0 0;
  background: linear-gradient(to right,
      #ccc,
      #ccc 37%,
      rgba(0, 0, 0, 0) 37%,
      rgba(0, 0, 0, 0) 100%) 0 0;
  background-size: 8px 1px;
  width: 100%;
  height: 1px;
  display: block;
}

.page-corporate_profile .list-desc-01 div {
  padding: 25px 0;
  position: relative;
  display: grid;
}

.page-corporate_profile .list-desc-01 div::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#ccc),
      color-stop(37%, #ccc),
      color-stop(37%, rgba(0, 0, 0, 0)),
      to(rgba(0, 0, 0, 0))) 0 0;
  background: -webkit-linear-gradient(left,
      #ccc,
      #ccc 37%,
      rgba(0, 0, 0, 0) 37%,
      rgba(0, 0, 0, 0) 100%) 0 0;
  background: linear-gradient(to right,
      #ccc,
      #ccc 37%,
      rgba(0, 0, 0, 0) 37%,
      rgba(0, 0, 0, 0) 100%) 0 0;
  background-size: 8px 1px;
  width: 100%;
  height: 1px;
  display: block;
}

.page-corporate_profile .list-desc-01 div .info-content,
.page-corporate_profile .list-desc-01 div .info-label {
  font-size: 16px;
}

.page-corporate_profile .list-desc-01 div .info-label {
  margin-bottom: 5px;
}

.page-corporate_profile .list-desc-01 div .list-01>li {
  position: relative;
  padding-left: 1em;
}

.page-corporate_profile .list-desc-01 div .list-01>li::before {
  content: "";
  position: absolute;
  top: 11px;
  left: 6px;
  width: 2px;
  height: 2px;
  background-color: #1b1b1b;
  border-radius: 50%;
}

.page-corporate_profile .list-desc-01 div .list-01>li.none-desc::before {
  display: none;
}

.page-corporate_profile .img {
  max-width: 200px;
  margin: 0 auto 100px;
}

.page-contact p {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 20px;
}

.page-contact .lead {
  margin-bottom: 30px;
}

.page-contact .lead>p {
  max-width: 800px;
  margin: 0 auto;
}

.page-contact .contact-content+p {
  display: none;
}

.page-contact .contact-wrap {
  margin-bottom: 25px;
}

.page-contact .contact-wrap .contact-item {
  max-width: 800px;
  margin: 0 auto;
  font-size: 16px;
}

.page-contact .contact-wrap .contact-item:last-of-type .contact-item-privacy {
  margin-bottom: 0;
}

.page-contact .contact-wrap .contact-item>dt {
  line-height: 2;
  margin-bottom: 10px;
}

.page-contact .contact-wrap .contact-item>dd {
  margin-bottom: 20px;
}

.page-contact .contact-wrap .contact-item .privacy-area {
  height: 350px;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.page-contact .contact-wrap .contact-item .privacy-area .privacy {
  line-height: 1.7;
  font-size: 14px;
}

.page-contact .contact-wrap .contact-item .privacy-area .privacy>li {
  margin-bottom: 20px;
}

.page-contact .contact-wrap .contact-item .privacy-area .privacy>li:last-child {
  margin-bottom: 0;
}

.page-contact .agreearea .agree {
  font-size: 16px;
  max-width: 208px;
  line-height: 1.5;
  margin: 0 auto 45px;
  position: relative;
  padding-left: 35px;
}

.page-contact .agreearea .agree input[type="checkbox"] {
  position: absolute;
  top: 5px;
  left: 0;
  margin: 0;
}

.page-contact .note {
  font-size: 12px;
  line-height: 1.6;
  margin-bottom: 100px;
}

.page-contact .error {
  font-size: 14px;
}

.page-contact .mw_wp_form_confirm .contact-wrap {
  margin-bottom: 45px;
}

.page-contact .mw_wp_form_confirm .contact-wrap .contact-item:last-child {
  display: none;
}

.page-contact .mw_wp_form_confirm .contact-wrap .contact-item>dt {
  padding-top: 0;
  color: #ccc;
}

.page-contact .mw_wp_form_confirm .agreearea,
.page-contact .mw_wp_form_confirm .lead,
.page-contact .mw_wp_form_confirm .note {
  display: none;
}

.page-contact .mw_wp_form_confirm .btn {
  margin: 0 auto 30px;
}

.page-contact .mw_wp_form_confirm .btn-back {
  margin-bottom: 90px;
}

.page-contact .mw_wp_form_confirm .btn-back>button {
  border: none;
  font-family: inherit;
  position: relative;
  background: 0 0;
  font-size: inherit;
  padding-left: 20px;
}

.page-contact .mw_wp_form_confirm .btn-back>button::before {
  content: "";
  display: block;
  border-left: 1px solid #1b1b1b;
  border-top: 1px solid #1b1b1b;
  height: 7px;
  width: 7px;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  position: absolute;
  top: 50%;
  left: 0;
}

.page-contact .mw_wp_form_complete .sp-none {
  display: none;
}

.page-contact .mw_wp_form_complete .lead {
  margin-bottom: 30px;
  letter-spacing: 0.1em;
  font-size: 22px;
  line-height: 1.8;
  padding-top: 0;
  border-top: none;
}

.page-contact .mw_wp_form_complete p {
  margin-bottom: 30px;
}

.page-contact .mw_wp_form_complete .btn {
  margin: 40px auto 100px;
}

.page-howto p {
  font-size: 16px;
  line-height: 2;
}

.page-howto .col2 {
  margin-bottom: 40px;
}

.page-howto .col2>.item:first-child {
  margin-bottom: 40px;
}

.page-howto .col2>.item>.img {
  max-width: 250px;
  margin: 0 auto 20px;
}

.page-howto .col2>.item>.hdg {
  line-height: 1.8;
  font-size: 22px;
  text-align: center;
  position: relative;
  margin-bottom: 25px;
  letter-spacing: 0.1em;
}

.page-howto .col2>.item>.hdg::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 1px;
  background-color: #1b1b1b;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.page-howto .col2>.item .text {
  margin-bottom: 0;
}

.page-howto .col1 {
  margin-bottom: 40px;
}

.page-howto .col1>.item>.img {
  max-width: 315px;
  margin: 0 auto 20px;
}

.page-howto .col1>.item>.hdg {
  line-height: 1.8;
  font-size: 22px;
  text-align: center;
  position: relative;
  margin-bottom: 20px;
  letter-spacing: 0.1em;
}

.page-howto .col1>.item>.hdg::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 1px;
  background-color: #1b1b1b;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.page-howto .box {
  border: 1px solid #1b1b1b;
  padding: 30px 30px 20px;
  margin-bottom: 100px;
}

.page-howto .box>.hdg {
  line-height: 1.6;
  text-align: center;
  font-size: 20px;
  margin-bottom: 15px;
}

.page-howto .box>.listblock>.item>.list {
  line-height: 2;
  font-size: 16px;
  margin-bottom: 5px;
  position: relative;
  padding-left: 33px;
}

.page-howto .box>.listblock>.item>.list:last-child {
  margin-bottom: 0;
}

.page-howto .box>.listblock>.item>.list::before {
  content: "";
  width: 15px;
  height: 1px;
  background-color: #707070;
  position: absolute;
  left: 0;
  top: 15px;
}

.page-corporate_culture p:not(.com-pagination-copy, .lead, .dd) {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 20px;
}

.page-corporate_culture .col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  margin-bottom: 40px;
}

.page-corporate_culture .col2:last-of-type {
  margin-bottom: 90px;
}

.page-corporate_culture .col2>.img {
  max-width: 250px;
  margin: 0 auto 20px;
}

.page-corporate_culture .col2>.item>.hdg {
  margin-bottom: 15px;
  font-size: 22px;
  line-height: 1.8;
  text-align: center;
  letter-spacing: 0.1em;
}

.page-corporate_culture .col2>.item>.text {
  margin-bottom: 0;
}

.page-careers p:not(.com-pagination-copy) {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 20px;
}

.page-careers main .inner {
  max-width: 1200px;
}

.page-careers .lead-area {
  max-width: 1000px;
  margin: 0 auto 40px;
}

.page-careers .lead-area .lead {
  font-size: 22px;
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin-bottom: 10px;
}

.page-careers .lead-area .lead~p {
  margin-bottom: 30px;
}

.page-careers .box {
  margin-bottom: 40px;
}

.page-careers .box:last-child {
  margin-bottom: 100px;
}

.page-careers .box>.hdg {
  font-size: 22px;
  line-height: 1.8;
  letter-spacing: 0.1em;
  text-align: center;
  margin-bottom: 25px;
}

.page-careers .box>.img {
  max-width: 250px;
  margin: 0 auto 20px;
}

.page-careers .box>.col2>.item:first-child {
  margin-bottom: 15px;
}

.page-careers .box>.col2>.item>p {
  margin-bottom: 0;
}

.page-careers .box>.col2>.item>.hdg {
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 15px;
}

.page-careers .box>.col2>.item>.desc {
  margin-bottom: 25px;
}

.page-careers .box>.col2>.item>.desc>.desc-title {
  font-size: 14px;
  line-height: 1.7;
  margin-bottom: 10px;
}

.page-careers .box>.col2>.item>.desc>.desc-content {
  margin-bottom: 20px;
}

.page-careers .box>.col2>.item>.desc>.desc-content:last-child {
  margin-bottom: 0;
}
/* .page-careers .desc-content .list>li{
  font-size: 12px;
  line-height: 1.7;
  position: relative;
  padding-left: 15px;
}
.page-careers .desc-content .list>li::before{
  content: "";
  width: 2px;
  height: 2px;
  background-color: #1b1b1b;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 6px;
  top: 11px;
} */
.page-careers .box>.col2>.item>.desc .list>li {
  font-size: 14px;
  line-height: 1.7;
  position: relative;
  padding-left: 15px;
}

.page-careers .box>.col2>.item>.desc .list>li::before {
  content: "";
  width: 2px;
  height: 2px;
  background-color: #1b1b1b;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 6px;
  top: 11px;
}

.page-careers .box-1>.img {
  max-width: 350px;
}

.page-careers .box-2>.img {
  max-width: 380px;
}

.page-careers .box-3>.img {
  max-width: 350px;
}

.page-careers .col2 {
  display: grid;
  justify-content: center;
}

.page-recruit p:not(.com-pagination-copy, .lead) {
  font-size: 16px;
  line-height: 2;
}

.page-recruit .lead {
  text-align: center;
  line-height: 1.8;
  font-size: 22px;
  margin-bottom: 30px;
}

.page-recruit .all-area {
  overflow: hidden;
  margin-bottom: 100px;
}

.page-recruit .all-area>.tab {
  margin-bottom: 50px;
}

.page-recruit .all-area>.tab>li {
  border: 1px solid #ccc;
  text-align: center;
  max-width: 315px;
  padding: 30px 20px 20px;
}

.page-recruit .all-area>.tab>li:last-child {
  margin-bottom: 0;
}

.page-recruit .all-area>.tab>li.select .label::after {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #1b1b1b;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 3px;
  top: 10px;
}

.page-recruit .all-area>.tab>li>.img {
  max-width: 250px;
  margin: 0 auto 15px;
}

.page-recruit .all-area>.tab>li .label {
  display: inline-block;
  margin: 0;
  position: relative;
  padding-left: 30px;
}

.page-recruit .all-area>.tab>li .label::before {
  content: "";
  width: 16px;
  height: 16px;
  border: 1px solid #1b1b1b;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: 0;
  top: 7px;
}

.page-recruit .all-area>.content.is-hidden {
  display: none;
}

.page-recruit .all-area>.content>.desc {
  position: relative;
  font-size: 16px;
  margin-bottom: 50px;
}

.page-recruit .all-area>.content>.desc::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#ccc),
      color-stop(37%, #ccc),
      color-stop(37%, rgba(0, 0, 0, 0)),
      to(rgba(0, 0, 0, 0))) 0 0;
  background: -webkit-linear-gradient(left,
      #ccc,
      #ccc 37%,
      rgba(0, 0, 0, 0) 37%,
      rgba(0, 0, 0, 0) 100%) 0 0;
  background: linear-gradient(to right,
      #ccc,
      #ccc 37%,
      rgba(0, 0, 0, 0) 37%,
      rgba(0, 0, 0, 0) 100%) 0 0;
  background-size: 8px 1px;
  width: 100%;
  height: 1px;
  display: block;
}

.page-recruit .all-area>.content>.desc>div {
  position: relative;
  padding: 25px;
}

.page-recruit .all-area>.content>.desc>div::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#ccc),
      color-stop(37%, #ccc),
      color-stop(37%, rgba(0, 0, 0, 0)),
      to(rgba(0, 0, 0, 0))) 0 0;
  background: -webkit-linear-gradient(left,
      #ccc,
      #ccc 37%,
      rgba(0, 0, 0, 0) 37%,
      rgba(0, 0, 0, 0) 100%) 0 0;
  background: linear-gradient(to right,
      #ccc,
      #ccc 37%,
      rgba(0, 0, 0, 0) 37%,
      rgba(0, 0, 0, 0) 100%) 0 0;
  background-size: 8px 1px;
  width: 100%;
  height: 1px;
  display: block;
}

.page-recruit .all-area>.content>.desc>div .dt {
  line-height: 2;
  margin-bottom: 10px;
}

/* .page-recruit .all-area > .content > .desc > div .dd {
  line-height: 1.5;
} */
.page-recruit .all-area>.content>.desc>div .dd>.list li {
  font-size: 12px;
  line-height: 1.6;
}

.page-recruit .all-area>.content>.desc>div .dd>.privacy-area {
  height: 350px;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 25px;
}

.page-recruit .all-area>.content>.desc>div .dd>.privacy-area .privacy {
  line-height: 1.7;
  font-size: 14px;
}

.page-recruit .all-area>.content>.desc>div>dd>.privacy-area .privacy>li {
  margin-bottom: 20px;
}

.page-recruit .all-area>.content>.desc>div>dd>.privacy-area .privacy>li:last-child {
  margin-bottom: 0;
}

.page-recruit .all-area>.content>.desc>div .dd>.agreearea .agree {
  font-size: 16px;
  max-width: 208px;
  display: flex;
  column-gap: 20px;
  align-items: center;
  line-height: 1.5;
  margin: 0 auto;
  position: relative;
}

.page-recruit .all-area>.content>.desc>div>dd>.agreearea .agree [type="checkbox"] {
  position: absolute;
  top: 5px;
  left: 0;
  margin: 0;
}

.page-recruit .text-confirm {
  display: none;
}

.page-recruit .desc-01 {
  position: relative;
  margin-bottom: 45px;
}

.page-recruit .desc-01:first-of-type {
  padding-bottom: 50px;
}

.page-recruit .desc-01:first-of-type::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear,
      left top,
      right top,
      from(#ccc),
      color-stop(37%, #ccc),
      color-stop(37%, rgba(0, 0, 0, 0)),
      to(rgba(0, 0, 0, 0))) 0 0;
  background: -webkit-linear-gradient(left,
      #ccc,
      #ccc 37%,
      rgba(0, 0, 0, 0) 37%,
      rgba(0, 0, 0, 0) 100%) 0 0;
  background: linear-gradient(to right,
      #ccc,
      #ccc 37%,
      rgba(0, 0, 0, 0) 37%,
      rgba(0, 0, 0, 0) 100%) 0 0;
  background-size: 8px 1px;
  width: 100%;
  height: 1px;
  display: block;
}

.page-recruit .desc-01>.page-table-item {
  margin-bottom: 25px;
}

.page-recruit .desc-01>.page-table-item:last-child {
  margin-bottom: 0;
}

.page-recruit .desc-01>.page-table-item>dt {
  font-size: 16px;
  line-height: 2;
  margin-bottom: 10px;
}

.page-recruit .desc-01>.page-table-item>dt>.required-icon {
  margin-left: 3px;
}

.page-recruit .desc-01>.page-table-item>dt>.repletion {
  display: block;
  font-size: 12px;
}

.page-recruit .desc-01>.page-table-item>dt>.repletion-note {
  display: block;
  font-size: 12px;
}

.page-recruit .desc-01>.page-table-item>dd {
  font-size: 16px;
}

.page-recruit .desc-01>.page-table-item>dd>.page-table-ymd li {
  width: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.page-recruit .desc-01>.page-table-item>dd>.page-table-ymd li:first-of-type {
  width: 115px;
}

.page-recruit .desc-01>.page-table-item>dd>.page-table-ymd li select {
  background-position: right 10px center;
  padding: 16px 20px;
}

.page-recruit .any {
  text-align: center;
}

.page-recruit .note {
  font-size: 12px;
  text-align: center;
  margin-bottom: 50px;
}

.page-recruit .mw_wp_form_confirm .text {
  display: none;
}

.page-recruit .mw_wp_form_confirm .text-confirm {
  display: block;
}

.page-recruit .mw_wp_form_confirm .desc-01>.page-table-item>dt {
  color: #ccc;
}

.page-recruit .mw_wp_form_confirm .desc-01>.page-table-item>dd>.page-table-ymd>li {
  width: auto;
  margin-right: 0;
}

.page-recruit .mw_wp_form_confirm .desc-01>.page-table-item>dd>.page-table-ymd>li:first-child {
  width: auto;
}

.page-recruit .mw_wp_form_confirm .btn {
  margin-bottom: 45px;
}

.page-recruit .mw_wp_form_confirm .btn-back {
  margin-bottom: 90px;
}

.page-recruit .mw_wp_form_confirm .btn-back>button {
  border: none;
  font-family: inherit;
  position: relative;
  background: 0 0;
  font-size: inherit;
  padding-left: 20px;
}

.page-recruit .mw_wp_form_confirm .btn-back>button::before {
  content: "";
  display: block;
  border-left: 1px solid #1b1b1b;
  border-top: 1px solid #1b1b1b;
  height: 7px;
  width: 7px;
  -webkit-transform: translateY(-50%) rotate(-45deg);
  transform: translateY(-50%) rotate(-45deg);
  position: absolute;
  top: 50%;
  left: 0;
}

.page-recruit .mw_wp_form_confirm .note {
  display: none;
}

.page-recruit .mw_wp_form_complete .sp-none {
  display: none;
}

.page-recruit .mw_wp_form_complete .lead {
  margin-bottom: 30px;
  letter-spacing: 0.1em;
}

.page-recruit .mw_wp_form_complete p {
  margin-bottom: 30px;
}

.page-recruit .mw_wp_form_complete .btn {
  margin: 40px auto 100px;
}

@media screen and (min-width: 576px) and (max-width: 767.98px) {
  :root {
    --bs-conSize: 540px;
  }

  :root {
    --bs-conSize: 540px;
  }

  :root {
    --bs-conSize: 540px;
  }

  :root {
    --bs-conSize: 540px;
  }

  :root {
    --bs-conSize: 540px;
  }

  :root {
    --bs-conSize: 540px;
  }

  :root {
    --bs-conSize: 540px;
  }

  :root {
    --bs-conSize: 540px;
  }

  :root {
    --bs-conSize: 540px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991.98px) {
  :root {
    --bs-conSize: 720px;
  }

  .ft-s10050 {
    font-size: 60px;
    line-height: calc(80 / 60);
  }

  .ft-s3624 {
    font-size: 28px;
    line-height: calc(56 / 28);
  }

  .ft-s3232 {
    font-size: 24px;
    line-height: calc(38 / 24);
  }

  .ft-s3222 {
    font-size: 24px;
    line-height: calc(38 / 24);
  }

  .ft-s2222 {
    font-size: 18px;
    line-height: calc(40 / 18);
  }

  .ft-s2218 {
    font-size: 18px;
    line-height: calc(40 / 18);
  }

  .ft-s1818 {
    font-size: 14px;
    line-height: calc(28 / 14);
  }

  .ft-s1816 {
    font-size: 14px;
    line-height: calc(28 / 14);
  }

  .ft-s1616 {
    font-size: 12px;
    line-height: calc(32 / 12);
  }

  .ft-s1612 {
    font-size: 12px;
    line-height: calc(28 / 12);
  }

  .ft-s1414 {
    font-size: 12px;
    line-height: calc(28 / 12);
  }

  .ft-s1412 {
    font-size: 12px;
    line-height: calc(28 / 12);
  }

  .ft-s1212 {
    font-size: 12px;
    line-height: calc(28 / 12);
  }

  :root {
    --bs-conSize: 720px;
  }

  :root {
    --bs-conSize: 720px;
  }

  :root {
    --bs-conSize: 720px;
  }

  :root {
    --bs-conSize: 720px;
  }

  :root {
    --bs-conSize: 720px;
  }

  :root {
    --bs-conSize: 720px;
  }

  :root {
    --bs-conSize: 720px;
  }

  :root {
    --bs-conSize: 720px;
  }
}

@media screen and (max-width: 1500px) and (hover: none) and (pointer: coarse) {
  body {
    /* background: #000; */
  }
}

@media only screen and (min-width: 768px) {
  .page-recruit .all-area>.tab{
    display: flex;
    column-gap: 20px;
  }
  .page-cursor-items {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 9999;
  }

  .page-cursor-item {
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
  }

  .page-cursor-follower {
    width: 10px;
    height: 10px;
    background-color: rgba(98, 77, 112, 0.8);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: width 0.2s, height 0.2s;
    transition: width 0.2s, height 0.2s;
    z-index: 501;
  }

  .page-cursor-follower.is-color {
    background: rgba(255, 255, 255, 0.8);
  }

  .page-cursor-none .page-cursor,
  .page-cursor-none .page-cursor-follower {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  .page-cursor-link .page-cursor-follower {
    width: 50px;
    height: 50px;
    border: 1px solid rgba(98, 77, 112, 0.3);
    background-color: rgba(255, 255, 255, 0);
  }

  .page-cursor-link .page-cursor-follower.is-color {
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: 0 0;
  }

  * {
    cursor: none;
  }

  * #cursor {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 501;
  }

  * #cursor span {
    width: 10px;
    height: 10px;
    background: rgba(98, 77, 112, 0.8);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
      height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
      -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
      height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
      -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
      width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
      height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
      width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
      height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
      -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: 9998;
  }

  * #cursor span.active {
    height: 50px;
    width: 50px;
    border: 1px solid rgba(98, 77, 112, 0.3);
    background-color: rgba(255, 255, 255, 0);
  }

  * #cursor span.is-color {
    background: rgba(255, 255, 255, 0.8);
  }

  * #cursor span.is-color.active {
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: 0 0;
  }

  .sp-none {
    display: none;
  }

  .pc-none {
    display: block;
  }
}

@media only screen and (min-width: 768px) and (hover: none) and (pointer: coarse) {
  .page-cursor-items {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 9999;
  }

  .page-cursor-item {
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
  }

  .page-cursor-follower {
    display: none;
    width: 10px;
    height: 10px;
    background-color: rgba(98, 77, 112, 0.8);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: width 0.2s, height 0.2s;
    transition: width 0.2s, height 0.2s;
    z-index: 501;
  }

  .page-cursor-follower.is-color {
    display: none;
    background: rgba(255, 255, 255, 0.8);
  }

  .page-cursor-none .page-cursor,
  .page-cursor-none .page-cursor-follower {
    display: none;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  .page-cursor-link .page-cursor-follower {
    display: none;
    width: 50px;
    height: 50px;
    border: 1px solid rgba(98, 77, 112, 0.3);
    background-color: rgba(255, 255, 255, 0);
  }

  .page-cursor-link .page-cursor-follower.is-color {
    display: none;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: 0 0;
  }

  * {
    cursor: none;
  }

  * #cursor {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 501;
  }

  * #cursor span {
    display: none;
    width: 10px;
    height: 10px;
    background: rgba(98, 77, 112, 0.8);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
      height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
      -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
      height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
      -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
      width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
      height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
      width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
      height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
      -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: 9998;
  }

  * #cursor span.active {
    display: none;
    height: 50px;
    width: 50px;
    border: 1px solid rgba(98, 77, 112, 0.3);
    background-color: rgba(255, 255, 255, 0);
  }

  * #cursor span.is-color {
    display: none;
    background: rgba(255, 255, 255, 0.8);
  }

  * #cursor span.is-color.active {
    display: none;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: 0 0;
  }
}

@media screen and (min-width: 768px) {

  .header .gnav::after {
    background: rgba(0, 0, 0, 0.7);
  }

  .header .gnav {
    background: url(assets/images/bg-menu.png) no-repeat center top;
    background-attachment: fixed;
    background-size: cover;
    position: fixed;
  }
}

@media screen and (min-width: 768px) and (hover: none) and (pointer: coarse) {
  .header .gnav.is-open::after {
    height: 100%;
  }

  .header .gnav::after {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    height: 100%;
    -webkit-transition: height 0.9s;
    transition: height 0.9s;
    -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
    background: url(assets/images/bg-menu-sp.png) center top;
    /* background-size: cover; */
  }
}

@media screen and (min-width: 1279.98px) {
  .header .gnav>.inner>.item>.nav-main>li.subnav ul>li>a::before{
    top: 12px;
  }
}
@media screen and (min-width: 768px) {
  /* body.is-active {
    overflow-y: auto;
  } */

  body main {
    padding-top: 142px;
  }

  .header {
    padding: 50px 30px 0 30px;
  }

  .home .header .sitelogo {
    max-width: 344px;
    position: absolute;
    top: 50px;
    left: 50px;
  }

  .home .header .sitelogo .home-logo {
    display: block;
  }

  .home .header .sitelogo .default-logo {
    display: none;
  }

  .header .wide-gnav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    column-gap: 20px;
    width: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    z-index: 3;
  }

  .header .wide-gnav > li {
    padding-bottom: 4px;
    -webkit-transition: opacity 0.2s ease 0s;
    transition: opacity 0.2s ease 0s;
  }

  .header .wide-gnav > li.is-current {
    border-bottom: 1px solid #1b1b1b;
  }

  .header .wide-gnav > li span {
    font-size: 14px;
  }

  .header .wide-gnav > li a img,
  .header .wide-gnav > li span img {
    width: 24px;
  }

  .header .navBtn {
    position: fixed;
    top: 50%;
    right: 50px;
  }

  .header .navBtn.is-active {
    top: 50%;
    right: 50px;
    margin-top: -8px;
  }

  /* .header .gnav {
    background: url(assets/images/bg-menu.png) no-repeat center top;
    background-attachment: fixed;
    background-size: cover;
    position: fixed;
  } */
  .header .gnav::before {
    content: none;
  }


  /* .header .gnav.is-open::after {
    height: calc(100% - 50px);
  }
  .header .gnav::after {
    background: rgba(0, 0, 0, 0.7);
  } */
  .header .gnav>.inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    max-width: 1400px;
    margin: 0 auto;
    padding: 100px 30px 0;
  }

  .header .gnav>.inner .logo>.gnav-logo {
    display: block;
    margin-right: 45px;
    min-width: 200px;
  }

  .header .gnav>.inner>.item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 460px;
    flex: 0 0 460px;
    width: 460px;
  }

  .header .gnav>.inner>.item>.nav-main {
    margin-bottom: 25px;
  }

  .header .gnav>.inner>.item>.nav-main>li:first-child a,
  .header .gnav>.inner>.item>.nav-main>li:first-child span {
    padding-top: 0;
    font-weight: 600;
  }

  .header .gnav>.inner>.item>.nav-main>li>a,
  .header .gnav>.inner>.item>.nav-main>li>span {
    font-size: 30px;
    padding: 15px 0;
    display: inline-block;
  }

  .header .gnav>.inner>.item>.nav-main>li.subnav>.panel-button {
    display: none;
  }

  .header .gnav>.inner>.item>.nav-main>li.subnav>.panel-button::after,
  .header .gnav>.inner>.item>.nav-main>li.subnav>.panel-button::before {
    content: none;
  }

  .header .gnav>.inner>.item>.nav-main>li.subnav>a {
    padding-bottom: 10px;
  }

  .header .gnav>.inner>.item>.nav-main>li.subnav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .header .gnav>.inner>.item>.nav-main>li.subnav ul>li:last-child a {
    margin-right: 0;
  }

  .header .gnav>.inner>.item>.nav-main>li.subnav ul>li>a {
    margin-right: 15px;
    font-size: 12px;
    white-space: nowrap;
  }

  .header .gnav>.inner>.item>.block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .header .gnav>.inner>.item>.block>.nav-sub {
    margin-bottom: 0;
  }

  /* .page-cursor-items {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 9999;
  }
  .page-cursor-item {
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
  }
  .page-cursor-follower {
    width: 10px;
    height: 10px;
    background-color: rgba(98, 77, 112, 0.8);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: width 0.2s, height 0.2s;
    transition: width 0.2s, height 0.2s;
    z-index: 501;
  }
  .page-cursor-follower.is-color {
    background: rgba(255, 255, 255, 0.8);
  }
  .page-cursor-none .page-cursor,
  .page-cursor-none .page-cursor-follower {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  .page-cursor-link .page-cursor-follower {
    width: 50px;
    height: 50px;
    border: 1px solid rgba(98, 77, 112, 0.3);
    background-color: rgba(255, 255, 255, 0);
  }
  .page-cursor-link .page-cursor-follower.is-color {
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: 0 0;
  }
  * {
    cursor: none;
  }
  * #cursor {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 501;
  }
  * #cursor span {
    width: 10px;
    height: 10px;
    background: rgba(98, 77, 112, 0.8);
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
      height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
      -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
      height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
      -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
      width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
      height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
      width 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
      height 0.3s cubic-bezier(0.165, 0.84, 0.44, 1),
      -webkit-transform 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: 9998;
  }
  * #cursor span.active {
    height: 50px;
    width: 50px;
    border: 1px solid rgba(98, 77, 112, 0.3);
    background-color: rgba(255, 255, 255, 0);
  }
  * #cursor span.is-color {
    background: rgba(255, 255, 255, 0.8);
  }
  * #cursor span.is-color.active {
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: 0 0;
  } */
  .page-howto .col2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 90px;
  }

  .page-howto .col2>.item {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 450px;
    flex: 1 1 450px;
    max-width: 450px;
  }

  .page-howto .col2>.item:first-child {
    margin-right: 110px;
  }

  .page-howto .col2>.item:first-child {
    margin-bottom: 0;
  }

  .page-howto .col2>.item>.img {
    max-width: 280px;
  }

  .page-howto .col1 {
    max-width: 450px;
    margin: 0 auto 90px;
  }

  .page-howto .col1>.item>.img {
    max-width: 400px;
  }

  .page-howto .box>.hdg {
    font-size: 22px;
    line-height: 1.8;
  }

  .page-corporate_culture .col2 {
    margin-bottom: 70px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .page-corporate_culture .col2:nth-of-type(odd) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .page-corporate_culture .col2:nth-of-type(odd)>.img {
    margin: 0 50px 0 0;
  }

  .page-corporate_culture .col2:nth-of-type(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .page-corporate_culture .col2:nth-of-type(even)>.img {
    margin: 0 0 0 50px;
  }

  .page-corporate_culture .col2:last-of-type {
    margin-bottom: 150px;
  }

  .page-corporate_culture .col2>.img {
    max-width: 300px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
  }

  .page-corporate_culture .col2>.item>.hdg {
    text-align: left;
    font-size: 22px;
  }
}

@media screen and (min-width: 768px) and (max-height: 800px) {
  .header .gnav>.inner>.item>.nav-main {
    margin-bottom: 10px;
  }

  .header .gnav>.inner>.item>.nav-main>li>a,
  .header .gnav>.inner>.item>.nav-main>li>span {
    padding: 10px 0;
  }

  .header .gnav>.inner>.item>.nav-main>li.subnav>a {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 940px) {
  .header .gnav>.inner {
    padding: 100px 50px;
  }

  .header .gnav>.inner .logo>.gnav-logo {
    margin-right: 95px;
    max-width: 380px;
  }
}
@media screen and (min-width: 992px) {
  .header {
    padding: 50px 50px 0 50px;
  }
  .header .wide-gnav{
    column-gap: 50px;
  }
}
@media screen and (min-width: 992px) and (max-width: 1199.98px) {
  :root {
    --bs-conSize: 960px;
  }

  .ft-s10050 {
    font-size: 80px;
    line-height: calc(80 / 80);
  }

  .ft-s3624 {
    font-size: 32px;
    line-height: calc(56 / 32);
  }

  .ft-s3232 {
    font-size: 28px;
    line-height: calc(38 / 28);
  }

  .ft-s3222 {
    font-size: 28px;
    line-height: calc(38 / 28);
  }

  .ft-s2222 {
    font-size: 20px;
    line-height: calc(40 / 20);
  }

  .ft-s2218 {
    font-size: 20px;
    line-height: calc(40 / 20);
  }

  .ft-s1818 {
    font-size: 16px;
    line-height: calc(28 / 16);
  }

  .ft-s1816 {
    font-size: 16px;
    line-height: calc(28 / 16);
  }

  .ft-s1616 {
    font-size: 14px;
    line-height: calc(32 / 14);
  }

  .ft-s1612 {
    font-size: 14px;
    line-height: calc(28 / 14);
  }

  .ft-s1414 {
    font-size: 12px;
    line-height: calc(28 / 12);
  }

  .ft-s1412 {
    font-size: 12px;
    line-height: calc(28 / 12);
  }

  .ft-s1212 {
    font-size: 12px;
    line-height: calc(28 / 12);
  }

  :root {
    --bs-conSize: 960px;
  }

  :root {
    --bs-conSize: 960px;
  }

  :root {
    --bs-conSize: 960px;
  }

  :root {
    --bs-conSize: 960px;
  }

  :root {
    --bs-conSize: 960px;
  }

  :root {
    --bs-conSize: 960px;
  }

  :root {
    --bs-conSize: 960px;
  }

  :root {
    --bs-conSize: 960px;
  }
}

@media screen and (min-width: 1200px) and (max-width: 1680px) {
  :root {
    --bs-conSize: 1140px;
  }

  :root {
    --bs-conSize: 1140px;
  }

  :root {
    --bs-conSize: 1140px;
  }

  :root {
    --bs-conSize: 1140px;
  }

  :root {
    --bs-conSize: 1140px;
  }

  :root {
    --bs-conSize: 1140px;
  }

  :root {
    --bs-conSize: 1140px;
  }

  :root {
    --bs-conSize: 1140px;
  }

  :root {
    --bs-conSize: 1140px;
  }
}

@media screen and (min-width: 1200px) {

  .com-container {
    max-width: 1140px !important;
    margin: 0 auto;
  }

  .header .gnav>.inner {
    padding: 100px 100px;
  }

  .header .gnav>.inner .logo>.gnav-logo {
    margin-right: 95px;
    max-width: 537px;
  }

  .header .gnav>.inner>.item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 525px;
    flex: 0 0 525px;
    width: 525px;
  }

  .header .gnav>.inner>.item>.nav-main>li>a,
  .header .gnav>.inner>.item>.nav-main>li>span {
    font-size: 40px;
    padding: 20px 0;
  }

  .header .gnav>.inner>.item>.nav-main>li.subnav>a {
    padding-bottom: 15px;
  }

  .header .gnav>.inner>.item>.nav-main>li.subnav ul>li>a {
    margin-right: 30px;
    font-size: 14px;
  }

  .footer>.inner {
    padding: 105px 50px 95px;
  }

  .footer>.inner>.item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 50px;
  }

  .footer>.inner>.item .footer-logo.narrow {
    display: none;
  }

  .footer>.inner>.item .footer-logo.wide {
    display: block;
    max-width: 537px;
  }

  .footer>.inner>.footer-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-bottom: 40px;
  }

  .footer>.inner>.footer-nav a,
  .footer>.inner>.footer-nav span {
    color: #fff;
    -webkit-transition: opacity 2s ease 0s;
    transition: opacity 2s ease 0s;
  }

  .footer>.inner>.footer-nav a:hover,
  .footer>.inner>.footer-nav span:hover {
    opacity: 0.5;
  }

  .footer>.inner>.footer-nav>li:nth-of-type(1) {
    width: 180px;
  }

  .footer>.inner>.footer-nav>li:nth-of-type(2) {
    width: 160px;
  }

  .footer>.inner>.footer-nav>li:nth-of-type(3) {
    width: 130px;
  }

  .footer>.inner>.footer-nav>li:nth-of-type(4) {
    width: 190px;
  }

  .footer>.inner>.footer-nav>li:nth-of-type(5) {
    width: 145px;
  }

  .footer>.inner>.footer-nav>li:nth-of-type(6) {
    width: 145px;
  }

  .footer>.inner>.footer-nav>li:nth-of-type(7) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .footer>.inner>.footer-nav>li>a,
  .footer>.inner>.footer-nav>li>span {
    font-size: 1.25rem;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: 600;
  }

  .footer>.inner>.footer-nav>li>.subnav>li>a {
    font-size: 0.875rem;
    position: relative;
    padding-left: 15px;
  }

  .footer>.inner>.footer-nav>li>.subnav>li>a::before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 0;
    top: 6px;
  }

  .footer>.inner>.footer-nav>li>.nav-sub>li>a {
    font-size: 0.875rem;
  }

  .footer>.inner>.footer-nav>li>.nav-sub>li>a[target="_blank"] {
    background: url(assets/images/icon-blank.png) no-repeat right center/18px auto;
    padding-right: 25px;
  }

  .footer>.inner>.copy {
    text-align: left;
  }

  .wide-none {
    display: none;
  }

  .narrow-none {
    display: block;
  }

  .hdg-lv1-01 {
    margin: 60px 0 95px;
  }

  .hdg-lv1-01 h1 {
    font-size: 32px;
    margin-bottom: 15px;
  }

  .navigation {
    height: 145px;
    padding: 0 50px;
    margin: 0 auto 95px;
  }

  .navigation::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px;
    height: 45px;
    background-color: #ccc;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }

  .navigation li.prev a {
    padding-left: 50px;
  }

  .navigation li.next a {
    padding-right: 50px;
  }

  .navigation li a {
    font-size: 22px;
  }

  .navigation li a span {
    font-size: 14px;
  }

  .page-office p:not(.com-pagination-copy) {
    margin-bottom: 30px;
  }

  .page-office .main-visual {
    margin: 0 auto 100px;
  }

  .page-office .block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .page-office .block .img {
    margin: 0 0 0 50px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .page-office .map {
    margin: 100px 0 25px;
    height: 400px;
  }

  .page-office .map iframe {
    height: 800px;
    margin-top: -170px;
  }

  .page-office .box {
    margin-bottom: 115px;
  }

  .page-office .box:nth-of-type(even) .hdg-lv3-01 {
    left: 0;
  }

  .page-office .box:nth-of-type(even) .item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
  }

  .page-office .box:nth-of-type(even) .item .img {
    margin: 0 0 0 70px;
  }

  .page-office .box:nth-last-of-type(2) .item .img {
    margin: 0 0 0 190px;
  }

  .page-office .box .hdg-lv3-01 {
    position: absolute;
    left: 370px;
    top: 0;
  }

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

  .page-office .box .item .img {
    max-width: 300px;
    margin: 0 70px 0 0;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }

  .page-office .box .item .img.narrow {
    max-width: 180px;
  }

  .page-office .box .item .text {
    padding-top: 55px;
  }

  .page-office .hdg-lv2-01 {
    margin-bottom: 85px;
  }

  .page-office .hdg-lv2-01 span {
    display: inline-block;
    padding: 0 90px;
  }

  .page-office .hdg-lv2-01 span::after,
  .page-office .hdg-lv2-01 span::before {
    content: "";
    position: absolute;
    top: 50%;
    width: 60px;
    height: 1px;
    background-color: #ccc;
  }

  .page-office .hdg-lv2-01 span::before {
    left: 0;
  }

  .page-office .hdg-lv2-01 span::after {
    right: 0;
  }

  .page-office .hdg-lv3-01 {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 630px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .page-corporate_profile .list-desc-01 div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .page-corporate_profile .list-desc-01 div .info-label {
    width: 25%;
    padding-left: 100px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 25%;
    flex: 1 1 25%;
  }

  .page-corporate_profile .list-desc-01 div .info-content {
    width: 75%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
  }

  .page-corporate_profile .img {
    max-width: 300px;
    margin-bottom: 150px;
  }

  .page-contact p {
    margin-bottom: 30px;
  }

  .page-contact .lead {
    text-align: center;
    margin-bottom: 40px;
    border-top: 1px solid #ccc;
    padding-top: 90px;
  }

  .page-contact .contact-wrap .contact-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
  }

  .page-contact .contact-wrap .contact-item>dt {
    width: 220px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0;
    padding-top: 15px;
  }

  .page-contact .contact-wrap .contact-item>dd {
    width: 580px;
    margin-bottom: 0;
  }

  .page-contact .contact-wrap .contact-item .privacy-area {
    border: 1px solid #ccc;
    padding: 30px 20px 30px 30px;
    overflow-y: auto;
  }

  .page-contact .contact-wrap .contact-item .privacy-area .privacy {
    height: 280px;
    overflow-y: auto;
    padding-right: 25px;
  }

  .page-contact .agreearea {
    margin: 0 auto 100px;
    padding-bottom: 100px;
    border-bottom: 1px solid #ccc;
    text-align: center;
  }

  .page-contact .agreearea .agree {
    max-width: inherit;
    display: inline-block;
    margin-bottom: 0;
  }

  .page-contact .note {
    text-align: center;
    margin-bottom: 145px;
  }

  .page-contact .mw_wp_form_confirm .contact-wrap {
    margin-bottom: 100px;
  }

  .page-contact .mw_wp_form_confirm .btn {
    margin: 0 auto 100px;
  }

  .page-contact .mw_wp_form_complete .sp-none {
    display: block;
  }

  .page-contact .mw_wp_form_complete {
    text-align: center;
  }

  .page-contact .mw_wp_form_complete .lead {
    margin-bottom: 40px;
  }

  .page-contact .mw_wp_form_complete .btn {
    margin: 90px auto 150px;
  }

  .page-howto .box {
    margin-bottom: 150px;
    padding: 40px 0;
  }

  .page-howto .box>.listblock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .page-howto .box>.listblock>.item {
    width: 400px;
    max-width: 400px;
  }

  .page-corporate_culture p:not(.com-pagination-copy, .lead, .dd) {
    margin-bottom: 30px;
  }

  .page-careers p:not(.com-pagination-copy) {
    margin-bottom: 0px;
  }
  .page-careers .desc-title:nth-of-type(n+2){
    margin-top: 20px;
  }
  .page-careers .lead-area {
    margin-bottom: 90px;
  }

  .page-careers .lead-area .lead {
    margin-bottom: 30px;
    text-align: center;
  }

  .page-careers .box {
    margin-bottom: 100px;
    border: 1px solid #ccc;
    padding: 90px 100px 100px;
  }

  .page-careers .box>.hdg {
    margin-bottom: 40px;
  }

  .page-careers .box>.img {
    margin-bottom: 45px;
  }

  .page-careers .box>.col2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px;
  }

  .page-careers .box>.col2>.item {
    width: 50%;
  }

  .page-careers .box>.col2>.item:first-child {
    margin: 0 100px 0 0;
  }

  .page-careers .box>.col2>.item>.hdg {
    margin-bottom: 20px;
  }

  .page-careers .box>.col2>.item>.desc {
    margin-bottom: 0;
  }

  .page-careers .box>.col2>.item>.desc>.desc-content {
    margin-bottom: 25px;
  }

  /* .page-recruit p {
    margin-bottom: 30px;
  } */
  .page-recruit .lead {
    margin-bottom: 40px;
  }

  .page-recruit .all-area {
    margin-bottom: 150px;
  }

  .page-recruit .all-area>.tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 100px;
  }

  .page-recruit .all-area>.tab>li {
    margin: 0 50px 0 0;
    width: 315px;
  }

  .page-recruit .all-area>.tab>li:last-child {
    margin-right: 0;
  }

  .page-recruit .all-area>.content>.desc {
    margin-bottom: 100px;
  }

  .page-recruit .all-area>.content>.desc>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .page-recruit .all-area>.content>.desc>div .dt {
    width: 32%;
    padding-left: 100px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 32%;
    flex: 1 1 32%;
    margin-bottom: 0;
  }

  .page-recruit .all-area>.content>.desc>div .dd {
    width: 68%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 68%;
    flex: 0 0 68%;
  }

  .page-recruit .all-area>.content>.desc>div .dd>.privacy-area {
    width: 580px;
    border: 1px solid #ccc;
    padding: 30px 20px 30px 30px;
    overflow-y: auto;
  }

  .page-recruit .all-area>.content>.desc>div>dd>.privacy-area .privacy {
    height: 280px;
    overflow-y: auto;
    padding-right: 25px;
  }

  .page-recruit .all-area>.content>.desc>div .dd>.agreearea {
    text-align: left;
  }

  .page-recruit .all-area>.content>.desc>div .dd>.agreearea .agree {
    margin: 0;
    max-width: none;
  }

  .page-recruit .text {
    text-align: center;
    margin-bottom: 40px;
  }

  .page-recruit .desc-01 {
    margin-bottom: 100px;
    border: 1px solid #ccc;
    padding: 50px 100px;
  }

  .page-recruit .desc-01:first-of-type {
    margin-bottom: 45px;
  }

  .page-recruit .desc-01:first-of-type>.page-table-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .page-recruit .desc-01:first-of-type>.page-table-item>dt {
    width: 220px;
    padding-top: 15px;
    margin-bottom: 0;
  }

  .page-recruit .desc-01:first-of-type>.page-table-item>dt:first-child {
    padding-top: 0;
  }

  .page-recruit .desc-01:first-of-type>.page-table-item>dd {
    width: 580px;
  }

  .page-recruit .desc-01:first-of-type>.page-table-item>dd.align-self {
    -ms-flex-item-align: center;
    align-self: center;
  }

  .page-recruit .desc-01:first-of-type::before {
    content: none;
  }

  .page-recruit .desc-01>.page-table-item {
    margin-bottom: 45px;
  }

  .page-recruit .desc-01>.page-table-item>dt>.repletion-note {
    display: inline-block;
    margin-left: 30px;
  }

  .page-recruit .desc-01>.page-table-item>dd>.page-table-ymd li {
    width: 150px;
  }

  .page-recruit .desc-01>.page-table-item>dd>.page-table-ymd li:first-of-type {
    width: 150px;
  }

  .page-recruit .desc-01>.page-table-item>dd>.page-table-ymd li select {
    background-position: right 30px center;
  }

  .page-recruit .note {
    margin-bottom: 140px;
  }

  .page-recruit .mw_wp_form_confirm .text-confirm {
    text-align: center;
    margin-bottom: 40px;
  }

  .page-recruit .mw_wp_form_confirm .desc-01>.page-table-item>dt {
    padding-top: 0;
  }

  .page-recruit .mw_wp_form_complete .sp-none {
    display: block;
  }

  .page-recruit .mw_wp_form_complete {
    text-align: center;
  }

  .page-recruit .mw_wp_form_complete .btn {
    margin: 90px auto 150px;
  }
}

@media screen and (min-width: 1680px) {
  :root {
    --bs-conSize: 1340px;
  }

  :root {
    --bs-conSize: 1340px;
  }

  :root {
    --bs-conSize: 1340px;
  }

  :root {
    --bs-conSize: 1340px;
  }

  :root {
    --bs-conSize: 1340px;
  }

  :root {
    --bs-conSize: 1340px;
  }

  :root {
    --bs-conSize: 1340px;
  }

  :root {
    --bs-conSize: 1340px;
  }

  :root {
    --bs-conSize: 1340px;
  }
}

@media screen and (max-width: 991px) {
  
    .listblock{
      flex-direction: column;
    }
  
  .cp-p20-10-0 {
    margin-left: -10px;
    margin-right: -10px;
  }

  .cp-p20-10-0>* {
    padding-left: 10px;
    padding-right: 10px;
  }

  .cp-p40-20-0 {
    margin-left: -20px;
    margin-right: -20px;
  }

  .cp-p40-20-0>* {
    padding-left: 20px;
    padding-right: 20px;
  }

  .com-arrow {
    padding: 15px;
  }
}

@media screen and (max-width: 767.98px) {
  .page-recruit .all-area>.tab{
    display: grid;
    gap: 30px;
    justify-content: center;
  }
  .ft-s10050 {
    font-size: 50px;
    line-height: calc(80 / 50);
    letter-spacing: 0.1em;
  }

  .ft-s3624 {
    font-size: 24px;
    line-height: calc(38 / 24);
    letter-spacing: 0.05em;
  }

  .ft-s3232 {
    font-size: 32px;
    line-height: calc(26 / 32);
    letter-spacing: 0.1em;
  }

  .ft-s3222 {
    font-size: 22px;
    line-height: calc(26 / 22);
    letter-spacing: 0.1em;
  }

  .ft-s2222 {
    font-size: 22px;
    line-height: calc(40 / 22);
    letter-spacing: 0.05em;
  }

  .ft-s2218 {
    font-size: 18px;
    line-height: calc(32 / 18);
    letter-spacing: 0.05em;
  }

  .ft-s1818 {
    font-size: 18px;
    line-height: calc(28 / 18);
    letter-spacing: 0.05em;
  }

  .ft-s1816 {
    font-size: 16px;
    line-height: calc(28 / 16);
    letter-spacing: 0.05em;
  }

  .ft-s1616 {
    font-size: 16px;
    line-height: calc(28 / 16);
    letter-spacing: 0.05em;
  }

  .ft-s1612 {
    font-size: 12px;
    line-height: calc(28 / 12);
    letter-spacing: 0.05em;
  }

  .ft-s1414 {
    font-size: 14px;
    line-height: calc(28 / 14);
    letter-spacing: 0.05em;
  }

  .ft-s1412 {
    font-size: 12px;
    line-height: calc(28 / 12);
    letter-spacing: 0.05em;
  }

  .ft-s1212 {
    font-size: 12px;
    line-height: calc(28 / 12);
    letter-spacing: 0.05em;
  }

  .cp-p20-10-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .cp-p20-10-0>* {
    padding-left: 0;
    padding-right: 0;
  }

  .cp-p40-20-0 {
    margin-left: 0;
    margin-right: 0;
  }

  .cp-p40-20-0>* {
    padding-left: 0;
    padding-right: 0;
  }

  .com-container-wrap {
    padding-left: 30px;
    padding-right: 30px;
  }

  .mg-b100 {
    margin-bottom: 50px;
  }

  .mg-b60 {
    margin-bottom: 20px;
  }

  .mg-b50 {
    margin-bottom: 25px;
  }

  .mg-b20 {
    margin-bottom: 10px;
  }

  .mg-b10 {
    margin-bottom: 10px;
  }

  .com-pagination {
    margin: 100px 0 50px 0;
  }

  .com-pagination-items {
    padding: 30px 0;
  }

  .com-pagination-item:nth-of-type(1) {
    border-right: 0;
  }

  .com-pagination-pre:before {
    margin-right: 5px;
  }

  .com-pagination-next:after {
    margin-left: 5px;
  }

  .com-breadcrumbs {
    display: none;
  }

  .com-arrow {
    padding: 5px;
  }

  .com-line-a {
    margin: 30px auto;
  }

  .sp-none {
    display: block;
  }

  .pc-none {
    display: none;
  }

  .page-recruit .lead {
    margin-bottom: 20px;
  }

  .page-recruit .all-area>.content>.desc>div {
    padding: 20px;
  }

  .page-recruit .all-area>.content>.desc>div .dd>.agreearea .agree {
    align-items: flex-start;
  }
}

@media screen and (max-width: 575.99px) {
  :root {
    --bs-conSize: 100%;
  }

  :root {
    --bs-conSize: 100%;
  }

  :root {
    --bs-conSize: 100%;
  }

  :root {
    --bs-conSize: 100%;
  }

  :root {
    --bs-conSize: 100%;
  }

  :root {
    --bs-conSize: 100%;
  }

  :root {
    --bs-conSize: 100%;
  }

  :root {
    --bs-conSize: 100%;
  }

  :root {
    --bs-conSize: 100%;
  }
}

@media screen and (max-width: 374.98px) {
  .ft-s10050 {
    font-size: 40px;
    line-height: calc(80 / 40);
  }

  .ft-s3624 {
    font-size: 22px;
    line-height: calc(38 / 22);
  }

  .ft-s3232 {
    font-size: 30px;
    line-height: calc(26 / 30);
  }

  .ft-s3222 {
    font-size: 20px;
    line-height: calc(26 / 20);
  }

  .ft-s2222 {
    font-size: 20px;
    line-height: calc(40 / 20);
  }

  .ft-s2218 {
    font-size: 16px;
    line-height: calc(32 / 16);
  }

  .ft-s1818 {
    font-size: 16px;
    line-height: calc(28 / 16);
  }

  .ft-s1816 {
    font-size: 14px;
    line-height: calc(28 / 14);
  }

  .ft-s1616 {
    font-size: 14px;
    line-height: calc(28 / 14);
  }

  .ft-s1612 {
    font-size: 12px;
    line-height: calc(28 / 12);
  }

  .ft-s1414 {
    font-size: 12px;
    line-height: calc(28 / 12);
  }

  .ft-s1412 {
    font-size: 12px;
    line-height: calc(28 / 12);
  }

  .ft-s1212 {
    font-size: 12px;
    line-height: calc(28 / 12);
  }
}

@-webkit-keyframes animsition-loading {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes animsition-loading {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fade-out {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes fade-in-up {
  0% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in-up {
  0% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes fade-out-up {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0;
  }
}

@keyframes fade-out-up {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0;
  }
}

@-webkit-keyframes fade-in-up-sm {
  0% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in-up-sm {
  0% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes fade-out-up-sm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
}

@keyframes fade-out-up-sm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }
}

@-webkit-keyframes fade-in-up-lg {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in-up-lg {
  0% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes fade-out-up-lg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
}

@keyframes fade-out-up-lg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }
}

@-webkit-keyframes fade-in-down {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in-down {
  0% {
    -webkit-transform: translateY(-500px);
    transform: translateY(-500px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes fade-out-down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0;
  }
}

@keyframes fade-out-down {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(500px);
    transform: translateY(500px);
    opacity: 0;
  }
}

@-webkit-keyframes fade-in-down-sm {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in-down-sm {
  0% {
    -webkit-transform: translateY(-100px);
    transform: translateY(-100px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes fade-out-down-sm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
}

@keyframes fade-out-down-sm {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
  }
}

@-webkit-keyframes fade-in-down-lg {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@keyframes fade-in-down-lg {
  0% {
    -webkit-transform: translateY(-1000px);
    transform: translateY(-1000px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes fade-out-down-lg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
}

@keyframes fade-out-down-lg {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateY(1000px);
    transform: translateY(1000px);
    opacity: 0;
  }
}

@-webkit-keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in-left {
  0% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes fade-out-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0;
  }
}

@keyframes fade-out-left {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(-500px);
    transform: translateX(-500px);
    opacity: 0;
  }
}

@-webkit-keyframes fade-in-left-sm {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in-left-sm {
  0% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes fade-out-left-sm {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
}

@keyframes fade-out-left-sm {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(-100px);
    transform: translateX(-100px);
    opacity: 0;
  }
}

@-webkit-keyframes fade-in-left-lg {
  0% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in-left-lg {
  0% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes fade-out-left-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0;
  }
}

@keyframes fade-out-left-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(-1500px);
    transform: translateX(-1500px);
    opacity: 0;
  }
}

@-webkit-keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in-right {
  0% {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes fade-out-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
    opacity: 0;
  }
}

@keyframes fade-out-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(500px);
    transform: translateX(500px);
    opacity: 0;
  }
}

@-webkit-keyframes fade-in-right-sm {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in-right-sm {
  0% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes fade-out-right-sm {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}

@keyframes fade-out-right-sm {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100px);
    transform: translateX(100px);
    opacity: 0;
  }
}

@-webkit-keyframes fade-in-right-lg {
  0% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes fade-in-right-lg {
  0% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0;
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes fade-out-right-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0;
  }
}

@keyframes fade-out-right-lg {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(1500px);
    transform: translateX(1500px);
    opacity: 0;
  }
}

@-webkit-keyframes rotate-in {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}

@keyframes rotate-in {
  0% {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}

@-webkit-keyframes rotate-out {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }

  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}

@keyframes rotate-out {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }

  100% {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}

@-webkit-keyframes rotate-in-sm {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}

@keyframes rotate-in-sm {
  0% {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}

@-webkit-keyframes rotate-out-sm {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }

  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}

@keyframes rotate-out-sm {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }

  100% {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}

@-webkit-keyframes rotate-in-lg {
  0% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}

@keyframes rotate-in-lg {
  0% {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }
}

@-webkit-keyframes rotate-out-lg {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }

  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}

@keyframes rotate-out-lg {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 1;
  }

  100% {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    opacity: 0;
  }
}

@-webkit-keyframes flip-in-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: perspective(550px) rotateX(0);
    transform: perspective(550px) rotateX(0);
    opacity: 1;
  }
}

@keyframes flip-in-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: perspective(550px) rotateX(0);
    transform: perspective(550px) rotateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes flip-out-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(0);
    transform: perspective(550px) rotateX(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flip-out-x {
  0% {
    -webkit-transform: perspective(550px) rotateX(0);
    transform: perspective(550px) rotateX(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(550px) rotateX(90deg);
    transform: perspective(550px) rotateX(90deg);
    opacity: 0;
  }
}

@-webkit-keyframes flip-in-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: perspective(100px) rotateX(0);
    transform: perspective(100px) rotateX(0);
    opacity: 1;
  }
}

@keyframes flip-in-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: perspective(100px) rotateX(0);
    transform: perspective(100px) rotateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes flip-out-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(0);
    transform: perspective(100px) rotateX(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flip-out-x-nr {
  0% {
    -webkit-transform: perspective(100px) rotateX(0);
    transform: perspective(100px) rotateX(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(100px) rotateX(90deg);
    transform: perspective(100px) rotateX(90deg);
    opacity: 0;
  }
}

@-webkit-keyframes flip-in-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: perspective(1000px) rotateX(0);
    transform: perspective(1000px) rotateX(0);
    opacity: 1;
  }
}

@keyframes flip-in-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: perspective(1000px) rotateX(0);
    transform: perspective(1000px) rotateX(0);
    opacity: 1;
  }
}

@-webkit-keyframes flip-out-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0);
    transform: perspective(1000px) rotateX(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}

@keyframes flip-out-x-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateX(0);
    transform: perspective(1000px) rotateX(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(1000px) rotateX(90deg);
    transform: perspective(1000px) rotateX(90deg);
    opacity: 0;
  }
}

@-webkit-keyframes flip-in-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: perspective(550px) rotateY(0);
    transform: perspective(550px) rotateY(0);
    opacity: 1;
  }
}

@keyframes flip-in-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: perspective(550px) rotateY(0);
    transform: perspective(550px) rotateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes flip-out-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(0);
    transform: perspective(550px) rotateY(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flip-out-y {
  0% {
    -webkit-transform: perspective(550px) rotateY(0);
    transform: perspective(550px) rotateY(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(550px) rotateY(90deg);
    transform: perspective(550px) rotateY(90deg);
    opacity: 0;
  }
}

@-webkit-keyframes flip-in-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: perspective(100px) rotateY(0);
    transform: perspective(100px) rotateY(0);
    opacity: 1;
  }
}

@keyframes flip-in-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: perspective(100px) rotateY(0);
    transform: perspective(100px) rotateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes flip-out-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(0);
    transform: perspective(100px) rotateY(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flip-out-y-nr {
  0% {
    -webkit-transform: perspective(100px) rotateY(0);
    transform: perspective(100px) rotateY(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(100px) rotateY(90deg);
    transform: perspective(100px) rotateY(90deg);
    opacity: 0;
  }
}

@-webkit-keyframes flip-in-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: perspective(1000px) rotateY(0);
    transform: perspective(1000px) rotateY(0);
    opacity: 1;
  }
}

@keyframes flip-in-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform: perspective(1000px) rotateY(0);
    transform: perspective(1000px) rotateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes flip-out-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0);
    transform: perspective(1000px) rotateY(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
}

@keyframes flip-out-y-fr {
  0% {
    -webkit-transform: perspective(1000px) rotateY(0);
    transform: perspective(1000px) rotateY(0);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(1000px) rotateY(90deg);
    transform: perspective(1000px) rotateY(90deg);
    opacity: 0;
  }
}

@-webkit-keyframes zoom-in {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes zoom-in {
  0% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes zoom-out {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  50% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoom-out {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  50% {
    -webkit-transform: scale(0.7);
    transform: scale(0.7);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes zoom-in-sm {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes zoom-in-sm {
  0% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes zoom-out-sm {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoom-out-sm {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  50% {
    -webkit-transform: scale(0.95);
    transform: scale(0.95);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes zoom-in-lg {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes zoom-in-lg {
  0% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes zoom-out-lg {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoom-out-lg {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }

  50% {
    -webkit-transform: scale(0.4);
    transform: scale(0.4);
    opacity: 0;
  }

  100% {
    opacity: 0;
  }
}

@-webkit-keyframes overlay-slide-in-top {
  0% {
    height: 100%;
  }

  100% {
    height: 0;
  }
}

@keyframes overlay-slide-in-top {
  0% {
    height: 100%;
  }

  100% {
    height: 0;
  }
}

@-webkit-keyframes overlay-slide-out-top {
  0% {
    height: 0;
  }

  100% {
    height: 100%;
  }
}

@keyframes overlay-slide-out-top {
  0% {
    height: 0;
  }

  100% {
    height: 100%;
  }
}

@-webkit-keyframes overlay-slide-in-bottom {
  0% {
    height: 100%;
  }

  100% {
    height: 0;
  }
}

@keyframes overlay-slide-in-bottom {
  0% {
    height: 100%;
  }

  100% {
    height: 0;
  }
}

@-webkit-keyframes overlay-slide-out-bottom {
  0% {
    height: 0;
  }

  100% {
    height: 100%;
  }
}

@keyframes overlay-slide-out-bottom {
  0% {
    height: 0;
  }

  100% {
    height: 100%;
  }
}

@-webkit-keyframes overlay-slide-in-left {
  0% {
    width: 100%;
  }

  100% {
    width: 0;
  }
}

@keyframes overlay-slide-in-left {
  0% {
    width: 100%;
  }

  100% {
    width: 0;
  }
}

@-webkit-keyframes overlay-slide-out-left {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@keyframes overlay-slide-out-left {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes overlay-slide-in-right {
  0% {
    width: 100%;
  }

  100% {
    width: 0;
  }
}

@keyframes overlay-slide-in-right {
  0% {
    width: 100%;
  }

  100% {
    width: 0;
  }
}

@-webkit-keyframes overlay-slide-out-right {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@keyframes overlay-slide-out-right {
  0% {
    width: 0;
  }

  100% {
    width: 100%;
  }
}

@-webkit-keyframes com-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes com-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes com-fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes com-fade-out {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-webkit-keyframes kani {
  0% {
    background-position: 19% 0;
  }

  50% {
    background-position: 82% 100%;
  }

  100% {
    background-position: 19% 0;
  }
}

@keyframes kani {
  0% {
    background-position: 19% 0;
  }

  50% {
    background-position: 82% 100%;
  }

  100% {
    background-position: 19% 0;
  }
}

/* 404ページ */

/* PC用404ページ */
@media screen and (min-width: 768px) {
  .pc-br-none {
    display: none;
  }

  .pd-100 {
    padding: 0 100px;
  }

  .page-error-content-box {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }

  .page-error-btn {
    text-align: center;
    display: block;
    box-sizing: border-box;
    background: #f2f2f2;
    padding: 2.3% 0;
    position: relative;
    transition: opacity 2s ease 0s;
  }

  .page-error-btn::before {
    background: url(assets/images/arrow-error.png) no-repeat;
    content: "";
    position: absolute;
    width: 7px;
    height: 11px;
    top: calc(50% - 5px);
    left: 12%;
  }

  .page-error-btn:hover {
    opacity: 0.5;
  }

  .mb100 {
    margin-bottom: 100px;
  }
}

/* SP用404ページ */
@media screen and (max-width: 767px) {
  .pd-100 {
    padding: 0;
  }

  .page-error-header {
    margin-top: 45px;
  }

  .page-error-content-box {
    margin-top: 45px;
  }

  .page-error-btn {
    margin-top: 50px;
    text-align: center;
    display: block;
    box-sizing: border-box;
    background: #f2f2f2;
    padding: 25px 0;
    position: relative;
  }

  .page-error-btn::before {
    background: url(assets/images/arrow-error.png) no-repeat;
    content: "";
    position: absolute;
    width: 7px;
    height: 11px;
    top: calc(50% - 5px);
    left: 50px;
  }
}

@media screen and (max-width: 575.99px) {
  .error-content .ft-s3232 {
    font-size: 22px;
  }

  .error-content .ft-s2222 {
    font-size: 18px;
  }
}

@media screen and (min-width: 1201px) {
  .page-error-btn {
    width: 500px;
  }

  .page-error-content {
    width: 480px;
  }
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
  .home .header .sitelogo{
    max-width: 220px;
  }
  .page-error-btn {
    width: 420px;
  }

  .page-error-content {
    width: 480px;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  .home .header .sitelogo{
    max-width: 180px;
  }
  .page-error-btn {
    width: 400px;
  }

  .page-error-content {
    width: 480px;
  }
}

@media screen and (min-width: 576px) and (max-width: 767px) {
  .page-error-btn {
    width: 100%;
  }
}
.header-nav-item.has-megamenu{
  position: relative;
}
.megamenu-figure{
  border-radius: 4px;
  overflow: hidden;
}
.header-nav-item.has-megamenu.positon-end{
  position: initial;
}
.header-nav-item.has-megamenu.positon-end .megamenu{
  justify-content: end;
}
.header-nav-item.has-megamenu .megamenu-img{
  width: 100%;
  max-width: 200px;
  /* height: 100%; */
  /* object-fit: cover; */
}

.header-nav-item.has-megamenu .megamenu {
  width: 100%;
  display: none !important;
  opacity: 0;
  justify-content: center;
  box-sizing: border-box;
  margin-top: -5px;
  padding-top: 20px;
  padding-right: 50px;
  position: absolute;
    top: 100%;
    right: 0;
    left: 0;
  z-index: 100;
  transition: .25s ease-out;
}

.megamenu-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .3);
  pointer-events: none;
  visibility: hidden;
  opacity: 0;
  transition: .25s ease-out;
}

.header-nav-item.has-megamenu:hover .megamenu-backdrop {
  visibility: visible;
  opacity: 1;
}

.header-nav-item.has-megamenu .megamenu .inner {
  display: grid;
  gap: 20px;
  grid-template-columns: 200px 1fr;
  padding: 40px;
  background-color: #fff;
  border-radius: 8px;
}


.header-nav-item.has-megamenu:hover .megamenu,
.header-nav-item.has-megamenu:focus-within .megamenu {
  display: flex !important;
  opacity: 1;

  @starting-style {
    opacity: 0;
  }
}

.header-nav-item .megamenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.header-nav-item .megamenu a {
  display: grid;
  row-gap: 8px;
  text-align: center;
  /* padding: 8px 24px; */
  color: #222;
  text-decoration: none;
  transition: opacity 0.2s;
}
.header-nav-item.has-megamenu > .header-nav-copy{
  display: flex;
  column-gap: 5px;
  align-items: center;
  justify-content: space-between;
  transition: opacity 0.25s;
}
.header-nav-item > a{
  transition: opacity 0.25s;
}
.header-nav-item > a:hover{
  opacity: .5;
}
.header-nav-item.has-megamenu > .header-nav-copy:hover{
  opacity: .5;
}
.header-nav-item.has-megamenu > .header-nav-copy > i{
  display: flex;
}
.header-nav-item .megamenu a:hover {
  opacity: 0.7;
}

.header-nav-item .megamenu .megamenu-2col {
  display: grid;
  grid-template-columns: 200px 200px;
  column-gap: 20px;
}
.header-nav-item .megamenu .megamenu-3col {
  display: grid;
  grid-template-columns: 200px;
  column-gap: 20px;
}

.header-nav-item .megamenu .megamenu-copy-items a{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ccc;
  padding: 12px 0;
}
.header-nav-item .megamenu .megamenu-copy-items a i{
  display: flex;
}
.single .wp-block-image {
  margin: 0 0 1em;
}