@charset "UTF-8";
/*----------------------------------------------------------------------------

 reset

----------------------------------------------------------------------------*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
}
ul, ol {
  list-style-type: none;
}
em, strong, th, address {
  font-style: normal;
  font-weight: normal;
  text-align: left;
}
h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 100%;
}
img,
object,
embed {
  border: 0;
  vertical-align: top;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
hr {
  display: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
}
li {
  list-style-type: none;
}
strong {
  font-weight: bold;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

/*----------------------------------------------------------------------------

 CSS Custom Properties 

----------------------------------------------------------------------------*/
:root {
  --lukia-red-color: #A21F2C;
  --primary-blue-color: #003067;
  /* --primary-txt-color: #482500; */
  --primary-txt-color: #5B5543;
  --primary-bg-color: #FFFFFF;
  --gold-color: #C39C62;
  --base-width: 1920;
  --content-height: 100lvh;
  --content-padding-top: 80px;
  --common-en-font-family: "Bellefair", serif;
  --scrollbar-width: 15;
  --minimize-ratio: 1.6;
  --minimize-txt-ratio: 1.6666;
}
@media screen and (max-width: 1600px) {
  :root {
    --content-padding-top: max(50px,5vw);
  }
}
@media screen and (min-width: 641px) and (max-width: 767px) {
  :root {
    --minimize-ratio: 2.5;
  }
}
@media screen and (max-width: 640px) {
  :root {
    --base-width: 375;
    --content-padding-top: 40px;
  }
}
/*----------------------------------------------------------------------------

 base

----------------------------------------------------------------------------*/
html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
}
body {
  position: relative;
  color: var(--primary-txt-color);
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1;
  font-size: 1.6rem;
  background: var(--primary-bg-color);
  overflow: hidden;
  -webkit-font-smoothing: antialiased;
}
body.opening_fin {
  overflow: inherit;
}
body.modal_open {
  overflow: hidden;
}
.sp,
.sp_inline,
.sp_inline_block {
  display: none;
}
.pc {
  display: block;
}
.pc_inline_block {
  display: inline-block;
}
@media screen and (max-width: 640px) {
  .sp {
    display: block;
  }
  .sp_inline {
    display: inline;
  }
  .sp_inline_block {
    display: inline-block;
  }
  .pc,
  .pc_inline,
  .pc_inline_block {
    display: none;
  }
}
.common_txt_ttl {
  font-size: clamp(5.0rem / var(--minimize-ratio), (50 / var(--base-width) * 100vw), 5.0rem);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-align: center;
}
.common_txt_ttl .en {
  font-family: var(--common-en-font-family);
  font-weight: 400;
}
.common_txt_ttl .ja {
  font-weight: 900;
}
.common_txt_ttl .upper_txt {
  display: inline-block;
  margin-bottom: 0.75em;
  padding-bottom: 0.5em;
  font-size: calc(25 / 50 * 1em);
  letter-spacing: 0.1em;
  background-image: linear-gradient(to right, var(--primary-txt-color) 2px, transparent 2px);
  background-size: 6px 1px;
  background-repeat: repeat-x;
  background-position: left bottom;
}
.common_txt {
  font-size: clamp(2.0rem / var(--minimize-ratio), (20 / var(--base-width) * 100vw), 2.0rem);
  font-weight: 500;
  line-height: calc(40 / 20);
  letter-spacing: 0.07em;
  text-align: justify;
}
@media screen and (max-width: 640px) {
  .common_txt_ttl {
    font-size: min((25 / var(--base-width) * 100vw), 3.7rem) !important;
    letter-spacing: 0.15em;
    text-align: center;
  }
  .common_txt_ttl .upper_txt {
    margin-bottom: 1.25em;
    padding-bottom: 0.5em;
    font-size: calc(15 / 25 * 1em) !important;
  }
  .common_txt {
    font-size: min((14 / var(--base-width) * 100vw), 1.8rem);
    line-height: calc(32 / 14);
    letter-spacing: 0.08em;
  }
}
button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}
#onetrust-consent-sdk #onetrust-banner-sdk {
  font-family: 'Noto Sans JP', sans-serif;
}

/*----------------------------------------------------------------------------

 fadein

----------------------------------------------------------------------------*/
.fadein {
  opacity : 0;
  /* filter: blur(5px); */
  transition : opacity 1.0s cubic-bezier(0.33, 1, 0.68, 1), filter 1.0s cubic-bezier(0.33, 1, 0.68, 1);
}
.fadein.scrollin {
  opacity : 1;
  /* filter: blur(0); */
}
@keyframes fadein { /* animation: fadein 1.4s cubic-bezier(0.33, 1, 0.68, 1) both; */
  0% {
    opacity : 0;
    /* filter: blur(5px); */
  }
  100% {
    opacity : 1;
    /* filter: blur(0); */
	}
}
.fadein_y,
.fadein_y02,
.fadein_y_bounce {
  opacity : 0;
  transform : translate3d(0, 20px, 0);
  /* filter: blur(5px); */
  transition : transform 1.0s cubic-bezier(0.33, 1, 0.68, 1), opacity 1.0s cubic-bezier(0.33, 1, 0.68, 1), filter 1.0s cubic-bezier(0.33, 1, 0.68, 1);
}
.fadein_y02 {
  transform : translate3d(0, -20px, 0);
  transition-duration: 2s;
}
.fadein_y_bounce {
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.34, 1.56, 0.64, 1);
}
.fadein_y.scrollin,
.fadein_y02.scrollin,
.fadein_y_bounce.scrollin {
  opacity : 1;
  transform : translate3d(0, 0, 0);
  /* filter: blur(0); */
}
@keyframes fadein_y { /* animation: fadein_y 1.0s cubic-bezier(0.33, 1, 0.68, 1) both; */
  0% {
    opacity : 0;
    transform : translate3d(0, 20px, 0);
    /* filter: blur(5px); */
  }
  100% {
    opacity : 1;
    transform : translate3d(0, 0, 0);
    /* filter: blur(0); */
	}
}
@keyframes fadein_y02 { /* animation: fadein_y02 1.0s cubic-bezier(0.33, 1, 0.68, 1) both; */
  0% {
    opacity : 0;
    transform : translate3d(0, -20px, 0);
    /* filter: blur(5px); */
  }
  100% {
    opacity : 1;
    transform : translate3d(0, 0, 0);
    /* filter: blur(0); */
	}
}
.fadein_x,
.fadein_x02 {
  opacity : 0;
  transform : translate3d(-30px, 0, 0);
  /* filter: blur(5px); */
  transition : transform 1.0s cubic-bezier(0.33, 1, 0.68, 1), opacity 1.0s cubic-bezier(0.33, 1, 0.68, 1), filter 1.0s cubic-bezier(0.33, 1, 0.68, 1);
}
.fadein_x02 {
  transform : translate3d(30px, 0, 0);
}
.fadein_x.scrollin,
.fadein_x02.scrollin {
  opacity : 1;
  transform : translate3d(0, 0, 0);
  /* filter: blur(0); */
}
@-moz-document url-prefix() {
  .fadein_x {
    transform : translate3d(-30px, 0, 0) rotate(0.0001deg);
  }
  .fadein_x02 {
    transform : translate3d(30px, 0, 0) rotate(0.0001deg);
  }
  .fadein_x.scrollin,
  .fadein_x02.scrollin {
    transform : translate3d(0, 0, 0) rotate(0.0001deg);
  }
}
.scale_down {
  opacity : 0;
  /* filter: blur(5px); */
  transform: scale(1.05);
  transition : opacity 1.0s cubic-bezier(0.33, 1, 0.68, 1), transform 1.0s cubic-bezier(0.33, 1, 0.68, 1), filter 1.0s cubic-bezier(0.33, 1, 0.68, 1);
}
.scale_down.scrollin {
  opacity : 1;
  transform: scale(1);
  /* filter: blur(0); */
}
.no_blur {
  filter: blur(0) !important;
}

/*-------------------------------------------------

gide line

--------------------------------------------------*/
body {
  position: relative;
}
body.debug::before {
  display: block;
  content: '';
  width: 1px;
  height: 100%;
  position: fixed;
  top: 0;
  left: 50%;
  background: magenta;
  pointer-events: none;
  z-index: 9999;
}
body.debug #onetrust-consent-sdk #onetrust-banner-sdk {
  display: none !important;
}

/*-------------------------------------------------

img hover anim

--------------------------------------------------*/
a img.hover {
  transition: opacity .1s ease-in-out;
  opacity: 1;
}
@media (hover: hover) and (pointer: fine) {
  a:hover img.hover {
    transition: opacity .1s ease-in-out .1s;
    opacity: 0.6;
  }
}

/*-------------------------------------------------

header

--------------------------------------------------*/
header {
  position: fixed;
  display: flex;
  justify-content: space-between;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 80px;
  padding: 0 30px;
  background: rgba(255,255,255,1);
  line-height: 1;
  z-index: 300;
  transition: background 0.4s ease-out;
}
header.scrolled {
  background: rgba(255,255,255,0);
}
header::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
  opacity: 0;
  transition: opacity 0.5s ease-out;
  transition: opacity 0s ease-out;
  pointer-events: none;
}
header.shadow::before {
  opacity: 1;
}
header .seiko_logo img {
  width: 105px;
  height: 34px;
}
header .lukia_store {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
}
header .lukia_logo {
  padding-right: 37px;
  border-right: 2px solid #a4a0a1;
}
header .lukia_logo img {
  width: 46px;
  height: 48px;
}
header .store {
  padding-left: 27px;
}
header .store img {
  width: 32px;
  height: 40px;
}
@media screen and (max-width: 1600px) {
  header {
    height: max(50px,5vw);
    padding: 0 max(15px,1.875vw);
  } 
  header .seiko_logo img {
    width: 6.5625vw;
    height: auto;
  }
  header .lukia_logo img {
    width: 2.875vw;
    height: auto;
  }
  header .store img {
    width: 2vw;
    height: auto;
  }
  header .lukia_logo {
    padding-right: 2.3125vw;
  }
  header .store {
    padding-left: 1.6875vw;
  }
}
@media screen and (max-width: 991px) {
  header .seiko_logo img {
    width: 66px;
    height: 21px;
  }
  header .lukia_logo img {
    width: 29px;
    height: 30px;
  }
  header .store img {
    width: 20px;
    height: 25px;
  }
  header .lukia_logo {
    padding-right: 22px;
  }
  header .store {
    padding-left: 16px;
  }
}
@media screen and (max-width: 640px) {
  header {
    height: 40px;
    padding: 0 15px;
  }
  header .seiko_logo img {
    width: 52px;
    height: 17px;
  }
  header .lukia_logo {
    padding-right: 14px;
  }
  header .lukia_store {
    padding: 6px 0;
  } 
  header .lukia_logo img {
    width: 23px;
    height: 24px;
  }
  header .store {
    padding-left: 15px;
  }
  header .store img {
    width: 16px;
    height: 20px;
  }
}

