@charset "utf-8";
body{background: #1C1C1C url('../img/top/bg.png');}
body.is-loading #wrapper * {
  animation: none !important;
  transition: none !important;
  opacity: 0;
}
/* scroll */

.mv{position:relative;margin-top:40px;overflow:hidden;display: flex;justify-content: space-between;flex-wrap: wrap;}
/* .mv-txt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30.989583%;z-index:2;} */
.mv-txt{transition-delay: 0.2s;padding-top: 3.6vw;}
.mv .cap{margin:80px auto 0;max-width: 495px;text-align: left;transition-delay: 1.5s;padding: 0 6%;}
.mv .logo-txt{width: 34.375%;text-align: center;padding: 0 20px;display: flex;flex-direction: column;justify-content: space-between;position: relative;}

/* scroll */
.scroll-wrap{position: absolute;left:4%;bottom: 0;transition-delay: 1.5s}
.scrollbar-text_05 {
  display: inline-block;
  position: absolute;
  bottom: 0;
  padding: 10px 10px 110px;
  color: #fff;
  font-size: 15px;
  font-family: "El Messiri",sans-serif;
  line-height: 1;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  writing-mode: vertical-lr;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 700;
}

.scrollbar_05 {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1px;
}

.scrollbar_05::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  height: 80px;
  background: #fff;
  animation: liner 2.5s cubic-bezier(1, 0, 0, 1) infinite;
}

@keyframes liner {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0;
  }
  30% {
    transform: scale(1, 1);
    transform-origin: 0 0;
  }
  70% {
    transform: scale(1, 1);
    transform-origin: 0 100%;
  }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%;
  }
}

