/* 1920pxの場合　フォントサイズ以外
 min(1rem,calc(10vw/15.36)) */

 body {
  background-color: #000000;


 }
 #wrapper {
  position: relative;
 }

/*                    header                   */

 header {
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 50;
 }
 .hd_inner {
  padding:  min(1rem,calc(10vw/15.36))   min(4.5rem,calc(45vw/15.36)) ;
 }
 .hd_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
 }
 .logo {
  width:  min(11.5rem,calc(115vw/15.36))  ;
 }
 .hd_menu {
  width:  min(48rem,calc(480vw/15.36));
  display: flex;
  justify-content: space-between;
  align-items: center;
 }

 .hd_sns {
  width:  min(8rem,calc(80vw/15.36));
  display: flex;
  justify-content: space-between;
 }
 .hd_sns li {
  width: min(2.7rem,calc(27vw/15.36));
 }
 .hd_btn {
  width:  min(7.5rem,calc(75vw/15.36));
  display: flex;
  justify-content: space-between;
 }
 .hd_btn li {
  width: min(3.4rem,calc(34vw/15.36));
 }
 .jms_icon {
  width: min(26.6rem,calc(266vw/15.36));
 }




/*                    mv                   */

#mv {
 position: relative;
 position: fixed;
 top: 0;
 width: 100%;
 height: 100vh;
 height: 100dvh;
 transform-origin: 50% 90%;
 z-index: 10;
}

.mv_inner {
 width: 100%;
 height: 100%;
}
.mv_img {
 width: 100%;
 height: 100%;
}
.mv_img img{
 height: 100% !important;
 object-fit: cover;
 object-position: bottom;
}

.mv_ttl {
 width: calc(608vw/15.36);
 position: absolute;
 top: calc(120vw/15.36);
 left: calc(120vw/15.36);

}
.mv_data {
 width:  calc(713vw/15.36);
 position: absolute;
 bottom:  calc(45vw/15.36);
 right:  calc(70vw/15.36);

}
.mv_icon {
 width:  calc(213vw/15.36);
 position: absolute;
 bottom:  calc(105vw/15.36);
 left:  calc(325vw/15.36);
 animation-name: mv_icon;
 animation-duration: 3s;
 animation-iteration-count: infinite;
 animation-fill-mode: forwards;
 animation-timing-function: linear;
}

@keyframes mv_icon {
 0% {
  transform: translateX(0);
 }
 50% {
  transform: translateX(10%);
 }
 100% {
  transform: translateX(0%);
 }
}
.main_bg {

 position: relative;
 z-index: 5;
 padding-top:  calc(2300vw/15.36);
   background: #111A47;
background: linear-gradient(180deg, rgba(17, 26, 71, 1) 0%, rgba(0, 0, 0, 1) 45%, rgba(0, 0, 0, 1) 100%);
}


/*                    news                   */

#news {
 position: relative;
 z-index: 5;
}
.news_inner {
 padding:  min(2rem,calc(20vw/15.36)) 0 min(18rem,calc(180vw/15.36));
 transform: translateY(10%);
}
.news_inner.scrollin {
 transform: translateY(0);

}

.new_ttl {
 font-size: 3.6rem;
letter-spacing: 0.3em;
color: #fff;
}
.news_list ul{
 width: min(110rem,calc(1100vw/15.36));
 margin:  min(3rem,calc(30vw/15.36)) auto 0;
 display: flex;
 justify-content: space-between;
}
.news_list  li {
 width: min(25rem,calc(250vw/15.36));
 position: relative;
 display: flex;
 align-items: center;
 justify-content:center;
 opacity: 0;
 transform: translateY(20%);
}
.news_list  li.scrollin {
 opacity: 1;
 transform: translateY(0%);
}
.news_list  li > span {
 width: min(28rem,calc(280vw/15.36));
 position: absolute;
 top:  0;
 left:  max(-3rem,calc(-30vw/15.36));
 z-index: 5;
}
.news_list  li:nth-of-type(1) {
 transition-delay: .3s;
}
.news_list  li:nth-of-type(2) {
 transition-delay: .6s;
}
.news_list  li:nth-of-type(3) {
 transition-delay: .9s;
}
.news_list  li:nth-of-type(4) {
 transition-delay: 1.2s;
}
.news_list  li:nth-of-type(2) > span {
 width: min(19rem,calc(190vw/15.36));
 position: absolute;
 top:  max(-1.5rem,calc(-15vw/15.36));
 left:  max(-.5rem,calc(-5vw/15.36));
 z-index: 5;
}
.news_list  li:nth-of-type(3) > span {
 width: min(23rem,calc(230vw/15.36));
 position: absolute;
 top:  max(-1rem,calc(-10vw/15.36));
 left: 0;
 z-index: 5;
}
.news_list  li:nth-of-type(4) > span {
 width: min(26rem,calc(260vw/15.36));
 position: absolute;
 top:  max(-1.5rem,calc(-15vw/15.36));
 left:  max(-2rem,calc(-20vw/15.36));
 z-index: 5;
}
.news_list  li button{
font-size: 1.75rem;
color: #fff;
line-height: 1.45;
box-sizing: border-box;
padding:  min(10rem,calc(100vw/15.36)) 0;
display: block;
width: 100%;
height: 100%;
background: url(../images/news_list_bg.svg) no-repeat;
background-size: cover;
border-radius: 50%;
position: relative;
}
.news_list  li button span {
 display: block;
 position: absolute;
 left: 0;
 right: 0;
 margin: 0 auto;
 bottom: min(5rem,calc(50vw/15.36));
 width: min(2.5rem,calc(25vw/15.36));
 height: min(2.5rem,calc(25vw/15.36));
 box-sizing: border-box;
 border: #248D8D solid min(.2rem,calc(2vw/15.36));
}
.news_list  li button span::before {
 content: '';
  width: min(1.4rem,calc(14vw/15.36));
 height: min(.2rem,calc(2vw/15.36));
 background: #248D8D;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 left: 0;
 right: 0;
 margin: 0 auto;
}
.news_list  li button span::after {
 content: '';
  width: min(1.4rem,calc(14vw/15.36));
 height: min(.2rem,calc(2vw/15.36));
 background: #248D8D;
 position: absolute;
 top: 50%;
 transform: translateY(-50%) rotate(90deg);
 left: 0;
 right: 0;
 margin: 0 auto;
}