/*-------------------------------------------------

opening

--------------------------------------------------*/
:root {
  --opening-time: 3;
}
#opening {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  padding-top: var(--content-padding-top);
  overflow: hidden;
  z-index: 200;
}
#opening.hide {
  animation: opening_hide .3s ease-out 0s forwards;
  pointer-events: none;
}
@keyframes opening_hide {
  0% {
      opacity: 1;
  }
  100% {
      opacity: 0;
  }
}
#opening #video_mv {
  width: 100%;
  height: 100%;
  object-fit: cover;
  /*
  height: auto;
  aspect-ratio: 16/9;
  */
}
#opening .conunt_up {
  padding-top: var(--content-padding-top);
  background: #FEFDF7;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;

  display: flex;
  justify-content: center;
  align-items: center;

  opacity: 1;
  transition: all .3s cubic-bezier(0.61, 1, 0.88, 1) .5s;
}
#opening .conunt_up.hide {
  opacity: 0;
  scale: 2.2 2.2;
  filter: blur(.2em)
}
#opening .number-container {
  line-height: 1;
  height: 1em;
  color: var(--lukia-red-color);
  font-size: 6.0rem;
  font-family: var(--common-en-font-family);
  letter-spacing: 0.1em;
  display: flex;
  gap: 0.2em;
  overflow: hidden;

  --dgt_duration: 5s;
  --dgt_delay: .2s;
}
#opening .number-container.start {
  animation: number-container var(--dgt_duration) ease-in-out var(--dgt_delay) forwards;
}
@keyframes number-container {
  0% {
      scale: 1 1;
  }
  100% {
      scale: 1.3 1.3;
  }
}
#opening .digit-container {
  width: 1ch;
  display: flex;
  flex-direction: column;
}
#opening .digit-container span {
	height: 1em;
	line-height: 1;
}
#opening .start .dgt_1 {
  animation: dgt_1 var(--dgt_duration) cubic-bezier(0.61, 1, 0.88, 1) var(--dgt_delay) forwards;
}
@keyframes dgt_1 {
  0%{
      transform: translateY(0px);
  }
  32%{
      transform: translateY(0px);
  }
  42%{
      transform: translateY(-1em);
  }
  100%{
      transform: translateY(-1em);
  }
}
#opening .start .dgt_2 {
  animation: dgt_2 var(--dgt_duration) cubic-bezier(0.61, 1, 0.88, 1) var(--dgt_delay) forwards;
}
@keyframes dgt_2 {
  0%{
      transform: translateY(0px);
  }
  35%{
      transform: translateY(0px);
  }
  45%{
      transform: translateY(-1em);
  }

  100%{
      transform: translateY(-1em);
  }
}
#opening .start .dgt_3 {
  animation: dgt_3 var(--dgt_duration) cubic-bezier(0.61, 1, 0.88, 1) var(--dgt_delay) forwards;
}
@keyframes dgt_3 {
  0%{
      transform: translateY(0px);
  }
  38%{
      transform: translateY(0px);
  }
  48%{
      transform: translateY(-1em);
  }
  50%{
      transform: translateY(-1em);
  }
  58%{
      transform: translateY(-2em);
  }
  58%{
      transform: translateY(-2em);
  }
  68%{
      transform: translateY(-3em);
  }
  100%{
      transform: translateY(-3em);
  }
}
#opening .start .dgt_4 {
  animation: dgt_4 var(--dgt_duration) cubic-bezier(0.65, 0, 0.35, 1) var(--dgt_delay) forwards;
}
@keyframes dgt_4 {
  0%{
      transform: translateY(0px);
      filter: blur(0px);
  }
  38% {
      filter: blur(0px);
  }
  48% {
      filter: blur(.02em);
  }
  58% {
      filter: blur(.02em);
  }       
  68% {
      filter: blur(0px);
  }
  100%{
      transform: translateY(-30em);
/*       transform: translateY(var(--height)); */
  }
}
/*
#opening .outer {
  position: relative;
  width: 100vw;
  height: 100%;
  opacity: 1;
  animation: 0.6s opening cubic-bezier(0.33, 1, 0.68, 1) forwards;
  animation-delay: calc(var(--opening-time) * 1s - 0.5s);
}
#opening.hidden {
  display: none;
}

@keyframes opening {
  from {
    opacity: 1; 
  }
  to {
    opacity: 0;
  } 
}
*/
@media screen and (max-width: 1600px) {
  #opening .number-container {
    font-size: 5.4rem;
  }
}
@media screen and (max-width: 1200px) {
  #opening .number-container {
    font-size: 4.8rem;
  }
}
@media screen and (max-width: 991px) {
  #opening .number-container {
    font-size: 4.2rem;
  }
}
@media screen and (max-width: 640px) {
  #opening #video_mv {
    height: 100vh;
    width: auto;
    translate: -36% 0;
  }
  #opening .number-container {
    font-size: 3.5rem;
  }
}

/*-------------------------------------------------

main

--------------------------------------------------*/
.main {
  position: relative;
  display: block;
  padding-top: var(--content-padding-top);
  font-family: 'Noto Serif JP', serif;
  overflow-x: clip;
}
@media screen and (max-width: 640px) {
  .main {

  }
}

/*-------------------------------------------------

.section_title

--------------------------------------------------*/
.section_title_wrap {
  text-align: center;
}
.section_title_wrap .section_title {
  position: relative;
  display: inline-block;
}
/*
.section_title_wrap .section_title::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: clamp(91px / var(--minimize-ratio), (91 / var(--base-width) * 100vw), 91px);
  aspect-ratio: 91 / 62;
  background: url(../img/section_title_mark_left.svg) no-repeat;
  background-size: contain;
  transform: translate3d(-115%, 35%, 0);
}
.section_title_wrap .section_title::after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: clamp(91px / var(--minimize-ratio), (91 / var(--base-width) * 100vw), 91px);
  aspect-ratio: 91 / 62;
  background: url(../img/section_title_mark_right.svg) no-repeat;
  background-size: contain;
  transform: translate3d(120%, 35%, 0);
}
.section_title_wrap .section_title.min::before {
  width: clamp(45px / var(--minimize-ratio), (45 / var(--base-width) * 100vw), 45px);
  transform: translate3d(-125%, 35%, 0);
}
.section_title_wrap .section_title.min::after {
  width: clamp(45px / var(--minimize-ratio), (45 / var(--base-width) * 100vw), 45px);
  transform: translate3d(135%, 35%, 0);
}
.section_title_wrap .section_title::before,
.section_title_wrap .section_title::after {
  opacity: 0;
  transition: all .4s ease-in-out;
}
.section_title_wrap.scrollin .section_title::before,
.section_title_wrap.scrollin .section_title::after {
  opacity: 1;
  transition: all .4s ease-in-out 1.0s;
}
.section_title_wrap.scrollin .section_title::after {
  opacity: 1;
  transition: all .4s ease-in-out 1.2s;
}
*/
@media screen and (max-width: 640px) {
  /*
  .section_title_wrap .section_title::before {
    width: min(36 / var(--base-width) * 100vw, 52px);
    transform: translate3d(-115%, 35%, 0);
  }
  .section_title_wrap .section_title::after {
    width: min(36 / var(--base-width) * 100vw, 52px);
    transform: translate3d(120%, 35%, 0);
  }
  .section_title_wrap .section_title.min::before {
    width: min(24 / var(--base-width) * 100vw, 36px);
    transform: translate3d(-125%, 35%, 0);
  }
  .section_title_wrap .section_title.min::after {
    width: min(24 / var(--base-width) * 100vw, 36px);
    transform: translate3d(135%, 35%, 0);
  }
  */
}