.mv .mv-slide{position:relative;width:65.625%;opacity: 1;transition: opacity 1s ease-in-out;transition-delay: 1s}
.mv .glide__slides{position: relative;overflow: visible;}
.mv .glide__slide.glide_big-width01{width: 493px !important;}
.mv .glide__slide.glide_big-width02{width: 494px !important;}
.mv .glide__slide.glide_sm-width01{width: 444px !important;}
.mv .glide__slide.glide_sm-width02{width: 440px !important;}
.mv .glide__slide{width:447px !important;margin:0 4px !important;display:flex;justify-content:center;align-items:center;position:relative;}
.mv .glide__slide img{display:block;width:100%;height:auto;}
.mv .glide__slide .num{font-family:"El Messiri",sans-serif;font-weight:700;font-size:1.8rem;line-height:1;width:1.44em;height:1.44em;position:absolute;right:0;bottom:0;display:flex;justify-content:center;align-items:center;color:#fff;background:#1C1C1C;padding-top: 4px;}
.mv .glide__slide.slide-mr{margin-right: min(6vw,60px) !important;}
.mv .glide__slides {
    display: flex;
    will-change: transform;
    transition-timing-function : linear !important;
}
 
.mv .glide__slides > * {
    flex-shrink: 0;
}
#wrapper.is-fview{overflow: hidden; height: 100vh;}
@media (max-width: 1440px){
  .mv .logo-txt{padding: 0 40px;}
}
@media (max-width: 1200px){
  .mv .glide{max-width:calc(80vw);}
   /* .mv .glide__slide{
    width: min(447px, 37.25vw) !important;
  }

  .mv .glide__slide.glide_big-width{
    width: min(490px, 40.83vw) !important;
  } */
   
  .mv .glide__slide.glide_big-width01{
    width: min(493px, 41.0833vw) !important;
  }

  .mv .glide__slide.glide_big-width02{
    width: min(494px, 41.1667vw) !important;
  }

  .mv .glide__slide.glide_sm-width01{
    width: min(444px, 37vw) !important;
  }

  .mv .glide__slide.glide_sm-width02{
    width: min(440px, 36.6667vw) !important;
  }

  .mv .glide__slide{
    width: min(447px, 37.25vw) !important;
  }
.mv .glide__slide.slide-mr{margin-right: 30px !important;}
.mv .logo-txt{justify-content: flex-start;}
.mv .cap{margin: 60px 0 0;}
.mv .logo-txt{padding: 0 30px;}
/* .scroll-wrap{left: 50%;transform: translateX(-50%);} */
}
@media (min-width:769px) and (max-width: 820px){
/* .mv .cap{padding: 0;} */
/* .scroll-wrap{left: 50%;transform: translateX(-50%);} */

}
@media (max-width: 768px){
  .mv .mv-slide{width: 100%;}
  .mv .glide{max-width:calc(100%);}
   /* .mv .glide__slide{
    width: min(280px, 80vw) !important;
  }
  .mv .glide__slide.glide_big-width{
    width: min(307px, 87.71428571428571vw) !important;
  } */
    .mv .glide__slide{
    width: min(280px, 80vw) !important;
  }

  .mv .glide__slide.glide_big-width01{
    width: min(308.1px, 88.16vw) !important;
  }

  .mv .glide__slide.glide_big-width02{
    width: min(308.7px, 88.39vw) !important;
  }

  .mv .glide__slide.glide_sm-width01{
    width: min(278px, 79.44vw) !important;
  }

  .mv .glide__slide.glide_sm-width02{
    width: min(275px, 78.77vw) !important;
  }
  .mv .logo-txt{width: 100%;margin: 0 auto 40px;max-width: 360px;padding:0 40px 40px;}
  .mv .cap{margin: 20px ;}
.mv .glide__slide.slide-mr{margin-right: 4px !important;}
.cap-mv-sp{margin: 20px;}
  
}

/* intro */
.intro{padding: 120px 0 60px;}
.intro-info{display: flex;justify-content: space-between;flex-wrap: wrap;max-width: 1560px;width: calc(100% - 40px);margin-left: auto;}
.intro-info .intro-txt{width: 39%;}
.intro-info .intro-img{width: 56.410256%;}
.intro-info .intro-img .cap{margin-top: 10px;}

.intro-info .intro-txt .intro-tit{font-size: 2rem;}
.intro-info .intro-txt .tit01{margin: 0 0 20px;}
.m-desc{font-size: 2.2rem;line-height: 2;}

.intro-group{display: flex;justify-content: space-between;flex-wrap: wrap;max-width: 1440px;width: calc(100% - 40px);margin: 20px auto 0;  margin-left: auto;
  margin-right: calc((100% - 1200px) / 2); }
.intro-group .intro-img{width: 50%;display: flex;gap: 30px;}
.intro-group  .cap{margin-top: 10px;}
.intro-group .intro-img .img-group02{margin-top: 5.2vw;}
.intro-group .intro-txt{width: 45.8%;margin-top: 5.2vw;}

.intro-group .intro-txt .m-desc:not(:first-child){margin-top: 3.083vw;}
.intro-group .intro-txt .img-group {margin-top: 7.4vw;width: fit-content;margin-left: auto;}

.intro-bot{max-width: 1200px;margin: 60px auto 0;width: calc(100% - 40px);}
.intro-bot .cap{margin: 10px 0 0;}
.intro-bot .cap-bot{margin: 60px 0 0;}
/* .list-img{display: flex;justify-content: space-between;gap: 2px;} */
.m-cap{font-size: 1.3rem;}
@media (max-width: 1680px){
.intro-group{margin-left: auto;margin-right: auto;}
}
@media (max-width: 1680px){
  .intro-group{margin-top: 80px;}
}
@media (max-width: 1200px){
.m-desc{font-size: 2rem;}
}
@media (max-width: 768px){
  .intro{padding: 60px 0;}
  .intro-info{margin: 0 auto;}

  .intro-info .intro-txt{padding-left: 0;width: 100%;}
  .intro-info .intro-img{width: 100%;margin-top: 20px;}
  .m-desc{font-size: 1.7rem;}

  .intro-group{margin-top: 30px;}
  .intro-group .intro-img{width: 100%;gap: 20px;}
  .intro-group .intro-txt{width: 100%;}
  .intro-group .intro-txt .m-desc:not(:first-child){margin-top: 20px;}
  .intro-group .intro-txt .img-group{margin-top: 20px;}
  .m-cap{font-size: 1.2rem;}
}
/* outline */
.outline{max-width: 1200px;width: calc(100% - 40px);margin: 120px auto 70px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.outline .tit{width: 22.5%;line-height: 1;}
.outline .tit .outline-tit-en{font-size: 2rem;}

.outline .tbl-wrap{width: 68.333%;}

.outline .tbl-wrap .m-cap{margin: 40px 0 0;}
.outline-tbl{width: 100%;}
.outline-tbl th {
  width: 188px;
  font-size: 2rem;
  text-align: left;
  font-weight: bold;
  padding: 30px 0;
}
.outline-tbl td {
  padding: 30px;
  font-size: 2rem;

}
.outline-tbl{
  border-top: 1px solid #676767;

}

.outline-tbl th, .outline-tbl td {
  border-bottom: 1px solid #676767;
}

@media (max-width: 768px){
  .outline{margin-top: 20px;}
  .outline .tit{width: 100%;margin: 0 0 30px;}
  .outline .tbl-wrap{width: 100%;}
  .outline .outline-tbl tr{display: flex;flex-direction: column;}
  .outline-tbl th {width: 100%;border-bottom: none;padding: 15px 0 4px;font-size: 1.5rem;}
  .outline-tbl td{width: 100%;padding: 0 0 15px;font-size: 1.5rem;}
}