/*                    about                   */
.about_inner {
 position: relative;
 z-index: 1;
 padding-bottom: min(32rem,calc(320vw/15.36));

}
.about_ttl {
 font-size: 5.4rem;
 color: #00FFFF;
 animation: flicker 5s infinite alternate;
 opacity: 0;
}
.about_ttl.scrollin {
  opacity: 1;
}


@keyframes flicker {

  0%, 18%, 22%, 25%, 53%, 57%, 100% {

      text-shadow:
      0 0 min(.4rem,calc(4vw/15.36)) #00FFFF,
      0 0 min(1rem,calc(10vw/15.36)) #00FFFF,
      0 0 min(2rem,calc(20vw/15.36)) #00FFFF,
      0 0 min(4rem,calc(40vw/15.36)) #00FFFF,
      0 0 min(8rem,calc(80vw/15.36)) #00FFFF;
  }
  20%, 24%, 55% {
      text-shadow: none;
  }
}
.about_sab_ttl {
 color: #fff;
 display: flex;
 align-items: center;
 justify-content: center;
 font-weight: 100;
 font-size: 2.5rem;
 gap: 0  min(2.5rem,calc(25vw/15.36));
 margin-top:  min(3.5rem,calc(35vw/15.36));
  transition-delay: 1s;
}
.about_sab_ttl::before,
.about_sab_ttl::after {
 content: '';
 width:  min(3rem,calc(30vw/15.36));
 height:  min(.2rem,calc(2vw/15.36));
 background-color: #fff;
}
.about_txt {
 font-size: 1.8rem;
 color: #fff;
 line-height: 3;
 margin-top: 0;
  transition-delay: 1s;
}
.about_txt  span {
 display: block;
  margin-top:  min(2rem,calc(20vw/15.36));
}

.about_img {
 width: min(150rem,calc(1500vw/15.36));
 position: absolute;
 left: 0;
 right: 0;
 margin: 0 auto;
 bottom: 0;
 z-index: -1;

 transform: translateY(-30%);
}

.about_img.scrollin {
 transition: 1.5s;
 transition-delay: 1.5s;
 transform: translateY(0);
}



/*                    garage                   */
.garage {
 background: url(../images/garage_bg.webp) no-repeat;
 background-size: cover;
 padding:  min(24rem,calc(240vw/15.36)) 0 min(58rem,calc(580vw/15.36));
 box-sizing: border-box;
 background-position: center top;
 position: relative;
 overflow: hidden;
 z-index: 0;
}

.garage::after {
 content: '';
 width: 100%;
 height: 100%;
 background: url(../images/garage_bg_black.webp) no-repeat;
 background-size: cover;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 0;
 mix-blend-mode:multiply;
 opacity: .7;
}
.garage_light {
 position: absolute;
 z-index: 1;
 width: calc(1536vw/15.36);
 top:0;
 left: 0;
 right: 0;
 margin: 0 auto;
 z-index: -1;

}