/*-------------------------------------------------

 kv

--------------------------------------------------*/
#kv {
  position: relative;
  background: #93dbf4;
  overflow: hidden;
}
#kv::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  background: #fff;
  opacity: 1;
  z-index: 2;
  transition: opacity 1.0s cubic-bezier(0.33, 1, 0.68, 1) 0.5s;
}
#kv.start::after {
  opacity: 0;
  pointer-events: none;
}
#kv > .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*
  opacity: 0;
  transition: opacity 1.0s cubic-bezier(0.33, 1, 0.68, 1);
  */
}
/*
#kv.scrollin > .bg {
  opacity: 1
}
*/
#kv > .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}
#kv .outer {
	position: relative;
  display: grid;
  justify-content: center;
	width: 100%;
  max-height: calc(100vh - var(--content-padding-top));
	aspect-ratio: 1920 / 1000;
  container-type: inline-size;
  pointer-events: none;
}
#kv .inner {
	position: relative;
  display: flex;
  flex-direction: column;
  width: calc(870 / var(--base-width) * 100vw);
  padding-top: calc(80 / var(--base-width) * 100vw);
  container-type: inline-size;
}
#kv .inner .upper_txt {
  width: calc(707 / 870 * 100cqi);
  margin-inline: auto;
}
#kv .inner .upper_txt svg {
  width: 100%;
  height: auto;
}
#kv .inner .main_logo_wrap {
  position: relative;
  display: grid;
  place-content: center;
  width: 100%;
  aspect-ratio: 870 / 620;
  margin-top: calc(-45 / 870 * 100cqi);
  z-index: 1;
}
#kv .inner .main_logo_wrap::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/kv_main_logo_wrap_bg.svg) center center no-repeat;
  background-size: contain;
  opacity: 0;
  z-index: -1;
}
#kv.start .inner .main_logo_wrap::before {
  animation: fadein 3s cubic-bezier(0.33, 1, 0.68, 1) both;
  animation-delay: 2.5s;
}
#kv .inner .main_logo_wrap .main_logo {
  width: calc(559 / 870 * 100cqi);
  opacity: 0;
}
#kv.start .inner .main_logo_wrap .main_logo {
  animation: fadein_y 1.5s cubic-bezier(0.33, 1, 0.68, 1) both;
  animation-delay: 3.0s;
}
#kv .inner img {
  width: 100%;
}
#kv .btn_block {
  position: absolute;
  left: calc(167 / 1920 * 100cqi);
  bottom: calc(118 / 1920 * 100cqi);
  width: calc(230 / 1920 * 100cqi);
  aspect-ratio: 1 / 1;
  opacity: 0;
} 
#kv.start .btn_block {
  animation: fadein 1.5s cubic-bezier(0.33, 1, 0.68, 1) both;
  animation-delay: 3.5s;
  pointer-events: auto;
}
#kv .btn_block .btn_block_inner {
  position: relative;
  width: 100%;
  height: 100%;
  animation: floating-y2 3.0s ease-in-out infinite alternate-reverse;
}
#kv .btn_block .btn_block_inner .bg_illust {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  animation: rotate 20s infinite linear;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#kv .btn_block .btn_block_inner .bg_illust::before,
#kv .btn_block .btn_block_inner .bg_illust::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../img/kv_btn_wrap_gold_bg.svg) center center no-repeat;
  background-size: contain;
  z-index: -2;
}
#kv .btn_block .btn_block_inner .bg_illust::after {
  background: url(../img/kv_btn_wrap_bg.svg) center center no-repeat;
  background-size: contain;
  z-index: -1;
  transition: opacity 0.1s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  #kv .btn_block:hover .btn_block_inner .bg_illust::after {
    opacity: 0;
    transition: opacity 0.1s ease-in-out 0.1s;
  }
}
#kv .btn_block .btn_wrap {
  position: relative;
  display: grid;
  place-content: center;
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: calc(22 / var(--base-width) * 100vw);
  font-weight: 700;
  line-height: calc(35 / 22);
  letter-spacing: 0.1em;
  text-align: center;
  text-decoration: none;
  z-index: 1;
}
#kv .btn_block .btn_wrap .mark {
  display: inline-block;
  transform: translateX(-0.2em);
  margin-right: -0.5em;
}
#kv .obj_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#kv .obj_bg .obj {
  position: absolute;
  opacity: 0;
  transition: opacity 2.0s cubic-bezier(0.33, 1, 0.68, 1);
  transform-origin: center;
}
#kv.start .obj_bg .obj {
  opacity: 1;
}
/* マウスオーバー時に適用する揺れアニメーション */
@keyframes wobble {
  0% { transform: translate(0, 0); }
  45% { transform: translate(calc(-6 / 1920 * 100cqi), calc(-10 / 1920 * 100cqi)); }
  100% { transform: translate(0, 0); }
}
#kv .obj_bg .animate-wobble {
  animation: wobble 0.6s ease-out;
}
#kv .obj_bg .obj.obj1 {
  width: calc(88 / 1920 * 100cqi);
  top: calc(-23 / 1920 * 100cqi);
  left: calc(131 / 1920 * 100cqi);
}
#kv .obj_bg .obj.obj2 {
  width: calc(102 / 1920 * 100cqi);
  top: calc(0 / 1920 * 100cqi);
  left: calc(572 / 1920 * 100cqi);
}
#kv .obj_bg .obj.obj3 {
  width: calc(70 / 1920 * 100cqi);
  top: calc(24 / 1920 * 100cqi);
  left: calc(1055 / 1920 * 100cqi);
}
#kv .obj_bg .obj.obj4 {
  width: calc(70 / 1920 * 100cqi);
  top: calc(75 / 1920 * 100cqi);
  left: calc(1382 / 1920 * 100cqi);
}
#kv .obj_bg .obj.obj5 {
  width: calc(64 / 1920 * 100cqi);
  top: calc(80 / 1920 * 100cqi);
  right: calc(-16 / 1920 * 100cqi);
}
#kv .obj_bg .obj.obj6 {
  width: calc(52 / 1920 * 100cqi);
  top: calc(158 / 1920 * 100cqi);
  left: calc(397 / 1920 * 100cqi);
}
#kv .obj_bg .obj.obj7 {
  width: calc(34 / 1920 * 100cqi);
  top: calc(115 / 1920 * 100cqi);
  left: calc(856 / 1920 * 100cqi);
}
#kv .obj_bg .obj.obj8 {
  width: calc(75 / 1920 * 100cqi);
  top: calc(170 / 1920 * 100cqi);
  left: calc(1700 / 1920 * 100cqi);
}
#kv .obj_bg .obj.obj9 {
  width: calc(60 / 1920 * 100cqi);
  top: calc(276 / 1920 * 100cqi);
  left: calc(1514 / 1920 * 100cqi);
}
#kv .obj_bg .obj.obj10 {
  width: calc(57 / 1920 * 100cqi);
  top: calc(315 / 1920 * 100cqi);
  left: calc(175 / 1920 * 100cqi);
}
#kv .obj_bg .obj.obj11 {
  width: calc(170 / 1920 * 100cqi);
  top: calc(394 / 1920 * 100cqi);
  left: calc(-76 / 1920 * 100cqi);
}
#kv .obj_bg .obj.obj12 {
  width: calc(108 / 1920 * 100cqi);
  top: calc(421 / 1920 * 100cqi);
  left: calc(350 / 1920 * 100cqi);
}
#kv .obj_bg .obj.obj13 {
  width: calc(102 / 1920 * 100cqi);
  top: calc(534 / 1920 * 100cqi);
  left: calc(1400 / 1920 * 100cqi);
}
#kv .obj_bg .obj.obj14 {
  width: calc(100 / 1920 * 100cqi);
  top: calc(415 / 1920 * 100cqi);
  left: calc(1710 / 1920 * 100cqi);
}
#kv .obj_bg .obj.obj15 {
  width: calc(56 / 1920 * 100cqi);
  top: calc(530 / 1920 * 100cqi);
  left: calc(1806 / 1920 * 100cqi);
}
#kv .obj_bg .obj.obj16 {
  width: calc(36 / 1920 * 100cqi);
  top: calc(552 / 1920 * 100cqi);
  left: calc(123 / 1920 * 100cqi);
}
#kv .obj_bg .obj.obj17 {
  width: calc(92 / 1920 * 100cqi);
  top: calc(640 / 1920 * 100cqi);
  left: calc(468 / 1920 * 100cqi);
}
#kv .obj_bg .obj.obj18 {
  width: calc(220 / 1920 * 100cqi);
  top: calc(660 / 1920 * 100cqi);
  left: calc(1505 / 1920 * 100cqi);
}
#kv .obj_bg .obj.obj19,
#kv .obj_bg .obj.obj20 {
  display: none;
}
#kv .obj_bg .obj img {
  width: 100%;
  animation: floating-y 2.0s ease-in-out infinite alternate-reverse;
}
@keyframes floating-y {
  0% {
    transform: translateY(-8%);
  }
  100% {
    transform: translateY(8%);
  }
}
@keyframes floating-y2 {
  0% {
    transform: translateY(-4%);
  }
  100% {
    transform: translateY(4%);
  }
}
@media screen and (min-width: 641px) and (min-aspect-ratio: 16/8) {
  #kv .inner{
    width: 85vh;
  }
}
@media screen and (max-width: 640px) {
  #kv .outer {
    aspect-ratio: 375 / 650;
    max-height: inherit;
  }
  #kv .inner {
    width: calc(350 / var(--base-width) * 100vw);
    padding-top: calc(70 / var(--base-width) * 100vw);
  }
  #kv .inner .upper_txt {
    width: calc(316 / 350 * 100cqi);
  }
  #kv .inner .main_logo_wrap {
    margin-top: calc(-20 / 350 * 100cqi);
  }
  #kv .btn_block {
    left: calc(25 / 375 * 100cqi);
    top: calc(425 / 375 * 100cqi);
    bottom: auto;
    width: min((110 / 375 * 100cqi), 165px);
  }
  #kv .btn_block .btn_wrap {
    font-size: min(11 / var(--base-width) * 100vw, 16px);
    line-height: calc(17 / 11);
  }
  #kv .obj_bg .obj.obj1 {
    width: calc(38 / 375 * 100cqi);
    top: calc(111 / 375 * 100cqi);
    left: calc(53 / 375 * 100cqi);
    filter: blur(2px);
  }
  #kv .obj_bg .obj.obj2 {
    width: calc(37 / 375 * 100cqi);
    top: calc(43 / 375 * 100cqi);
    left: calc(120 / 375 * 100cqi);
  }
  #kv .obj_bg .obj.obj3 {
    width: calc(30 / 375 * 100cqi);
    top: calc(36 / 375 * 100cqi);
    left: auto;
    right: calc(-8 / 375 * 100cqi);
    filter: blur(2px);
  }
  #kv .obj_bg .obj.obj5 {
    width: calc(31 / 375 * 100cqi);
    top: calc(257 / 375 * 100cqi);
    right: calc(4 / 375 * 100cqi);
  }
  #kv .obj_bg .obj.obj6 {
    width: calc(22 / 375 * 100cqi);
    top: calc(15 / 375 * 100cqi);
    left: calc(25 / 375 * 100cqi);
  }
  #kv .obj_bg .obj.obj7 {
    width: calc(15 / 375 * 100cqi);
    top: calc(78 / 375 * 100cqi);
    left: calc(162 / 375 * 100cqi);
  }
  #kv .obj_bg .obj.obj8 {
    width: calc(30 / 375 * 100cqi);
    top: calc(376 / 375 * 100cqi);
    left: calc(283 / 375 * 100cqi);
  }
  #kv .obj_bg .obj.obj9 {
    width: calc(51 / 375 * 100cqi);
    top: calc(337 / 375 * 100cqi);
    left: calc(253 / 375 * 100cqi);
  }
  #kv .obj_bg .obj.obj11 {
    width: calc(90 / 375 * 100cqi);
    top: calc(326 / 375 * 100cqi);
    left: calc(-31 / 375 * 100cqi);
    filter: blur(2px);
  }
  #kv .obj_bg .obj.obj12 {
    width: calc(47 / 375 * 100cqi);
    top: calc(345 / 375 * 100cqi);
    left: calc(88 / 375 * 100cqi);
  }
  #kv .obj_bg .obj.obj13 {
    width: calc(38 / 375 * 100cqi);
    top: calc(407 / 375 * 100cqi);
    left: calc(218 / 375 * 100cqi);
  }
  #kv .obj_bg .obj.obj14 {
    width: calc(34 / 375 * 100cqi);
    top: calc(361 / 375 * 100cqi);
    right: calc(-10 / 375 * 100cqi);
    left: auto;
  }
  #kv .obj_bg .obj.obj16 {
    width: calc(40 / 375 * 100cqi);
    top: calc(289 / 375 * 100cqi);
    left: calc(11 / 375 * 100cqi);
  }
  #kv .obj_bg .obj.obj17 {
    width: calc(38 / 375 * 100cqi);
    top: calc(138 / 375 * 100cqi);
    left: calc(-17 / 375 * 100cqi);
    filter: blur(2px);
  }
  #kv .obj_bg .obj.obj18 {
    width: calc(94 / 375 * 100cqi);
    top: calc(432 / 375 * 100cqi);
    left: calc(227 / 375 * 100cqi);
  }
  #kv .obj_bg .obj.obj19 {
    display: block;
    width: calc(73 / 375 * 100cqi);
    top: calc(-29 / 375 * 100cqi);
    left: calc(209 / 375 * 100cqi);
  }
  #kv .obj_bg .obj.obj20 {
    display: block;
    width: calc(29 / 375 * 100cqi);
    top: calc(30 / 375 * 100cqi);
    left: calc(311 / 375 * 100cqi);
  }
  #kv .obj_bg .obj.obj4,
  #kv .obj_bg .obj.obj10,
  #kv .obj_bg .obj.obj15 {
    display: none;
  }
}

/*-------------------------------------------------

wrapper

--------------------------------------------------*/
.main > .wrapper {
  position: relative;
  overflow: clip;
}

/*-------------------------------------------------

lead

--------------------------------------------------*/
#lead {
  position: relative;
  padding-top: clamp(125px / var(--minimize-ratio), (125 / var(--base-width) * 100vw), 125px);
  padding-bottom: clamp(220px / var(--minimize-ratio), (220 / var(--base-width) * 100vw), 220px);
  background: #FFFDF8;
}
#lead .lead_outer {
  position: relative;
}
#lead .lead_inner {
  position: relative;
  width: clamp(1660px / var(--minimize-ratio), (1660 / var(--base-width) * 100vw), 1660px);
  margin-inline: auto;
  container-type: inline-size;
}
#lead .lead_inner .line_obj {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(440 / 1660 * 100cqi);
}
#lead .lead_inner .line_obj.obj2 {
  right: 0;
  left: auto;
}
#lead .lead_inner .line_obj img {
  width: 100%;
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
  transition : clip-path 1.5s cubic-bezier(0.33, 1, 0.68, 1) 0.5s;
}
#lead .lead_inner.scrollin .line_obj img {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
#lead .lead_inner .logo_30th {
  width: calc(142 / 1660 * 100cqi);
  margin-top: calc(-40 / 1660 * 100cqi);
  margin-inline: auto;
  margin-bottom: calc(70 / 1660 * 100cqi);
}
#lead .lead_inner .section_title {
  width: calc(480 / 1660 * 100cqi);
  margin-bottom: calc(70 / 1660 * 100cqi);
}
#lead .lead_inner .section_title svg {
  width: 100%;
  height: auto;
}
#lead .lead_inner .txt_box p {
  margin-bottom: 2em;
  color: var(--lukia-red-color);
  font-size: clamp(2.3rem / var(--minimize-ratio), (23 / var(--base-width) * 100vw), 2.3rem);
  line-height: calc(60 / 23);
  letter-spacing: 0.1em;
  text-align: center;
}
#lead .lead_inner .txt_box p:last-of-type {
  margin-bottom: 0;
}
@media screen and (max-width: 1200px) {
  #lead .lead_inner {
    width: 96vw;
  }
}
@media screen and (max-width: 991px) {
  #lead {
    --minimize-ratio: 1.64;
  }
  #lead .lead_inner {
    width: 96vw;
  }
  #lead .lead_inner .line_obj {
    height: 120%;
  }
  #lead .lead_inner .line_obj img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  #lead .lead_inner .txt_box p {
    margin-bottom: 1.5em;
    line-height: calc(50 / 23);
  }
  #lead .lead_inner .txt_box p br.ctl {
    display: inline;
  }
  #lead .lead_inner .logo_30th {
    width: 14cqi;
  }
  #lead .lead_inner .section_title {
    width: 38cqi;
  }
}
@media screen and (max-width: 767px) {
  #lead {
    --minimize-ratio: 1.8;
  }
}
@media screen and (max-width: 640px) {
  #lead {
    padding-block: min(50 / var(--base-width) * 100vw, 75px) min(70 / var(--base-width) * 100vw, 105px);
  }
  #lead .lead_outer {
    aspect-ratio: 350 / 664;
    width: min(350 / var(--base-width) * 100vw, 525px);
    margin-inline: auto;
  }
  #lead .lead_inner {
    display: grid;
    place-content: center;
    width: 100%;
    height: 100%;
    padding-bottom: min(60 / var(--base-width) * 100vw, 90px);
  }
  #lead .lead_inner .line_obj {
    position: absolute;
    width: 100%;
    height: 100%;
  }
  #lead .lead_inner .line_obj.obj2 {
    display: none;
  }
  #lead .lead_inner .line_obj img {
    transition-duration: 2.0s;
  }
  #lead .lead_inner .logo_30th {
    width: min(85 / var(--base-width) * 100vw, 128px);
    margin-top: 0;
    margin-bottom: min(50 / var(--base-width) * 100vw, 75px);
  }
  #lead .lead_inner .section_title {
    width: min(258 / var(--base-width) * 100vw, 386px);
    margin-bottom: min(40 / var(--base-width) * 100vw, 60px);
  }
  #lead .lead_inner .txt_box p {
    margin-bottom: 2em;
    font-size: min((14 / var(--base-width) * 100vw), 20px);
    line-height: calc(35 / 14);
    letter-spacing: 0.1em;
  }
}