.garage_light::before {
 content: '';
 width: 100%;
 height: 100%;
 background: #000;
background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.garage_spotlight {
 position: absolute;
 z-index: 1;
 width: calc(1635vw/15.36);
 top: calc(250vw/15.36);
 left: 0;
 right: 0;
 margin: 0 auto;
 z-index: -3;
}
.garage_spotlight_01 {
 left: calc(-970vw/15.36);
  animation: spotlight 1.5s infinite alternate;
}
.garage_spotlight_02 {
 left: calc(-350vw/15.36);
 opacity: .8;
}
.garage_spotlight_03 {
  top: calc(280vw/15.36);
  right: calc(-370vw/15.36);
  transform: scale(-1,1);
    animation: spotlight 1s infinite alternate;
    animation-delay: 2s;
 }
 .garage_spotlight_04 {
 top: calc(280vw/15.36);
 right: calc(-1050vw/15.36);
 transform: scale(-1,1);
}

@keyframes spotlight {

  0%, 15%,  25%, 40%, 53%, 57%,80%, 100% {

      opacity: 1;
  }
  20%, 33%, 70% {
      opacity: 0;
  }
}


#booth ,#other{
 position: relative;
 z-index: 5;
}
.booth_ttl {
 width: min(29rem,calc(290vw/15.36)) ;
 margin: 0 auto  min(2.5rem,calc(25vw/15.36)) ;
}
.booth_item {
 width: min(136rem,calc(1360vw/15.36)) ;
 background-color: #251E1C99;
 box-sizing: border-box;
 padding:  min(5rem,calc(50vw/15.36)) 0  min(3rem,calc(30vw/15.36));
 margin: 0 auto;
 border-radius:  min(3rem,calc(30vw/15.36));
 position: relative;
 margin-bottom:  min(13rem,calc(130vw/15.36)) ;
 transform: translateY(10%);
}
.booth_item.scrollin {
 transform: translateY(0);
}
.booth_copy {
 width: min(58.5rem,calc(585vw/15.36)) ;
 margin: 0 auto min(4rem,calc(40vw/15.36)) ;
}

.booth_txt {
 width: min(45.5rem,calc(455vw/15.36)) ;
 margin: 0 auto;
text-align: left;
 color: #fff;
 font-size: 2.2rem;
 line-height: 2.1;
}
.booth_map {
  margin: min(5.5rem,calc(55vw/15.36)) auto 0;
  position: relative;
  opacity: 1;
}

.booth_map_img {
  width: min(50rem,calc(500vw/15.36)) ;
  margin: 0 auto;
  position: relative;
 }
 .booth_btn {
  position: absolute;
  top: 0;
  width: min(6rem,calc(60vw/15.36)) ;
  z-index: 5;
    transition: .4s;
}
.booth_btn_01 {
 top: min(7rem,calc(70vw/15.36)) ;
 left: min(11rem,calc(110vw/15.36)) ;
}
.booth_btn_02 {
 top: min(15rem,calc(150vw/15.36)) ;
 left: min(3.5rem,calc(35vw/15.36)) ;
}
.booth_btn_03 {
 top: min(21rem,calc(210vw/15.36)) ;
 right: min(19rem,calc(190vw/15.36)) ;
}
.booth_btn_04 {
 top: min(26rem,calc(260vw/15.36)) ;
 right: min(8.5rem,calc(85vw/15.36)) ;
}

@media (hover: hover)  and (pointer: fine){
 .booth_btn:where(:any-link, :enabled, summary):hover {
  transform: scale(1.05);
  opacity: 1;
 }

}
.booth_map_txt {
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 1.8rem;
 color: #fff;
 margin-top: min(1rem,calc(10vw/15.36));
 gap: 0 min(.5rem,calc(5vw/15.36));
}
.booth_map_txt span {
 display: block;
 width: min(2rem,calc(20vw/15.36));
 height: min(2rem,calc(20vw/15.36));
 box-sizing: border-box;
 border:  #000 solid min(.2rem,calc(2vw/15.36));
 background-color: #fff;
 position: relative;
}
.booth_map_txt span::before {
 content: '';
 display: block;
 width: min(1rem,calc(10vw/15.36));
 height: min(.2rem,calc(2vw/15.36));
 background-color: #000;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 left: 0;
 right: 0;
 margin: 0 auto;
}
.booth_map_txt span::after {
 content: '';
 display: block;
 width: min(1rem,calc(10vw/15.36));
 height: min(.2rem,calc(2vw/15.36));
 background-color: #000;
 position: absolute;
 top: 50%;
 transform: translateY(-50%) rotate(90deg);
 left: 0;
 right: 0;
 margin: 0 auto;
}