/*-------------------------------------------------

slideMenu

--------------------------------------------------*/
#slideMenu {
  position: relative;
  padding-block: clamp(120px / var(--minimize-ratio), (120 / var(--base-width) * 100vw), 120px);
  background: #ade7f5;
  overflow: clip;
  z-index: 1;
}
#slideMenu > .bg {
  position: absolute;
  top: -5%;
  width: 100%;
  height: 110%;
  z-index: -1;
  transition-duration: .25s;
}
#slideMenu > .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 1.5s cubic-bezier(0.33, 1, 0.68, 1) 1.0s;
}
#slideMenu.scrollin > .bg img {
  opacity: 1
}
#slideMenu .section_title_wrap .section_title {
  width: clamp(736px / var(--minimize-ratio), (736 / var(--base-width) * 100vw), 736px);
  margin-bottom: clamp(15px / var(--minimize-ratio), (15 / var(--base-width) * 100vw), 15px);
}
#slideMenu .section_title_wrap .section_title svg {
  width: 100%;
  height: auto;
}
#slideMenu .lead_txt {
  margin-bottom: clamp(70px / var(--minimize-ratio), (70 / var(--base-width) * 100vw), 70px);
}
#slideMenu .lead_txt p {
  color: var(--lukia-red-color);
  font-size: clamp(2.0rem / var(--minimize-ratio), (20 / var(--base-width) * 100vw), 2.0rem);
  line-height: calc(40 / 20);
  letter-spacing: 0.1em;
  text-align: center;
}
#slideMenu .splide_main {
  position: relative;
}
#slideMenu .splide_main .splide__arrows {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  justify-content: space-between;
  width: calc(1080 / var(--base-width) * 100vw);
  transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
  z-index: 2;
}
#slideMenu .splide_main .splide__arrows .splide__arrow {
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  width: clamp(50px / var(--minimize-ratio), (50 / var(--base-width) * 100vw), 50px);
  aspect-ratio: 1 / 1;
  background: var(--lukia-red-color) url(../img/icon_link_white.svg) 52.5% center no-repeat;
  background-size: 22% auto;
  border: 1px solid var(--lukia-red-color);
  border-radius: 9999px;
  transition: background .1s ease-in-out;
  pointer-events: auto;
}
#slideMenu .splide_main .splide__arrows .splide__arrow.splide__arrow--prev {
  transform: rotate(180deg);
}
@media (hover: hover) and (pointer: fine) {
  #slideMenu .splide_main .splide__arrows .splide__arrow:hover {
    background: #fff url(../img/icon_link_red.svg) 52.5% center no-repeat;
    background-size: 22% auto;
    transition: background .1s ease-in-out .1s;
  }
}
#slideMenu .splide_main .splide__slide {
  width: calc(920 / var(--base-width) * 100vw) !important;
}
#slideMenu .splide_main .splide__slide .body {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 920 / 610;
  transform: scale(.65);
  background: url(../img/slideMenu_splide__slide_bg.svg) no-repeat;
  background-size: contain;
  transition: transform .5s;
}
#slideMenu .splide_main .splide__slide.is-active .body {
  transform: scale(1);
  z-index: 1;
}
#slideMenu .splide_main .splide__slide .body .content_wrap {
  width: calc(700 / 920 * 100%);
}
#slideMenu .splide_main .splide__slide .body .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  container-type: inline-size;
}
#slideMenu .splide_main .splide__slide .body .content.cs img {
  width: calc(600 / 700 * 100cqi);
}
#slideMenu .splide_main .splide__slide .body .content .content_title {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-bottom: 1.5em;
  color: var(--gold-color);
  font-size: calc(40 / 700 * 100cqi);
  font-family: var(--common-en-font-family);
  letter-spacing: 0.1em;
}
#slideMenu .splide_main .splide__slide .body .content .content_title .large {
  font-size: calc(52 / 40 * 1em);
}
#slideMenu .splide_main .splide__slide .body .content .content_title::before,
#slideMenu .splide_main .splide__slide .body .content .content_title::after {
  content: '';
  width: calc(25 / 40 * 1em);
  aspect-ratio: 1 / 1;
  margin-inline: 0.5em;
  background: url(../img/icon_common_title.svg) no-repeat;
  background-size: contain;
}
#slideMenu .splide_main .splide__slide .body .content .block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: calc(45 / 700 * 100cqi);
}
#slideMenu .splide_main .splide__slide .body .content .block.align_start {
  align-items: flex-start;
}
#slideMenu .splide_main .splide__slide .body .content .txt_box {
  width: calc(370 / 700 * 100cqi);
}
#slideMenu .splide_main .splide__slide .body .content .txt_box_title {
  width: calc(370 / 700 * 100cqi);
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  font-size: calc(22 / 700 * 100cqi);
  font-family: var(--common-en-font-family);
  line-height: calc(44 / 25);
  letter-spacing: 0.1em;
  border-bottom: 1px solid var(--gold-color);
}
#slideMenu .splide_main .splide__slide .body .content .txt_box_title .small {
  display: inline-block;
  font-size: 95%;
  line-height: calc(42 / 25);
  letter-spacing: 0.05em;
}
#slideMenu .splide_main .splide__slide .body .content .txt_box_title .small.small2 {
  font-size: 88%;
}
#slideMenu .splide_main .splide__slide .body .content .txt_box .txt {
  font-size: calc(18 / 700 * 100cqi);
  line-height: calc(40 / 20);
  letter-spacing: 0.1em;
  text-align: justify;
}
#slideMenu .splide_main .splide__slide .body .content .txt_box .txt span.color_red {
	color: var(--lukia-red-color);
}
#slideMenu .splide_main .splide__slide .body .content .txt_box .txt .small {
  display: inline-block;
  font-size: 90%;
  line-height: calc(38 / 20);
}
#slideMenu .splide_main .splide__slide .body .content .img_box {
  width: calc(280 / 700 * 100cqi);
  border-radius: 20px;
  overflow: hidden;
}
#slideMenu .splide_main .splide__slide .body .content .img_box.bd {
  border: 1px solid #F0DBBD;
}
#slideMenu .splide_main .splide__slide .body .content .btn a {
  display: inline-block;
  width: calc(128 / 30 * 1em);
  padding-bottom: 0.1em;
  padding-left: 0.12em;
  color: #fff;
  font-size: calc(30 / 700 * 100cqi);
  font-family: var(--common-en-font-family);
  line-height: calc(52 / 30 * 1em);
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.1em;
  background-color: var(--gold-color);
  border: 1px solid var(--gold-color);
  border-radius: 9999px;
  transition: color .1s ease-in-out, background-color .1s ease-in-out, border .1s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  #slideMenu .splide_main .splide__slide .body .content .btn a:hover {
    color: var(--lukia-red-color);
    background-color: #fff;
    border: 1px solid var(--lukia-red-color);
    transition: color .1s ease-in-out .1s, background-color .1s ease-in-out .1s, border .1s ease-in-out .1s;
  }
}
#slideMenu .splide_thumb {
  width: 560px;
  margin-top: 35px;
  margin-inline: auto;
}
#slideMenu .splide_thumb .splide__slide {
  outline-offset: -2px;
  outline: 2px solid transparent;
  transition: outline .1s ease-in-out;
}
#slideMenu .splide_thumb .splide__slide.is-active {
  outline: 2px solid #C39C62;
  transition: outline .1s ease-in-out .1s;
}
@media (hover: hover) and (pointer: fine) {
  #slideMenu .splide_thumb .splide__slide:hover {
    outline: 2px solid #C39C62;
    transition: outline .1s ease-in-out .1s;
  }
}
#slideMenu .splide_thumb .splide__list {
  justify-content: space-between;
}
#slideMenu .splide_thumb .splide__slide {
  display: grid;
  place-content: center;
  width: 100px !important;
  aspect-ratio: 1 / 1;
  background: #FFFDF8;
  border-radius: 10px;
  cursor: pointer;
  overflow: hidden;
}
#slideMenu .splide_thumb .splide__slide.bd {
  border: 1px solid #e1e8f0;
}
@media screen and (max-width: 1024px) {
  #slideMenu {
    --minimize-ratio: 1.4;
  }
}
@media screen and (max-width: 991px) {
  #slideMenu .splide_main .splide__slide .body .content .txt_box_title {
    margin-bottom: 0.75em;
    padding-bottom: 0.75em;
    font-size: 3.8cqi;
  }
  #slideMenu .splide_main .splide__slide .body .content .txt_box_title .small {
    font-size: 85%;
  }
  #slideMenu .splide_main .splide__slide .body .content .txt_box_title br.ctl {
    display: none;
  }
  #slideMenu .splide_main .splide__slide .body .content .txt_box .txt {
    font-size: 3.4cqi;
    line-height: calc(35 / 20);
  }
  #slideMenu .splide_main .splide__slide .body .content .txt_box .txt .small {
    font-size: 85%;
    line-height: calc(36 / 20);
  }
}
@media screen and (min-width: 641px) and (orientation:portrait) {
  body.tablet #slideMenu .splide_main .splide__slide {
    /* スライドの内容により幅を調整 */
    width: 60vw !important;
  }
  body.tablet #slideMenu .splide_main .splide__arrows {
    width: 71.5vw;
  }
  body.tablet #slideMenu .splide_main .splide__slide .body {
    transform: scale(.75);
  }
  body.tablet #slideMenu .splide_main .splide__slide.is-active .body {
    transform: scale(1);
  }
  body.tablet #slideMenu .splide_thumb {
    width: 60vw;
  }
  body.tablet #slideMenu .splide_thumb .splide__slide {
    width: 18% !important;
  }
  body.tablet #slideMenu .splide_main .splide__slide .body .content .block {
    margin-bottom: calc(25 / 700 * 100cqi);
  }
  body.tablet #slideMenu .splide_main .splide__slide .body .content .content_title {
    margin-bottom: 1.0em;
  }
  body.tablet #slideMenu .splide_main .splide__slide .body .content .txt_box .txt {
    font-size: 3.2cqi;
  }
}
@media screen and (max-width: 640px) {
  #slideMenu {
    padding-block: min(50 / var(--base-width) * 100vw, 75px);
  }
  #slideMenu .section_title_wrap .section_title {
    width: min(300 / var(--base-width) * 100vw, 450px);
    margin-bottom: min(10 / var(--base-width) * 100vw, 15px);
  }
  #slideMenu .lead_txt p {
    font-size: min(13 / var(--base-width) * 100vw, 18px);
    line-height: calc(24 / 13);
    letter-spacing: 0.1em;
  }
  #slideMenu .lead_txt {
    margin-bottom: min(40 / var(--base-width) * 100vw, 60px);
  }
  #slideMenu .splide_main .splide__slide {
    width: min(330 / var(--base-width) * 100vw, 495px) !important;
  }
  #slideMenu .splide_main .splide__slide .body {
    aspect-ratio: 330 / 570;
    transform: scale(.65);
    background: url(../img/slideMenu_splide__slide_bg_sp.svg) no-repeat;
    background-size: contain;
  }
  #slideMenu .splide_main .splide__slide .body .content_wrap {
    width: calc(220 / 330 * 100%);
  }
  #slideMenu .splide_main .splide__slide .body .content .content_title {
    margin-bottom: 0.75em;
    font-size: min(20 / var(--base-width) * 100vw, 30px);
    letter-spacing: 0.05em;
  }
  #slideMenu .splide_main .splide__slide .body .content .content_title .large {
    font-size: calc(23 / 20 * 1em);
  }
  #slideMenu .splide_main .splide__slide .body .content .block {
    flex-direction: column-reverse;
    gap: min(22 / var(--base-width) * 100vw, 35px);
    margin-bottom: min(30 / var(--base-width) * 100vw, 45px);
  }
  #slideMenu .splide_main .splide__slide .body .content .txt_box_title {
    width: 100%;
    margin-bottom: 0.75em;
    padding-bottom: 0.75em;
    font-size: min(15 / var(--base-width) * 100vw, 22px);
    line-height: calc(24 / 15);
    text-align: center;
  }
  #slideMenu .splide_main .splide__slide .body .content .txt_box_title br.ctl {
    display: inline;
  }
  #slideMenu .splide_main .splide__slide .body .content .txt_box .txt {
    font-size: min(12 / var(--base-width) * 100vw, 18px);
    line-height: calc(24 / 15);
  }
  #slideMenu .splide_main .splide__slide .body .content .txt_box .txt .small {
    font-size: 100%;
    line-height: calc(24 / 15);
  }
  #slideMenu .splide_main .splide__slide .body .content .txt_box {
    width: 100%;
  }
  #slideMenu .splide_main .splide__slide .body .content .img_box {
    width: 100%;
    border-radius: 10px;
  }
  #slideMenu .splide_main .splide__slide .body .content .btn a {
    width: calc(83 / 20 * 1em);
    font-size: min(20 / var(--base-width) * 100vw, 30px);
    line-height: calc(32 / 20 * 1em);
  }
  #slideMenu .splide_main .splide__slide .body .content.cs img {
    width: min(250 / var(--base-width) * 100vw, 375px);
  }
  #slideMenu .splide_thumb {
    width: min(300 / var(--base-width) * 100vw, 450px);
    margin-top: min(25 / var(--base-width) * 100vw, 32px);
  }
  #slideMenu .splide_thumb .splide__list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: min(6 / var(--base-width) * 100vw, 9px);
  }
  #slideMenu .splide_thumb .splide__slide {
    width: auto !important;
    border-radius: 10px;
  }
  #slideMenu .splide_main .splide__arrows {
    width: min(350 / var(--base-width) * 100vw, 525px);
  }
  #slideMenu .splide_main .splide__arrows .splide__arrow {
    width: min(30 / var(--base-width) * 100vw, 45px);
    background: var(--lukia-red-color) url(../img/icon_link_white.svg) 55% center no-repeat;
    background-size: 22% auto;
  }
}

/*-------------------------------------------------

history

--------------------------------------------------*/
#history {
  position: relative;
  height: 100dvh;
  z-index: 1;
  overflow: clip;
}
#history > .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:#FFFDF8;
  transition: background-color 1.0s cubic-bezier(0.33, 1, 0.68, 1);
}
#history .section_title_wrap {
  margin-bottom: clamp(30px / var(--minimize-ratio), (30 / var(--base-width) * 100vw), 30px);
}
#history .section_title_wrap .section_title {
  width: clamp(468px / var(--minimize-ratio), (468 / var(--base-width) * 100vw), 468px);
}
#history .section_title_wrap .section_title svg {
  width: 100%;
  height: auto;
}
#history > .bg.year_1 {
  background-color:#FFFDF8;
}
#history > .bg.year_2 {
  background-color:#FAFFFF;
}
#history > .bg.year_3 {
  background-color:#FFFDF8;
}
#history .history_outer {
  position: relative;
  /*
  display: flex;
  flex-direction: column;
  justify-content: center;
  */
  width: 100%;
  height: 100%;
  padding-top: calc(var(--content-padding-top) * 0.85);
}
#history .section_title_wrap {
  text-align: center;
}
#history .year_nav {
  display: flex;
  justify-content: center;
  color: var(--gold-color);
  font-size: clamp(2.5rem / var(--minimize-ratio), (25 / var(--base-width) * 100vw), 2.5rem);
  letter-spacing: 0.1em;
}
#history .year_nav li {
  position: relative;
  padding-right: 2em;
}
#history .year_nav li::after {
  content: '/';
  position: absolute;
  top: 0;
  right: 1em;
  font-size: 85%;
}
#history .year_nav li:last-of-type {
  padding-right: 0;
}
#history .year_nav li:last-of-type::after {
  display: none;
}
#history .year_nav a {
  color: var(--gold-color);
  font-family: var(--common-en-font-family);
  text-decoration: none;
  transition: color .1s ease-in-out;
}
#history .year_nav li.cr a {
  color: var(--lukia-red-color);
  transition: color .1s ease-in-out .1s;
}
@media (hover: hover) and (pointer: fine) {
  #history .year_nav a:hover {
    color: var(--lukia-red-color);
    transition: color .1s ease-in-out .1s;
  }
}
#history .year_lead {
  position: relative;
  height: 1em;
  margin-top: clamp(50px / var(--minimize-ratio), (50 / var(--base-width) * 100vw), 50px);
  margin-bottom: clamp(80px / var(--minimize-ratio), (80 / var(--base-width) * 100vw), 80px);
  font-size: clamp(2.2rem / var(--minimize-ratio), (22 / var(--base-width) * 100vw), 2.2rem);
}
#history .year_lead .lead {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  opacity: 0;
  transition: opacity 0.4s cubic-bezier(0.33, 1, 0.68, 1);
}
#history .year_lead .lead.show {
  opacity: 1;
}
#history .year_lead .lead p {
  width: 100%;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.15em;
}
#history .year_lead .lead p::before,
#history .year_lead .lead p::after {
  content: '';
  width: calc(20 / 22 * 1em);
  aspect-ratio: 1 / 1;
  margin-inline: 0.5em;
  background: url(../img/icon_common_title.svg) no-repeat;
  background-size: contain;
}
#history .year_lead .lead p {
  font-size: clamp(2.4rem / var(--minimize-ratio), (24 / var(--base-width) * 100vw), 2.4rem);
  font-weight: 600;
  letter-spacing: 0.15em;
}
#history .history_inner {
  position: relative;
  width: 100%;
}
#history .scroll_container {
  position: relative;
  width: 100%;
}
#history .scroll_wrap {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  column-gap: clamp(100px / var(--minimize-ratio), (100 / var(--base-width) * 100vw), 100px);
  padding-left: clamp(270px / var(--minimize-ratio), (270 / var(--base-width) * 100vw), 270px);
  padding-right: clamp(370px / var(--minimize-ratio), (370 / var(--base-width) * 100vw), 370px);
}
#history .scroll_panel_outer {
  display: flex;
  column-gap: clamp(100px / var(--minimize-ratio), (100 / var(--base-width) * 100vw), 100px);
}
#history .scroll_panel .panel_body {
  position: relative;
  display: flex;
  flex-direction: column;
  width: clamp(210px / var(--minimize-ratio), (210 / var(--base-width) * 100vw), 210px);
  cursor: pointer;
  opacity: 0;
  /*
  transition: opacity .8s cubic-bezier(0.33, 1, 0.68, 1);
  */
}
#history .scroll_panel .panel_body.current {
  /*
  opacity: 1;
  */
}
#history .scroll_panel .panel_body .arabic_note {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  transform: translate3d(-5%, 130%, 0);
  pointer-events: none;
}
#history .scroll_panel .panel_body .arabic_note .img {
  width: clamp(90px / var(--minimize-ratio), (90 / var(--base-width) * 100vw), 90px);
  margin-right: clamp(30px / var(--minimize-ratio), (30 / var(--base-width) * 100vw), 30px);
}
#history .scroll_panel .panel_body .arabic_note .img::before {
  display: none;
}
#history .scroll_panel .panel_body .arabic_note .img img {
  transform: scale(1) !important;
}
#history .scroll_panel .panel_body .arabic_note .txt p {
  font-size: clamp(1.5rem / var(--minimize-ratio), (15 / var(--base-width) * 100vw), 1.5rem);
  line-height: calc(28 / 15);
  letter-spacing: 0.1em;
  white-space: nowrap;
}
#history .scroll_panel .panel_body.panel2 {
  position: static;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: clamp(390px / var(--minimize-ratio), (390 / var(--base-width) * 100vw), 390px);
}
#history .scroll_panel .panel_body.panel2 .panel_body_inner {
  position: relative;
  width: calc(210 / 390 * 100%);
}
#history .scroll_panel .panel_body.panel2 .panel_body_inner + .panel_body_inner {
  /*
  position: absolute;
  bottom: 0;
  right: 0;
  */
  margin-left: calc(-31 / 390 * 100%);
}
#history .scroll_panel .panel_body .year {
  width: 100%;
  margin-bottom: 0.5em;
  font-size: clamp(3.0rem / var(--minimize-ratio), (30 / var(--base-width) * 100vw), 3.0rem);
  font-family: var(--common-en-font-family);
  text-align: center;
  letter-spacing: 0.1em;
}
#history .scroll_panel .panel_body:first-of-type .year {
  color: var(--lukia-red-color);
}
#history .scroll_panel .panel_body .serial {
  width: 100%;
  padding-left: 1em;
  font-size: clamp(1.6rem / var(--minimize-ratio), (16 / var(--base-width) * 100vw), 1.6rem);
  font-family: var(--common-en-font-family);
  text-align: center;
  letter-spacing: 0.1em;
}
#history .scroll_panel .panel_body.arabic:not(.panel2) .serial,
#history .scroll_panel .panel_body.panel2 .panel_body_inner.arabic .serial {
  color: var(--lukia-red-color);
}
#history .scroll_panel .panel_body .btn {
  width: 100%;
  margin-top: 1em;
  padding-left: 1em;
  font-size: clamp(1.6rem / var(--minimize-ratio), (16 / var(--base-width) * 100vw), 1.6rem);
  text-align: center;
}
#history .scroll_panel .panel_body .btn button {
  display: inline-block;
  width: calc(100 / 25 * 1em);
  padding-bottom: 0.1em;
  padding-left: 0.12em;
  color: #fff;
  font-size: clamp(2.5rem / var(--minimize-ratio), (25 / var(--base-width) * 100vw), 2.5rem);
  font-family: var(--common-en-font-family);
  line-height: calc(45 / 25 * 1em);
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.1em;
  background-color: var(--gold-color);
  border: 1px solid var(--gold-color);
  border-radius: 9999px;
  transition: color .1s ease-in-out, background-color .1s ease-in-out, border .1s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  #history .scroll_panel .panel_body:not(.panel2):hover .btn button,
  #history .scroll_panel .panel_body.panel2 .panel_body_inner:hover .btn button {
    color: var(--lukia-red-color);
    background-color: #fff;
    border: 1px solid var(--lukia-red-color);
    transition: color .1s ease-in-out .1s, background-color .1s ease-in-out .1s, border .1s ease-in-out .1s;
  }
}
#history .scroll_panel .panel_body .img {
  position: relative;
}
#history .scroll_panel .panel_body .img img {
  transition: transform .2s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  #history .scroll_panel .panel_body:not(.panel2):hover .img img,
  #history .scroll_panel .panel_body.panel2 .panel_body_inner:hover .img img {
    transform: scale(1.04);
    transition: transform .2s ease-in-out .1s;
  }
}
#history .scroll_panel .panel_body.arabic .img::before,
#history .scroll_panel .panel_body.panel2 .panel_body_inner.arabic .img::before {
  content: '';
  position: absolute;
  top: 0%;
  left: -15%;
  width: calc(90 / 210 * 100%);
  aspect-ratio: 1 / 1;
  background: url(../img/icon_arabic_num.svg) no-repeat;
  background-size: contain;
}
#history .scroll_panel .panel_body.panel2 .panel_body_inner + .panel_body_inner.arabic .img::before {
  left: -10%;
}
#history .scroll_panel .panel_body.new .img::before,
#history .scroll_panel .panel_body.panel2 .panel_body_inner.new .img::before {
  content: '';
  position: absolute;
  top: 1.5%;
  left: -4%;
  width: calc(75 / 210 * 100%);
  aspect-ratio: 1 / 1;
  background: url(../img/icon_new.svg) no-repeat;
  background-size: contain;
}
#history .lukia_logo {
  position: absolute;
  right: clamp(180px / var(--minimize-ratio),(180 / var(--base-width)* 100vw), 180px);
  bottom: clamp(100px / var(--minimize-ratio),(100 / var(--base-width)* 100vw), 100px);
  width: clamp(204px / var(--minimize-ratio),(204 / var(--base-width)* 100vw), 204px);
  aspect-ratio: 204 / 144;
  cursor: default;
}
#history .lukia_logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/*波アニメーション*/
.wave_wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.wave {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  overflow: hidden;
}
.wave svg {
  max-width: initial;
  width: 19200px;
  aspect-ratio: 4800 / 123;
}
.wave svg.active {
  animation: wave 32s linear .5s infinite; 
}
@keyframes wave {
  0% {
      translate: 0 0;
  }
  100% {
      translate: -50% 0;
  }
}
.wave svg .svg-elem-1 {
  stroke-dashoffset: 9660.5830078125px;
  stroke-dasharray: 9660.5830078125px;
  transition: stroke-dashoffset 2s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;
}
.wave svg.active .svg-elem-1 {
  stroke-dashoffset: 0;
}
.wave svg .svg-elem-2 {
  stroke-dashoffset: 9660.58984375px;
  stroke-dasharray: 9660.58984375px;
  transition: stroke-dashoffset 2s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0.12s;
}
.wave svg.active .svg-elem-2 {
  stroke-dashoffset: 0;
}
@media screen and (max-width: 1024px) {
  #history {
    --minimize-ratio: 1.3;
  }
  #history .scroll_panel .panel_body .arabic_note .txt p {
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 991px) {
  #history {
    --minimize-ratio: 1.5;
  }
  #history .scroll_panel .panel_body .serial {
    font-size: 1.8vw;
  }
}
@media screen and (min-width: 641px) and (min-aspect-ratio: 16/9) {
  #history .scroll_panel .panel_body {
    width: 18vh;
  }
  #history .scroll_panel .panel_body.panel2 {
    width: calc(390 / 210 * 18vh);
  }
}
@media screen and (min-width: 641px) and (min-aspect-ratio: 16/8) {
  #history .history_outer {
    padding-top: calc(var(--content-padding-top) * 0.75);
  }
  #history .year_lead {
    margin-top: clamp(35px / var(--minimize-ratio),(35 / var(--base-width)* 100vw), 35px);
    margin-bottom: clamp(60px / var(--minimize-ratio),(60 / var(--base-width)* 100vw), 60px);
  }
  #history .scroll_panel .panel_body {
    width: 16vh;
  }
  #history .scroll_panel .panel_body.panel2 {
    width: calc(390 / 210 * 16vh);
  }
  #history .scroll_panel .panel_body .btn button {
    width: calc(80 / 25 * 1em);
    line-height: calc(35 / 25 * 1em);
  }
}
/*
@media screen and (min-width: 641px) and (max-aspect-ratio: 5 / 4) {
*/
@media screen and (min-width: 641px) and (orientation:portrait) {
  body #history .history_outer {
    padding-top: 20vh;
  }
  body #history .year_lead {
    height: 4em;
  }
  body #history .scroll_panel .panel_body {
    width: 20vw;
  }
  body #history .scroll_panel .panel_body.panel2 {
    width: calc(390 / 210 * 20vw);
  }
}
@media screen and (max-width: 640px) {
  #history .history_outer {
    padding-top: calc(var(--content-padding-top) * 1.0);
  }
  #history .section_title_wrap {
    margin-bottom: min(16 / var(--base-width) * 100vw, 24px);
  }
  #history .section_title_wrap .section_title {
    width: min(258 / var(--base-width) * 100vw, 386px);
  }
  #history .section_title_wrap .section_title::before,
  #history .section_title_wrap .section_title::after {
    width: min(50 / var(--base-width) * 100vw, 75px);
  }
  #history .year_nav {
    font-size: min(17 / var(--base-width) * 100vw, 25px);
  }
  #history .year_lead {
    height: 4.5em;
    margin-top: min(20 / var(--base-width) * 100vw, 30px);
    margin-bottom: min(40 / var(--base-width) * 100vw, 60px);
    font-size: min(12 / var(--base-width) * 100vw, 18px);
    line-height: calc(20 / 12);
  }
  #history .year_lead .lead p,
  #history .year_lead .lead p + span.sp {
    font-size: min(12 / var(--base-width) * 100vw, 18px);
    font-weight: 600;
    line-height: calc(20 / 12);
    letter-spacing: 0.1em;
  }
  #history .year_lead .lead p + span.sp {
    margin-top: 0.5em;
  }
  #history .scroll_wrap {
    column-gap: calc(20 / var(--base-width) * 100vw);
    padding-left: calc(35 / var(--base-width) * 100vw);
    padding-right: calc(130 / var(--base-width) * 100vw);
  }
  #history .scroll_panel_outer {
    column-gap: calc(20 / var(--base-width) * 100vw);
  }
  #history .scroll_panel .panel_body {
    width: calc(120 / var(--base-width) * 100vw);
  }
  #history .scroll_panel .panel_body.panel2 {
    width: calc(225 / var(--base-width) * 100vw);
  }
  #history .scroll_panel .panel_body .year {
    margin-bottom: 0.5em;
    font-size: min(15 / var(--base-width) * 100vw, 22px);
  }
  #history .scroll_panel .panel_body .serial {
    padding-left: 0.5em;
    font-size: min(10 / var(--base-width) * 100vw, 15px);
  }
  #history .scroll_panel .panel_body .btn {
    margin-top: 1em;
    padding-left: 0.5em;
    font-size: min(15 / var(--base-width) * 100vw, 22px);
  }
  #history .scroll_panel .panel_body .btn button {
    display: inline-block;
    width: calc(70 / 15 * 1em);
    font-size: min(15 / var(--base-width) * 100vw, 22px);
    line-height: calc(24 / 15 * 1em);
  }
  #history .scroll_panel .panel_body .arabic_note .txt p {
    font-size: min(10 / var(--base-width) * 100vw, 12px);
    line-height: calc(18 / 10);
  }
  #history .scroll_panel .panel_body .arabic_note .img {
    width: min(50 / var(--base-width) * 100vw, 75px);
    margin-right: min(15 / var(--base-width) * 100vw, 22px);
  }
  #history .lukia_logo {
    right: calc(52 / var(--base-width) * 100vw);
    bottom: calc(63 / var(--base-width) * 100vw);
    width: calc(100 / var(--base-width) * 100vw);
  }
}