.booth_menu {
  width: min(31rem,calc(310vw/15.36));
  position: absolute;
  top: 0;
  z-index: 2;
}
.booth_menu_01 {
  width: min(33rem,calc(330vw/15.36));
  top:  max(-6rem,calc(-60vw/15.36));
  left:  min(5rem,calc(50vw/15.36));
}
.booth_menu_02 {
 width: min(30rem,calc(300vw/15.36));
  top:  min(19rem,calc(190vw/15.36));
  left:  min(6rem,calc(60vw/15.36));
   transition-delay: .2s;
}
.booth_menu_03 {
  top:  max(-5.5rem,calc(-55vw/15.36));
  right:  min(6.5rem,calc(65vw/15.36));
   transition-delay: .4s;
}
.booth_menu_04 {
  top:  min(21rem,calc(210vw/15.36));
  right:  min(4rem,calc(40vw/15.36));
   transition-delay: .6s;
}
.booth_menu button {
 width: 100%;
}
.booth_menu p {
 color: #fff;
 font-size: 1.7rem;
 text-align: left;
 line-height: 1.58;
 box-sizing: border-box;
 padding-left:  min(3rem,calc(30vw/15.36));
}
.booth_line {
  position: absolute;
  top: 0;
  z-index:1;
}
.booth_line_01 {
  width: min(42.6rem,calc(426vw/15.36));
  top:  min(7.7rem,calc(77vw/15.36));
  left:  min(16.5rem,calc(165vw/15.36));
 }
 .booth_line_02 {
 width: min(31.5rem,calc(315vw/15.36));
 top:  min(17.3rem,calc(173vw/15.36));
 left:  min(19.5rem,calc(195vw/15.36));
  transition-delay: .2s;
}
.booth_line_03 {
 width: min(42.4rem,calc(424vw/15.36));
 top:  min(8rem,calc(80vw/15.36));
 right:  min(21.5rem,calc(215vw/15.36));
  transition-delay: .4s;
}
.booth_line_04 {
 width: min(39.2rem,calc(392vw/15.36));
  top:  min(26.5rem,calc(265vw/15.36));
  right:  min(15rem,calc(150vw/15.36));
   transition-delay: .6s;
}




/*                    other                   */


.other_item {
  width: min(103.5rem,calc(1035vw/15.36));
  margin: 0 auto;
  position: relative;
  z-index: 1;
 }
 .other_item_bg {
  width: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  z-index: -1;
 }
 .other_item_flex {
 width: min(88.5rem,calc(885vw/15.36));
 margin: 0 auto;
 display: flex;
 justify-content: space-between;
}
.anniversary_content .other_item_flex {
 align-items: center;
}
.other_item_detail {
 width: min(55rem,calc(550vw/15.36));
 text-align: left;
 margin-top: min(1rem,calc(10vw/15.36));
 padding-left:  min(3rem,calc(30vw/15.36));
}
.other_item_img {
 width: min(26.5rem,calc(265vw/15.36));
}
.anniversary_content .other_item_detail {
 width: min(53rem,calc(530vw/15.36));
}
.anniversary_content .other_item_img {
 width: min(31.5rem,calc(315vw/15.36));
}
.other_item_ttl {
 width: min(53rem,calc(530vw/15.36));
  margin-bottom: min(2.5rem,calc(25vw/15.36));
}
.other_item_txt {
 font-size: 1.9rem;
 color: #FFFFFF;
 line-height: 1.5;
}
.other_item_txt span{
 display: block;
 font-size: 1.7rem;
 line-height: 1.23;
 margin-top: min(1.5rem,calc(15vw/15.36));
}
.other_link {
 width: min(94rem,calc(9400vw/15.36));
 margin:  min(7rem,calc(70vw/15.36)) auto min(12.5rem,calc(125vw/15.36));
}
.anniversary_content .other_link {
 width: 100%;
 margin:  min(2rem,calc(20vw/15.36)) auto 0;
}
.other_link ul {
 display: flex;
 justify-content: space-between;
}
.other_link li {
 width: min(30rem,calc(300vw/15.36));
}
.other_link li a{
 display: block;
 width: 100%;
 box-sizing: border-box;
 background-color: #001A72;
 border: #fff solid  min(.2rem,calc(2vw/15.36));
 font-size: 2.1rem;
 color: #fff;
 padding:  min(.6rem,calc(6vw/15.36)) 0;
 display: flex;
 align-items: center;
 line-height: 1.2;
 padding-left:  min(1.5rem,calc(15vw/15.36));
}
.other_link li a::before {
 content: '';
 width: min(2.9rem,calc(29vw/15.36));
 height: min(3rem,calc(30vw/15.36));
 background: url(../images/sns_icon_01.webp) no-repeat;
 background-size: cover;
 filter: brightness(0) invert(1);
 margin-right:  min(3.5rem,calc(35vw/15.36));
}
.other_link li:nth-of-type(2) a::before {
 content: '';
 width: min(3.6rem,calc(36vw/15.36));
 height: min(3.6rem,calc(36vw/15.36));
 background: url(../images/sns_icon_02.webp) no-repeat;
 background-size: cover;
 filter: brightness(0) invert(1);
 margin-right:  min(1rem,calc(10vw/15.36));
}
.other_link li a span {
 font-size: 1.6rem;
 display: block;
 text-align: left;
}

.other_link li:nth-of-type(2) a{
font-size: 2rem;
padding:  min(1rem,calc(10vw/15.36)) 0;
 padding-left:  min(1rem,calc(10vw/15.36));
}
.other_link li:nth-of-type(3) a{
 background-color: #fff;
 padding:  min(1.3rem,calc(13vw/15.36)) 0;
}
.other_link li:nth-of-type(3) a span{
 width: min(26.6rem,calc(266vw/15.36));
 margin: 0 auto;
}
.other_link li:nth-of-type(3) a::before{
content: none;
}
.anniversary_content  .other_link li a::before{
content: none;
}