/*-------------------------------------------------

btmMenu

--------------------------------------------------*/
#btmMenu {
  position: relative;
  padding-top: clamp(90px / var(--minimize-ratio), (90 / var(--base-width) * 100vw), 90px);
  padding-bottom: clamp(350px / var(--minimize-ratio), (350 / var(--base-width) * 100vw), 350px);
  background: #ade7f5;
  overflow: clip;
  z-index: 1;
}
#btmMenu > .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0;
  transition: opacity 1.0s cubic-bezier(0.33, 1, 0.68, 1);
}
#btmMenu.scrollin > .bg {
  opacity: 1
}
#btmMenu > .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
}
#btmMenu .section_title_wrap {
  margin-bottom: clamp(50px / var(--minimize-ratio), (50 / var(--base-width) * 100vw), 50px);
}
#btmMenu .section_title_wrap svg {
  width: 100%;
  height: auto;
}
#btmMenu .section_title_wrap .section_title {
  width: clamp(430px / var(--minimize-ratio), (430 / var(--base-width) * 100vw), 430px);
}
#btmMenu .btmMenu_inner {
  width: clamp(1550px / var(--minimize-ratio), (1550 / var(--base-width) * 100vw), 1550px);
  margin-inline: auto;
  margin-top: clamp(50px / var(--minimize-ratio), (50 / var(--base-width) * 100vw), 50px);
}
#btmMenu .content_list {
  display: flex;
  justify-content: center;
  gap: clamp(40px / var(--minimize-ratio), (40 / var(--base-width) * 100vw), 40px);
}
#btmMenu .content_list li a {
  display: block;
  text-decoration: none;
}
#btmMenu .content_list li a[tabindex] {
  pointer-events: none;
}
#btmMenu .content_list li .img {
  position: relative;
}
#btmMenu .content_list li .img .img_wrap {
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}
#btmMenu .content_list li .img .img_wrap.bd {
  border: 1px solid #F0DBBD;
}
#btmMenu .content_list li a .img .img_wrap img {
  transition: transform .2s ease-in-out;
}
#btmMenu .content_list li .img::after {
  content: '';
  position: absolute;
  right: -8%;
  bottom: -8%;
  width: calc(87 / 278 * 100%);
  aspect-ratio: 87 / 90;
  background: url(../img/icon_rose.svg) no-repeat;
  background-size: contain;
  opacity: 0;
  transform: scale(0.85);
  transition: all .2s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  #btmMenu .content_list li a:hover .img .img_wrap img {
    transform: scale(1.05);
    transition: transform .2s ease-in-out .1s;
  }
  #btmMenu .content_list li a:hover .img::after {
    opacity: 1;
    transform: scale(1);
    transition: all .2s ease-in-out .1s;
  }
}
#btmMenu .content_list li .name {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 1em;
  color: var(--lukia-red-color);
  font-size: clamp(2.2rem / var(--minimize-ratio), (22 / var(--base-width) * 100vw), 2.2rem);
  font-family: var(--common-en-font-family);
  text-align: center;
  letter-spacing: 0.1em;
  transition: color .1s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  #btmMenu .content_list li a:hover .name {
    color: var(--gold-color);
    transition: color .1s ease-in-out .1s;
  }
}
#btmMenu .content_list li .name::before {
  content: '';
  width: calc(15 / 20 * 1em);
  aspect-ratio: 1 / 1;
  margin-right: 0.4em;
  background: url(../img/icon_common_title.svg) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 1024px) {
  #btmMenu .btmMenu_inner {
    width: 95vw;
  }
}
@media screen and (max-width: 640px) {
  #btmMenu {
    position: relative;
    padding-top: min(50 / var(--base-width) * 100vw, 100px);
    padding-bottom: min(220 / var(--base-width) * 100vw, 330px);
  }
  #btmMenu .section_title_wrap {
    margin-bottom: min(40 / var(--base-width) * 100vw, 60px);
  }
  #btmMenu .section_title_wrap .section_title {
    width: min(236 / var(--base-width) * 100vw, 354px);
  }
  #btmMenu .btmMenu_inner {
    width: min(315 / var(--base-width) * 100vw, 472px);
    margin-top: 0;
  }
  #btmMenu .content_list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: min(25 / var(--base-width) * 100vw, 37px) min(15 / var(--base-width) * 100vw, 22px);
  }
  #btmMenu .content_list li .img .img_wrap {
    border-radius: 10px;
  }
  #btmMenu .content_list li .name {
    margin-top: 1em;
    font-size: min(14 / var(--base-width) * 100vw, 20px);
    text-align: center;
  }
}

/*-------------------------------------------------

 modal

--------------------------------------------------*/
.modal_container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: all .4s ease-out .4s;
}
body.modal_open .modal_container/* ,
.modal_container */ {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transition: all .4s ease-out;
}
.modal_container .modal_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.5);
}
.modal_container .modal_outer {
  position: relative;
  display: grid;
  place-content: center;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity .4s ease-out;
}
body.modal_open .modal_container .modal_outer {
  opacity: 1;
  transition: opacity .4s ease-out .4s;
}
.modal_container .modal_inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: clamp(1060px / var(--minimize-ratio), (1060 / var(--base-width) * 100vw), 1060px);
  aspect-ratio: 1060 / 700;
  font-family: 'Noto Serif JP', serif;
  background: url(../img/modal_splide__slide_bg.svg) no-repeat;
  background-size: contain;
}
.modal_container .modal_inner .btn_close {
  position: absolute;
  top: 0;
  right: 0;
  width: clamp(70px / var(--minimize-ratio), (70 / var(--base-width) * 100vw), 70px);
  aspect-ratio: 1 / 1;
  border: 1px solid var(--gold-color);
  border-radius: 9999px;
  background: var(--gold-color);
  cursor: pointer;
  transition: background .1s ease-in-out;
}
.modal_container .modal_inner .btn_close::before,
.modal_container .modal_inner .btn_close::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 55%;
  height: 2px;
  background: #fff;
  border-radius: 9999px;
  transform: translate3d(-50%,-50%,0) rotate(45deg);
  transition: background .1s ease-in-out;
}
.modal_container .modal_inner .btn_close::after {
  transform: translate3d(-50%,-50%,0) rotate(-45deg);
}
@media (hover: hover) and (pointer: fine) {
  .modal_container .modal_inner .btn_close:hover {
    background: #fff;
    transition: background .1s ease-in-out .1s;
  }
  .modal_container .modal_inner .btn_close:hover::before,
  .modal_container .modal_inner .btn_close:hover::after {
    background: var(--gold-color);
    transition: background .1s ease-in-out .1s;
  }
}
.modal_container .modal_inner .splide_modal_box {
  width: calc(700 / 1060 * 100%);
}
.modal_container .modal_inner .splide_modal_box .splide_modal_main {
  position: relative;
}
.modal_container .modal_inner .splide_modal_box .splide__arrows {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  justify-content: space-between;
  width: 120%;
  transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
  z-index: 2;
}
.modal_container .modal_inner .splide_modal_box .splide__arrow {
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
  width: clamp(40px / var(--minimize-ratio),(40 / var(--base-width)* 100vw), 40px);
  aspect-ratio: 20 / 39;
  background: url(../img/icon_link_gold.svg) center center no-repeat;
  background-size: 50% auto;
  transition: opacity .1s ease-in-out;
  transform: translateX(-100%);
}
body.modal_open .modal_container .modal_inner .splide_modal_box .splide__arrow {
  pointer-events: auto;
}
.modal_container .modal_inner .splide_modal_box .splide__arrow--next {
  transform: rotate(180deg) translateX(-100%);
}
.modal_container .modal_inner .splide_modal_box .splide__arrow:disabled {
  opacity: 0.4 !important;
  cursor: default;
}
@media (hover: hover) and (pointer: fine) {
  .modal_container .modal_inner .splide_modal_box .splide__arrow:hover {
    opacity: 0.6;
    transition: opacity .1s ease-in-out .1s;
  }
}
.modal_container .modal_inner .splide_modal_box .splide__slide {
  opacity: 0;
  transition: opacity .2s ease-out;
}
.modal_container .modal_inner .splide_modal_box .splide__slide.is-active {
  opacity: 1;
  transition: opacity .2s ease-out .4s;
}
.modal_container .modal_inner .splide__slide .body {
  display: flex;
  justify-content: space-between;
}
.modal_container .modal_inner .splide__slide .body .img_box {
  width: calc(300 / 700 * 100%);
}
.modal_container .modal_inner .splide__slide .body .txt_box {
  width: calc(350 / 700 * 100%);
  padding-top: 5%;
}
.modal_container .modal_inner .splide__slide .body .txt_box .arabic {
  margin-top: clamp(40px / var(--minimize-ratio),(40 / var(--base-width)* 100vw), 40px);
  padding-right: 10%;
}
.modal_container .modal_inner .splide__slide .body .txt_box .arabic img {
  width: 100%;
}
.modal_container .modal_inner .splide__slide .body .txt_box .year {
  display: inline-block;
  width: calc(110 / 30 * 1em);
  margin-bottom: 1.25em;
  padding-top: 0.15em;
  padding-left: 0.12em;
  color: #fff;
  font-family: var(--common-en-font-family);
  font-size: clamp(3.0rem / var(--minimize-ratio), (30 / var(--base-width) * 100vw), 3.0rem);
  line-height: calc(32 / 30 * 1em);
  letter-spacing: 0.15em;
  text-align: center;
  background-color: var(--gold-color);
}
.modal_container .modal_inner .splide__slide .body .txt_box .serial {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 1.2em;
  color: var(--lukia-red-color);
  font-family: var(--common-en-font-family);
  font-size: clamp(4.0rem / var(--minimize-ratio), (40 / var(--base-width) * 100vw), 4.0rem);
  letter-spacing: 0.15em;
}
.modal_container .modal_inner .splide__slide .body .txt_box .serial::before,
.modal_container .modal_inner .splide__slide .body .txt_box .serial::after {
  content: '';
  width: calc(25 / 40 * 1em);
  aspect-ratio: 1 / 1;
  margin-right: 0.2em;
  background: url(../img/icon_common_title.svg) no-repeat;
  background-size: contain;
}
.modal_container .modal_inner .splide__slide .body .txt_box .serial::after {
  margin-right: 0;
  margin-left: 0.2em;
}
.modal_container .modal_inner .splide__slide .body .txt_box .txt p {
  font-weight: 500;
  font-size: clamp(2.0rem / var(--minimize-ratio), (20 / var(--base-width) * 100vw), 2.0rem);
  line-height: 2;
  letter-spacing: 0.1em;
  text-align: justify;
}
.modal_container .modal_inner .splide__slide .body .txt_box .txt p span {
  color: var(--lukia-red-color);
}
@media screen and (max-width: 1024px) {
  .modal_container {
    --minimize-ratio: 1.4;
  }
  .modal_container .modal_inner .btn_close {
    width: clamp(60px / var(--minimize-ratio),(70 / var(--base-width)* 100vw), 70px);
  }
}
@media screen and (min-width: 641px) and (orientation:portrait) {
  body.tablet .modal_container .modal_inner {
    width: 85vw;
  }
}
@media screen and (max-width: 640px) {
  .modal_container .modal_inner {
    width: min(330 / var(--base-width) * 100vw, 495px);
    aspect-ratio: 330 / 570;
    padding-bottom: 6%;
    background: url(../img/modal_splide__slide_bg_sp.svg) no-repeat;
    background-size: contain;
  }
  .modal_container .modal_inner .btn_close {
    top: 0;
    right: max(-10 / var(--base-width) * 100vw, -15px);
    width: min(30 / var(--base-width) * 100vw, 45px);
  }
  .modal_container .modal_inner .splide_modal_box .splide__arrows {
    width: min(330 / var(--base-width) * 100vw, 495px);
  }
  .modal_container .modal_inner .splide_modal_box .splide__arrow {
    width: min(42 / var(--base-width) * 100vw, 63px);
    aspect-ratio: 1 / 1;
    background: url(../img/icon_link_gold.svg) center center no-repeat;
    background-size: 20% auto;
    transform: translateX(0);
  }
  .modal_container .modal_inner .splide_modal_box .splide__arrow--next {
    transform: rotate(180deg) translateX(0);
  }
  .modal_container .modal_inner .splide_modal_box {
    /*
    width: 100%;
    */
    width: min(230 / var(--base-width) * 100vw, 345px);
  }
  .modal_container .modal_inner .splide__slide .body {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: min(16 / var(--base-width) * 100vw, 24px);
  }
  .modal_container .modal_inner .splide__slide .body .img_box {
    width: min(146 / var(--base-width) * 100vw, 230px);
  }
  .modal_container .modal_inner .splide__slide .body .txt_box {
    /*
    width: min(230 / var(--base-width) * 100vw, 345px);
    */
    width: 100%;
    padding-top: 0;
    text-align: center;
  }
  .modal_container .modal_inner .splide__slide .body .txt_box .year {
    display: inline-block;
    width: calc(65 / 16 * 1em);
    margin-bottom: 1.5em;
    padding-left: 0.2em;
    font-size: min(16 / var(--base-width) * 100vw, 24px);
    line-height: calc(24 / 16 * 1em);
    text-align: center;
  }
  .modal_container .modal_inner .splide__slide .body .txt_box .serial {
    justify-content: center;
    margin-bottom: 1em;
    font-size: min(20 / var(--base-width) * 100vw, 30px);
  }
  .modal_container .modal_inner .splide__slide .body .txt_box .serial::before,
  .modal_container .modal_inner .splide__slide .body .txt_box .serial::after {
    width: calc(15 / 20 * 1em);
    margin-right: 0.5em;
  }
  .modal_container .modal_inner .splide__slide .body .txt_box .serial::after {
    margin-left: 0.5em;
    margin-right: 0;
  }
  .modal_container .modal_inner .splide__slide .body .txt_box .txt p {
    font-size: min(13 / var(--base-width) * 100vw, 18px);
    line-height: calc(24 / 13);
    text-align: justify;
  }
  .modal_container .modal_inner .splide__slide .body .txt_box .arabic {
    margin-top: min(20 / var(--base-width) * 100vw, 30px);
    padding-right: 0;
    text-align: center;
  }
  .modal_container .modal_inner .splide__slide .body .txt_box .arabic img {
    width: 70%;
  }
}

/*-------------------------------------------------

 footer

--------------------------------------------------*/
footer {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 140px;
  padding: 0 30px;
  background: #262627;
}
footer .logo_copy {
  display: flex;
  align-items: center;
}
footer .seiko_logo {
  margin-right: 30px;
}
footer .seiko_logo img {
  width: 90px;
  height: 29px;
}
footer .copyright {
  color: #fff;
  font-weight: 400;
  font-size: 1.0rem;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1;
  letter-spacing: .05em;
}
footer .other {
  display: flex;
  align-items: center;
}
footer .brand a {
  display: block;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 44px;
  font-size: 0.9rem;
  background: #d8d2c5;
  border-radius: 5px;
  transition: filter .1s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  footer .brand a:hover {
    filter: brightness(1.1);
    transition: filter .1s ease-in-out .1s;
  }
}
footer .brand a .logo {
  width: 30px;
  height: 31px;
  margin-right: 14px;
}
footer .brand a .ttl {
  width: 206px;
  height: 15px;
}
footer .insta {
  display: flex;
  align-items: center;
  margin-left: 40px;
}
footer .insta a {
  display: flex;
  align-items: center;
  color: #fff;
  font-weight: 400;
  font-size: 1.2rem;
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1;
  letter-spacing: .05em;
  text-decoration: none;
  transition: opacity .1s ease-in-out;
}
@media (hover: hover) and (pointer: fine) {
  footer .insta a:hover {
    opacity: 0.75;
    transition: opacity .1s ease-in-out .1s;
  }
}
footer .insta .icon_instagram {
  width: 40px;
  height: 40px;
}
footer .insta .txt {
  margin-left: 15px;
}
@media (max-width: 1600px) {
  footer {
    height: max(88px,8.75vw);
    padding: 0 max(15px,1.875vw);
  }
  footer .seiko_logo {
    margin-right: 1.875vw;
  }
  footer .seiko_logo img {
    width: 5.625vw;
    height: auto;
  }
  footer .brand a {
    width: 18.75vw;
    height: auto;
    aspect-ratio: 300 / 44;
  }
  footer .brand a .logo {
    width: 1.875vw;
    height: auto;
    margin-right: .875vw;
  }
  footer .brand a .ttl {
    width: 12.875vw;
    height: auto;
  }
  footer .insta .icon_instagram {
    width: 2.5vw;
    height: auto;
  }
  footer .insta a {
    font-size: 1.1rem;
  }
}
@media (max-width: 991px) {
  footer .seiko_logo {
    margin-right: 18px;
  }
  footer .seiko_logo img {
    width: 60px;
    height: 19px;
  } 
  footer .insta .txt {
    display: none;
  }
  footer .brand a {
    width: 112px;
    height: 33px;
  }
  footer .brand a .logo {
    width: 19px;
    height: 20px;
    margin-right: 10px;
  }
  footer .brand a .ttl {
    width: 60px;
    height: 17px;
  }
  footer .insta {
    margin-left: 20px;
  }
  footer .insta .icon_instagram {
    width: 30px;
    height: 30px;
  }
}
@media (max-width: 640px) {
  footer {
    height: 60px;
    padding: 0 15px;
  }
  footer .seiko_logo img {
    width: 52px;
    height: 17px;
  }
  footer .seiko_logo {
    margin-right: 10px;
  }
  footer .copyright {
    width: 110px;
    transform: scale(.7);
    transform-origin: 0 center;
    /*
    font-size: 7px;
    */
    white-space: nowrap;
  }
  footer .brand a {
    width: 112px;
    height: 33px;
  }
  footer .insta {
    margin-left: 10px;
  }
  footer .insta .icon_instagram {
    width: 25px;
    height: 25px;
  }
}