footer{
 position: absolute;
 bottom: min(8rem,calc(80vw/15.36));
 left: 0;
 right: 0;
 margin: 0 auto;
 z-index: 5;
}
.copy {
 font-size: 1.4rem;
 color: #fff;
 line-height: 1;
}


.modal {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100vh;
 height: 100dvh;
 background-color: #00000080;
 z-index: 100;
 display: none;
}
.modal_bg {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
.modal_wrap {
 width: min(86.5rem,calc(865vw/15.36));
 position: relative;
 position: absolute;
 top:  50%;
 transform: translateY(-50%);
 left: 0;
 right: 0;
 margin: 0 auto;
 z-index: 1;
}
.modal_inner {
max-height: min(50rem,calc(500vw/15.36));
 background-color: #fff;
 overflow: scroll;
 box-sizing: border-box;
 padding: min(7.5rem,calc(75vw/15.36)) 0  min(10rem,calc(100vw/15.36));
}
.modal_item {
  width: min(75rem,calc(750vw/15.36));
  margin: 0 auto;
}
.close_btn {
 width: min(5.5rem,calc(55vw/15.36));
 height: min(5.5rem,calc(55vw/15.36));
 position: absolute;
 top:  min(2.5rem,calc(25vw/15.36));
 right:  min(2rem,calc(20vw/15.36));
 transform: rotate(45deg);
}
.close_btn::before {
 content: '';
 width: 100%;
 height:  min(.2rem,calc(2vw/15.36));
 background-color: #808080;
 position: absolute;
 top: 50%;
 left: 0;
 right: 0;
 transform: translateY(-50%);
}
.close_btn::after {
 content: '';
 width: 100%;
 height:  min(.2rem,calc(2vw/15.36));
 background-color: #808080;
 position: absolute;

 top: 50%;
 left: 0;
 right: 0;
 transform: translateY(-50%) rotate(90deg);
}
.modal_ttl {
 font-size: 3.3rem;
 color: #0A1A72;
}
.modal_item dl {
 display: flex;
 justify-content: space-between;
 text-align: left;
 border-bottom: #000 dashed  min(.1rem,calc(1vw/15.36));
 padding:  min(2.1rem,calc(21vw/15.36)) 0;
 align-items: center;
}
.modal_item dl:first-of-type {
 margin-top:  min(2rem,calc(20vw/15.36));
}
.modal_item dt {
  width: min(21.5rem,calc(215vw/15.36));
  font-size: 1.9rem;
  line-height: 1.25;
  font-weight: 500;
 }
 .modal_item dd {
  width: min(51.2rem,calc(512vw/15.36));
  font-size: 1.9rem;
  line-height: 1.25;
}

.modal_02 .modal_inner {
  padding: min(7.5rem,calc(75vw/15.36)) 0  min(4.5rem,calc(45vw/15.36));
}
.modal_flex {
 display: flex;
 justify-content: space-between;
 align-items: center;
 margin-top: min(2rem,calc(20vw/15.36));
}
.modal_flex .modal_img {
 width: min(28.4rem,calc(284vw/15.36));
}
.modal_flex .modal_txt {
 width: min(43rem,calc(430vw/15.36));
font-size: 1.7rem;
line-height: 1.41;
text-align: left;
}


.modal_03 .modal_inner {
  padding: min(7.5rem,calc(75vw/15.36)) 0  min(6rem,calc(60vw/15.36));
}
.modal_03 .modal_item {
 width: 100%;
}
.modal_03  .modal_txt  {
 font-size: 1.8rem;
 line-height: 1.5;
}
.modal_03  .modal_txt:last-of-type  {
 margin-top: min(2.5rem,calc(25vw/15.36));
}
.modal_03  .modal_txt a {
 text-decoration: underline;
 font-weight: 600;
 color: #000;
}
.modal_03  .modal_txt span.pc_only {
display: inline-block;
}
.modal_03 .modal_img {
 width: min(45.2rem,calc(452vw/15.36));
 margin: min(4rem,calc(40vw/15.36)) auto 0;
}


.modal_04 .modal_inner {
  padding: min(7.5rem,calc(75vw/15.36)) 0  min(6rem,calc(60vw/15.36));
}
.modal_04  .modal_flex {
  align-items: flex-start;
  margin-top: min(3rem,calc(30vw/15.36));
}
.modal_04  .modal_flex > .modal_img {
  width: min(33.6rem,calc(336vw/15.36));
}
.modal_04  .modal_detail {
  width: min(38.5rem,calc(385vw/15.36));
}
.modal_04  .modal_txt {
  width: 100%
}
.modal_04  .modal_detail .modal_img {
  width: 100%;
  margin-top: min(2.5rem,calc(25vw/15.36));
}




.modal_slider .modal_inner {
 padding:  min(7rem,calc(70vw/15.36)) 0  min(10rem,calc(100vw/15.36));
max-height: none;
}
.modal_slider .modal_item {
 width: 100%;
}
.modal_splide {
 width: min(77rem,calc(770vw/15.36));
 margin: 0 auto;
}
.modal_slide_flex {
 display: flex;
 justify-content: space-between;
 align-items: flex-start;
}
.modal_slide_img {
 width: min(42.4rem,calc(424vw/15.36));
 margin-top:  min(4rem,calc(40vw/15.36));
}
.modal_slide_detail {
 width: min(30.5rem,calc(305vw/15.36));
 text-align: left;
}
.modal_slide_ttl {
 display: flex;
 flex-direction: column;
 font-size: 2.9rem;
 line-height: 1.38;
 text-align: center;
}
.modal_slide_ttl span{
 font-size: 7.2rem;
 font-weight: 300;
 font-family: 'Hind', sans-serif;
 line-height: 1;
 text-align: left;
 margin-bottom:  min(1rem,calc(10vw/15.36));
}
.modal_slide_txt{
 font-size: 1.7rem;
 line-height: 1.4;
 margin-top:  min(1rem,calc(10vw/15.36));
}

.modal_slider .splide__pagination  {
 bottom: max(-5rem,calc(-50vw/15.36));
}
.modal_slider .splide__pagination button {
width: min(1.1rem,calc(11vw/15.36));
height: min(1.1rem,calc(11vw/15.36));
opacity: 1;
margin: 0 min(.75rem,calc(7.5vw/15.36));
box-sizing: border-box;
border:  #808080 solid min(.2rem,calc(2vw/15.36));
border-radius: 50%;
background-color: #fff;
}
.modal_slider .splide__pagination button.is-active {
background-color: #808080;
}
.modal_slider .splide__arrow  {
 background: none;
 border-radius: 0;
 width: min(1.7rem,calc(17vw/15.36));
 height: min(1.7rem,calc(17vw/15.36));
 border-top:  min(.2rem,calc(2vw/15.36)) solid #808080;
 border-left:  min(.2rem,calc(2vw/15.36)) solid #808080;
 opacity: 1;
 top: auto;
 bottom: max(-5.2rem,calc(-52vw/15.36));
}
.modal_slider .splide__arrow--prev {
  left:  max(-14rem,calc(-140vw/15.36));
 transform: rotate(-45deg);
 right: 0;
 margin: 0 auto;
}
.modal_slider .splide__arrow--next {
 right:  max(-14rem,calc(-140vw/15.36));
 transform: rotate(135deg);
 left: 0;
 margin: 0 auto;
}
.modal_slider .splide__arrow  svg{
 display: none;
}

.modal_slider  .modal_slide_img span{
  font-size: 1.4rem;
  display: block;
  text-align: left;
  margin-top: min(1rem,calc(10vw/15.36));
}



@media screen and (max-width: 767px) {
/*                    header                   */

 .hd_inner {
  padding:1.1rem 1.5rem;
 }
 .logo {
  width:  7rem  ;
  font-size: 0;
 }
 .hd_menu {
  width:  16rem;
 }

 .hd_sns {
  display: none;
 }
 .hd_btn {
  width:  5.8rem;
 }
 .hd_btn li {
  width:2.6rem;
 }
 .jms_icon {
  width: 8.5rem;
 }




/*                    mv                   */


.mv_ttl {
 width:30.6rem;
 top:7.8rem;
 left: 0;
 right: 0;
 margin: 0 auto;

}
.mv_data {
 width:  29.8rem;
 position: absolute;
 bottom: 2rem;
 right: 5.8rem;

}
.mv_icon {
 width:  10.3rem;
 bottom:  13rem;
 left: 2.3rem;

}

.main_bg {
 padding-top:  200rem;
    background: #111A47;
background: linear-gradient(180deg, #111E47 10%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 1) 100%);
}


/*                    news                   */
.news_inner {
 padding:  1.5rem 0 7rem;
 transform: translateY(10%);
}

.new_ttl {
 font-size: 1.4rem;
}
.news_list ul{
 width: 31rem;
 margin:  4rem auto 0;
 flex-direction: column;
 gap: 3rem 0;
}
.news_list ul li {
 width: 100%;
}
.news_list  li > span {
 width:21rem;
 position: absolute;
 top:  -2.5rem;
 left: 0;
 right: 0;
 margin: 0 auto;
 z-index: 5;
}
.news_list  li:nth-of-type(2) > span {
 width:14rem;
 top: -2.5rem;
}
.news_list  li:nth-of-type(3) > span {
 width: 14.5rem;
 top: -2.5rem;
}
.news_list  li:nth-of-type(4) > span {
 width:23rem;
 top: -3rem;
 left: 0;
}
.news_list  li button{
font-size: 1.1rem;
padding:  .6rem 0;
background: url(../images/news_list_bg_sp.svg) no-repeat;
background-size: cover;
border-radius: 0;
}
.news_list  li button span {
 left: auto;
 right: 1rem;
 bottom:50%;
 transform: translateY(50%);
 width:1.5rem;
 height:1.5rem;
 border: #00FFFF solid .1rem;
}
.news_list  li button span::before {
  width:.8rem;
 height:.1rem;
 background-color: #00FFFF;
}
.news_list  li button span::after {
  width:.8rem;
 height:.1rem;
 background-color: #00FFFF;
}




/*                    about                   */
.about_inner {
 padding-bottom: 12rem;
}
.about_ttl {
 font-size: 3.2rem;
 line-height: 1.39;
}
.about_sab_ttl {
 font-size: 1.5rem;
 gap: 0  1.2rem;
 margin-top: 2rem;
}
.about_sab_ttl::before,
.about_sab_ttl::after {
 width: 1.5rem;
 height:.1rem;
}
.about_txt {
 font-size: 1.1rem;
 line-height: 2.5;
 margin-top:  2.5rem;
}
.about_txt  span {
margin-top: 1.5rem;
}

.about_img {
 width: 100%;
}




/*                    garage                   */
.garage {
 background: url(../images/garage_bg_sp.webp) no-repeat;
 background-size: cover;
 padding: 2.5rem 0 20rem;
}

.garage_light {
 width:100%;

}
.garage_spotlight {
 width:55rem;
 top: 10rem;
}
.garage_spotlight_01 {
 left: -16rem;
}

.garage_spotlight_03 {
 width: 54rem;
  top: 10rem;
  left: auto;
  right: -15rem;
 }


.booth_ttl {
 width:17rem;
 margin: 0 auto 3.5rem ;
}
.booth_item {
 width:34.2rem ;
 padding: 3rem 0  ;
 border-radius: 1.5rem;
 margin-bottom: 4.5rem ;
 background-color: #251E1C99;
}
.booth_copy {
 width: 31rem;
 margin: 0 auto 2.5rem ;
}

.booth_txt {
 width: 29rem;
 font-size: 1.4rem;
 line-height: 1.3;
}
.booth_map {
  margin: 3.5rem auto 0;
}

.booth_map_img {
  width: 100% ;
 }
 .booth_btn {
  width:4.7rem;
}
.booth_btn_01 {
 top:6rem;
 left:11rem ;
}
.booth_btn_02 {
 top: 9.7rem ;
 left:4.5rem ;
}
.booth_btn_03 {
 top: 12.8rem ;
 right: 12.5rem;
}
.booth_btn_04 {
 top: 21rem;
 right:7.2rem ;
}
.booth_map_txt {
 width: 100%;
 font-size: 1.3rem;
 line-height: 1.8;
 gap: 0 .3rem;
 margin: 0 auto;
 text-align: left;

 align-items: baseline;
 margin-top: 4rem;
}
.booth_map_txt span {
 width:1.2rem;
 height:1.2rem;
 border:  #000 solid .1rem;
}
.booth_map_txt span::before {
 width: .6rem;
 height: .1rem;
}
.booth_map_txt span::after {
 width: .6rem;
 height: .1rem;
}

.booth_menu {
 display: block;
  width: 25.5rem;
  position: static;
  margin: 0 auto ;
}
.booth_menu_01 {
  width: 25.5rem;
}
.booth_menu_02 {
 width: 25.5rem;
   transition-delay: 0s;
}
.booth_menu_03 {
   transition-delay: 0s;
}
.booth_menu_04 {
   transition-delay: 0s;
}
.booth_menu p {
 margin: 0 auto;
 font-size: 1.4rem;
 padding-left: 3rem;
 margin-top: 0.5rem;
}



/*                    other                   */


.other_item {
  width: 33.5rem;
 }
 .other_item_flex {
 width: 26rem;
 flex-direction: column;
 position: relative;
}
.anniversary_content .other_item_flex {
 width: 24rem;
}
.other_item_detail {
 width: 100%;
 margin-top: 0;
 padding: 0;
}
.other_item_img {
 width:12.7rem;
 margin-top:0;
 position: absolute;
 bottom: -4rem;
 right: 0;
}
.anniversary_content .other_item_detail {
 width: 100%;
}
.anniversary_content .other_item_img {
 width:19rem;
 margin: 0 auto 1.5rem;
 position: static;
}
.other_item_ttl {
 width: 21.8rem;
 margin: 0 auto 1.5rem;

}

.other_item_txt {
 font-size: 1.3rem;
 color: #FFFFFF;
 line-height: 1.8;
}

.other_item_txt span{
 display: block;
 font-size: 1.15rem;
 line-height: 1.4;
 margin-top:.5rem;
}
.other_link {
 width: 30.8rem;
 margin: 7.5rem auto 6rem;
}
.anniversary_content .other_link {
 width: 100%;
 margin: 2rem auto 0;
}
.other_link ul {
 flex-direction: column;
 gap: 1.5rem 0;
}
.other_link li {
 width:100%;
}
.other_link li a{
 border: #fff solid .2rem;
 font-size: 1.5rem;
 padding: .6rem 0;
 padding-left: 4.5rem;
}
.other_link li a::before {
 width: 2.4rem;
 height:2.5rem;
 margin-right:  2.5rem;
}
.other_link li:nth-of-type(2) a {
 font-size: 1.5rem;
 padding: .8rem 0;
 padding-left: 4.5rem;
}
.other_link li:nth-of-type(2) a::before {
 width: 3rem;
 height: 3rem;
 margin-right:  1.5rem;
}
.other_link li a span {
 font-size: 1.4rem;
}
.other_link li:nth-of-type(3) a {
 padding: 0.9rem 0;
}
.other_link li:nth-of-type(3) a span{
 width: 24.5rem;
}


footer{
 bottom:7rem;
}
.copy {
 font-size: 1rem;
}


.modal_wrap {
 width:31.5rem;
}
.modal_inner {
max-height:45rem;
 padding: 5.5rem 0  3.5rem;
}
.modal_item {
  width: 28.5rem;
}
.close_btn {
 width:2.8rem;
 height:2.8rem;
 top:  .5rem;
 right:  .8rem;
}
.close_btn::before {
 height: .1rem;

}
.close_btn::after {
 height: .1rem;
}
.modal_ttl {
 font-size: 1.9rem;
 line-height: 1.34;
}
.modal_item dl {
 flex-direction: column;
 text-align: center;
 border-bottom: #000 dashed  .1rem;
 padding:  .8rem 0;
}

.modal_item dl:first-of-type {
 margin-top: 1rem;
}
.modal_item dt {
  width:100%;
  font-size: 1.25rem;
  line-height: 1.5;
 }
 .modal_item dd {
  width:100%;
  font-size: 1.25rem;
  line-height: 1.5;
}

.modal_02 .modal_inner {
  padding: 4rem 0  2.5rem;
}
.modal_flex {
 flex-direction: column-reverse;
 margin-top:2rem;
}
.modal_flex .modal_img {
 width: 16rem;
 margin-top: 1rem;
}

.modal_flex .modal_txt {
 width:100%;
font-size: 1.3rem;
}
.modal_flex .modal_txt span{
font-size: 1rem;
line-height: 1.3;
display: block;
margin-top: 0.5rem;
}


.modal_03 .modal_inner {
  padding: 4rem 0  min(6rem,calc(60vw/15.36));
}
.modal_03  .modal_txt  {
 font-size: 1.3rem;
 line-height: 1.5;
 margin-top: 1.5rem;
}
.modal_03  .modal_txt:last-of-type  {
 margin-top:1rem;
}
.modal_03 .modal_img {
 width: 26rem;
 margin:5.5rem auto 0;
}


.modal_04 .modal_inner {
  padding: 4rem 0  3.5rem;
}
.modal_04  .modal_flex {
  margin-top:2rem;
}
.modal_04  .modal_flex > .modal_img {
  width: 25.7rem;
  margin: 0 auto;
}
.modal_04  .modal_detail {
  width: 100%;
}
.modal_04  .modal_txt {
  width: 100%
}
.modal_04  .modal_detail .modal_img {
  width: 100%;
  margin: 2.5rem 0 6rem;
}




.modal_slider .modal_inner {
 padding:  5rem 0  6rem;
}

.modal_splide {
 width:25.5rem;
}
.modal_slide_flex {
 flex-direction: column;
}
.modal_slide_img {
 width: 100%;
 margin-top: 0;
 position: relative;
}
.modal_slide_detail {
 width: 100%;
 margin-top: 3.5rem;
}
.modal_slide_ttl {
 display: flex;
 flex-direction: row;
 align-items: baseline;
 gap: 0 1rem;
 font-size: 1.8rem;
 line-height: 1.5;
}
.modal_slide_01 .modal_slide_ttl {
 font-size: 1.8rem;
}
.modal_slide_ttl span{
 font-size: 4.3rem;
 margin-bottom: 0;
 line-height: 0.6;
}
.modal_slide_txt{
 font-size: 1.3rem;
 margin-top: 1.5rem;
}

.modal_slider .splide__pagination  {
 bottom: -3rem;
}
.modal_slider .splide__pagination button {
width:.7rem;
height:.7rem;
margin: 0 .5rem;
border:  #808080 solid .1rem;
}
.modal_slider .splide__arrow  {
 width:1rem;
 height:1rem;
 border-top: .1rem solid #808080;
 border-left: .1rem solid #808080;
 bottom: -3.2rem;
}
.modal_slider .splide__arrow--prev {
  left: -9rem;
}
.modal_slider .splide__arrow--next {
 right:  -9rem;
}

.modal_slider  .modal_slide_img span{
 position: absolute;
  font-size: 1rem;
  text-align: right;
  margin-top: .5rem;
  right: 0;
  bottom: -2rem;
}

}