/*-------------------------------------------------

 見出しテキスト

--------------------------------------------------*/
/***************************************************
 * kv_upper_txt
 **************************************************/
 svg .kv_upper_txt-1{stroke-dashoffset:73.15227508544922px;stroke-dasharray:73.15227508544922px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 0s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 0s}svg.active .kv_upper_txt-1{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-2{stroke-dashoffset:109.80386352539062px;stroke-dasharray:109.80386352539062px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 0.08s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 0.05s}svg.active .kv_upper_txt-2{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-3{stroke-dashoffset:316.8012390136719px;stroke-dasharray:316.8012390136719px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 0.16s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 0.1s}svg.active .kv_upper_txt-3{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-4{stroke-dashoffset:93.50546264648438px;stroke-dasharray:93.50546264648438px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 0.24s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 0.15000000000000002s}svg.active .kv_upper_txt-4{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-5{stroke-dashoffset:141.4654541015625px;stroke-dasharray:141.4654541015625px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 0.32s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 0.2s}svg.active .kv_upper_txt-5{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-6{stroke-dashoffset:156.07080078125px;stroke-dasharray:156.07080078125px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 0.4s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 0.25s}svg.active .kv_upper_txt-6{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-7{stroke-dashoffset:70.75931549072266px;stroke-dasharray:70.75931549072266px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 0.48s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 0.30000000000000004s}svg.active .kv_upper_txt-7{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-8{stroke-dashoffset:139.67491149902344px;stroke-dasharray:139.67491149902344px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 0.56s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 0.35000000000000003s}svg.active .kv_upper_txt-8{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-9{stroke-dashoffset:165.24989318847656px;stroke-dasharray:165.24989318847656px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 0.64s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 0.4s}svg.active .kv_upper_txt-9{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-10{stroke-dashoffset:86.66639709472656px;stroke-dasharray:86.66639709472656px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 0.72s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 0.45s}svg.active .kv_upper_txt-10{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-11{stroke-dashoffset:112.7221908569336px;stroke-dasharray:112.7221908569336px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 0.8s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 0.5s}svg.active .kv_upper_txt-11{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-12{stroke-dashoffset:112.67044067382812px;stroke-dasharray:112.67044067382812px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 0.88s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 0.55s}svg.active .kv_upper_txt-12{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-13{stroke-dashoffset:92.2134780883789px;stroke-dasharray:92.2134780883789px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 0.96s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 0.6000000000000001s}svg.active .kv_upper_txt-13{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-14{stroke-dashoffset:117.62158203125px;stroke-dasharray:117.62158203125px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 1.04s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 0.65s}svg.active .kv_upper_txt-14{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-15{stroke-dashoffset:131.5315704345703px;stroke-dasharray:131.5315704345703px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 1.12s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 0.7000000000000001s}svg.active .kv_upper_txt-15{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-16{stroke-dashoffset:63.717472076416016px;stroke-dasharray:63.717472076416016px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 1.2s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 0.75s}svg.active .kv_upper_txt-16{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-17{stroke-dashoffset:116.41315460205078px;stroke-dasharray:116.41315460205078px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 1.28s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 0.8s}svg.active .kv_upper_txt-17{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-18{stroke-dashoffset:139.66444396972656px;stroke-dasharray:139.66444396972656px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 1.36s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 0.8500000000000001s}svg.active .kv_upper_txt-18{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-19{stroke-dashoffset:88.03433990478516px;stroke-dasharray:88.03433990478516px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 1.44s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 0.9s}svg.active .kv_upper_txt-19{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-20{stroke-dashoffset:88.03020477294922px;stroke-dasharray:88.03020477294922px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 1.52s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 0.9500000000000001s}svg.active .kv_upper_txt-20{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-21{stroke-dashoffset:53.090721130371094px;stroke-dasharray:53.090721130371094px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 1.6s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 1s}svg.active .kv_upper_txt-21{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-22{stroke-dashoffset:68.75836181640625px;stroke-dasharray:68.75836181640625px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 1.68s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 1.05s}svg.active .kv_upper_txt-22{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-23{stroke-dashoffset:85.65400695800781px;stroke-dasharray:85.65400695800781px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 1.76s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 1.1s}svg.active .kv_upper_txt-23{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-24{stroke-dashoffset:57.467811584472656px;stroke-dasharray:57.467811584472656px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 1.84s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 1.1500000000000001s}svg.active .kv_upper_txt-24{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-25{stroke-dashoffset:72.92033386230469px;stroke-dasharray:72.92033386230469px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 1.92s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 1.2000000000000002s}svg.active .kv_upper_txt-25{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-26{stroke-dashoffset:86.6389389038086px;stroke-dasharray:86.6389389038086px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 2s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 1.25s}svg.active .kv_upper_txt-26{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-27{stroke-dashoffset:57.440547943115234px;stroke-dasharray:57.440547943115234px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 2.08s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 1.3s}svg.active .kv_upper_txt-27{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-28{stroke-dashoffset:92.24307250976562px;stroke-dasharray:92.24307250976562px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 2.16s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 1.35s}svg.active .kv_upper_txt-28{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-29{stroke-dashoffset:60.390342712402344px;stroke-dasharray:60.390342712402344px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 2.24s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 1.4000000000000001s}svg.active .kv_upper_txt-29{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-30{stroke-dashoffset:60.392032623291016px;stroke-dasharray:60.392032623291016px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 2.32s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 1.4500000000000002s}svg.active .kv_upper_txt-30{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-31{stroke-dashoffset:73.15298461914062px;stroke-dasharray:73.15298461914062px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 2.4s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 1.5s}svg.active .kv_upper_txt-31{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-32{stroke-dashoffset:109.80343627929688px;stroke-dasharray:109.80343627929688px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 2.48s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 1.55s}svg.active .kv_upper_txt-32{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-33{stroke-dashoffset:316.8230895996094px;stroke-dasharray:316.8230895996094px;fill:transparent;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 2.56s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 1.6s}svg.active .kv_upper_txt-33{stroke-dashoffset:0;fill:rgb(162,31,44)}svg .kv_upper_txt-34{stroke-dashoffset:730.8577880859375px;stroke-dasharray:730.8577880859375px;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 2.64s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 1.6500000000000001s}svg.active .kv_upper_txt-34{stroke-dashoffset:0}svg .kv_upper_txt-35{stroke-dashoffset:686.951904296875px;stroke-dasharray:686.951904296875px;transition:stroke-dashoffset 0.6s cubic-bezier(0.23,1,0.32,1) 2.72s,fill 0.3s cubic-bezier(0.47,0,0.745,0.715) 1.7000000000000002s}svg.active .kv_upper_txt-35{stroke-dashoffset:0}

 /***************************************************
  * lead_section_title
  **************************************************/
 svg .lead_section_title-1{fill:transparent;-webkit-transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0s;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0s}svg.active .lead_section_title-1{fill:rgb(162,31,44)}svg .lead_section_title-2{fill:transparent;-webkit-transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.08s;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.08s}svg.active .lead_section_title-2{fill:rgb(162,31,44)}svg .lead_section_title-3{fill:transparent;-webkit-transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.16s;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.16s}svg.active .lead_section_title-3{fill:rgb(162,31,44)}svg .lead_section_title-4{fill:transparent;-webkit-transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.24s;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.24s}svg.active .lead_section_title-4{fill:rgb(162,31,44)}svg .lead_section_title-5{fill:transparent;-webkit-transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.32s;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.32s}svg.active .lead_section_title-5{fill:rgb(162,31,44)}svg .lead_section_title-6{fill:transparent;-webkit-transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.4s;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.4s}svg.active .lead_section_title-6{fill:rgb(162,31,44)}svg .lead_section_title-7{fill:transparent;-webkit-transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.48s;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.48s}svg.active .lead_section_title-7{fill:rgb(162,31,44)}svg .lead_section_title-8{fill:transparent;-webkit-transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.56s;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.56s}svg.active .lead_section_title-8{fill:rgb(162,31,44)}svg .lead_section_title-9{fill:transparent;-webkit-transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.64s;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.64s}svg.active .lead_section_title-9{fill:rgb(162,31,44)}svg .lead_section_title-10{fill:transparent;-webkit-transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.72s;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.72s}svg.active .lead_section_title-10{fill:rgb(162,31,44)}svg .lead_section_title-11{fill:transparent;-webkit-transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.8s;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.8s}svg.active .lead_section_title-11{fill:rgb(162,31,44)}svg .lead_section_title-12{fill:transparent;-webkit-transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.88s;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.88s}svg.active .lead_section_title-12{fill:rgb(162,31,44)}svg .lead_section_title-13{fill:transparent;-webkit-transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.96s;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.96s}svg.active .lead_section_title-13{fill:rgb(162,31,44)}svg .lead_section_title-14{fill:transparent;-webkit-transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 1.04s;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 1.04s}svg.active .lead_section_title-14{fill:rgb(162,31,44)}svg .lead_section_title-15{fill:transparent;-webkit-transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 1.12s;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 1.12s}svg.active .lead_section_title-15{fill:rgb(162,31,44)}
 
 /***************************************************
  * slideMenu_section_title
  **************************************************/
 svg .slideMenu_section_title-1{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0s}svg.active .slideMenu_section_title-1{fill:rgb(162,31,44)}svg .slideMenu_section_title-2{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.08s}svg.active .slideMenu_section_title-2{fill:rgb(162,31,44)}svg .slideMenu_section_title-3{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.16s}svg.active .slideMenu_section_title-3{fill:rgb(162,31,44)}svg .slideMenu_section_title-4{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.24s}svg.active .slideMenu_section_title-4{fill:rgb(162,31,44)}svg .slideMenu_section_title-5{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.32s}svg.active .slideMenu_section_title-5{fill:rgb(162,31,44)}svg .slideMenu_section_title-6{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.4s}svg.active .slideMenu_section_title-6{fill:rgb(162,31,44)}svg .slideMenu_section_title-7{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.48s}svg.active .slideMenu_section_title-7{fill:rgb(162,31,44)}svg .slideMenu_section_title-8{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.56s}svg.active .slideMenu_section_title-8{fill:rgb(162,31,44)}svg .slideMenu_section_title-9{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.64s}svg.active .slideMenu_section_title-9{fill:rgb(162,31,44)}svg .slideMenu_section_title-10{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.72s}svg.active .slideMenu_section_title-10{fill:rgb(162,31,44)}svg .slideMenu_section_title-11{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.8s}svg.active .slideMenu_section_title-11{fill:rgb(162,31,44)}svg .slideMenu_section_title-12{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.88s}svg.active .slideMenu_section_title-12{fill:rgb(162,31,44)}svg .slideMenu_section_title-13{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.96s}svg.active .slideMenu_section_title-13{fill:rgb(162,31,44)}svg .slideMenu_section_title-14{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 1.04s}svg.active .slideMenu_section_title-14{fill:rgb(162,31,44)}svg .slideMenu_section_title-15{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 1.12s}svg.active .slideMenu_section_title-15{fill:rgb(162,31,44)}svg .slideMenu_section_title-16{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 1.2s}svg.active .slideMenu_section_title-16{fill:rgb(162,31,44)}svg .slideMenu_section_title-17{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 1.28s}svg.active .slideMenu_section_title-17{fill:rgb(162,31,44)}svg .slideMenu_section_title-18{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 1.36s}svg.active .slideMenu_section_title-18{fill:rgb(162,31,44)}svg .slideMenu_section_title-19{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 1.44s}svg.active .slideMenu_section_title-19{fill:rgb(162,31,44)}svg .slideMenu_section_title-20{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 1.52s}svg.active .slideMenu_section_title-20{fill:rgb(162,31,44)}svg .slideMenu_section_title-21{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 1.6s}svg.active .slideMenu_section_title-21{fill:rgb(162,31,44)}
 
 /***************************************************
  * history_section_title
  **************************************************/
 svg .history_section_title-1{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0s}svg.active .history_section_title-1{fill:rgb(162,31,44)}svg .history_section_title-2{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.08s}svg.active .history_section_title-2{fill:rgb(162,31,44)}svg .history_section_title-3{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.16s}svg.active .history_section_title-3{fill:rgb(162,31,44)}svg .history_section_title-4{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.24s}svg.active .history_section_title-4{fill:rgb(162,31,44)}svg .history_section_title-5{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.32s}svg.active .history_section_title-5{fill:rgb(162,31,44)}svg .history_section_title-6{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.4s}svg.active .history_section_title-6{fill:rgb(162,31,44)}svg .history_section_title-7{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.48s}svg.active .history_section_title-7{fill:rgb(162,31,44)}svg .history_section_title-8{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.56s}svg.active .history_section_title-8{fill:rgb(162,31,44)}svg .history_section_title-9{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.64s}svg.active .history_section_title-9{fill:rgb(162,31,44)}svg .history_section_title-10{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.72s}svg.active .history_section_title-10{fill:rgb(162,31,44)}svg .history_section_title-11{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.8s}svg.active .history_section_title-11{fill:rgb(162,31,44)}svg .history_section_title-12{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.88s}svg.active .history_section_title-12{fill:rgb(162,31,44)}svg .history_section_title-13{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.96s}svg.active .history_section_title-13{fill:rgb(162,31,44)}
 
 /***************************************************
  * btmMenu_section_title
  **************************************************/
 svg .btmMenu_section_title-1{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0s}svg.active .btmMenu_section_title-1{fill:rgb(162,31,44)}svg .btmMenu_section_title-2{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.08s}svg.active .btmMenu_section_title-2{fill:rgb(162,31,44)}svg .btmMenu_section_title-3{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.16s}svg.active .btmMenu_section_title-3{fill:rgb(162,31,44)}svg .btmMenu_section_title-4{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.24s}svg.active .btmMenu_section_title-4{fill:rgb(162,31,44)}svg .btmMenu_section_title-5{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.32s}svg.active .btmMenu_section_title-5{fill:rgb(162,31,44)}svg .btmMenu_section_title-6{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.4s}svg.active .btmMenu_section_title-6{fill:rgb(162,31,44)}svg .btmMenu_section_title-7{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.48s}svg.active .btmMenu_section_title-7{fill:rgb(162,31,44)}svg .btmMenu_section_title-8{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.56s}svg.active .btmMenu_section_title-8{fill:rgb(162,31,44)}svg .btmMenu_section_title-9{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.64s}svg.active .btmMenu_section_title-9{fill:rgb(162,31,44)}svg .btmMenu_section_title-10{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.72s}svg.active .btmMenu_section_title-10{fill:rgb(162,31,44)}svg .btmMenu_section_title-11{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.8s}svg.active .btmMenu_section_title-11{fill:rgb(162,31,44)}svg .btmMenu_section_title-12{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.88s}svg.active .btmMenu_section_title-12{fill:rgb(162,31,44)}svg .btmMenu_section_title-13{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 0.96s}svg.active .btmMenu_section_title-13{fill:rgb(162,31,44)}svg .btmMenu_section_title-14{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 1.04s}svg.active .btmMenu_section_title-14{fill:rgb(162,31,44)}svg .btmMenu_section_title-15{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 1.12s}svg.active .btmMenu_section_title-15{fill:rgb(162,31,44)}svg .btmMenu_section_title-16{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 1.2s}svg.active .btmMenu_section_title-16{fill:rgb(162,31,44)}svg .btmMenu_section_title-17{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 1.28s}svg.active .btmMenu_section_title-17{fill:rgb(162,31,44)}svg .btmMenu_section_title-18{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 1.36s}svg.active .btmMenu_section_title-18{fill:rgb(162,31,44)}svg .btmMenu_section_title-19{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 1.44s}svg.active .btmMenu_section_title-19{fill:rgb(162,31,44)}svg .btmMenu_section_title-20{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 1.52s}svg.active .btmMenu_section_title-20{fill:rgb(162,31,44)}svg .btmMenu_section_title-21{fill:transparent;transition:fill 0.4s cubic-bezier(0.47,0,0.745,0.715) 1.6s}svg.active .btmMenu_section_title-21{fill:rgb(162,31,44)}