/* ================================*\
|   共通                             |
\* ================================*/
html {
  scroll-behavior: smooth;
}
body {
  position: relative;
  z-index: -30;
  margin: 0;
  padding: 0;
  background: #f5f5f5;
  font-family: "gothic-a1", sans-serif;
  font-weight: 400;
  font-style: normal;
}
* {
  box-sizing: border-box;
}
main {
  max-width: 500px;
  margin: auto;
  position: relative;
  z-index: -20;
}
img {
  display: block;
  width: 100%;
}
p {
  margin: 0;
}
.section-gradient-bg {
  background-image: url(../img/bk_purple.webp);
  background-size: cover;
}
.under-line {
  display: inline-block;
  font-weight: 500;
  background: -webkit-linear-gradient(left, rgb(255, 221, 0) 50%, transparent 50%);
  background: linear-gradient(left, rgb(255, 221, 0) 50%, transparent 50%);
  background-repeat: no-repeat;
  background-position: 0% 1rem;
  background-size: 200% .6em;
  line-height: 2;
}

/* ================================*\
|   header                          |
\* ================================*/
.header {
  background: #fff;
}
.header__logo {
  width: 25%;
  margin: auto;
}
/* ================================*\
|   MV                              |
\* ================================*/
.mv {
  position: relative;
  overflow: hidden;
}
.mv__btn__wrapper {
  display: flex;
  position: fixed;
  bottom: 0;
  width: 500px;
  z-index: 100000;
}
@media screen and (max-width: 500px) {
  .mv__btn__wrapper {
    width: 100%;
  }
}
.mv__shine-obj {
  position: absolute;
  width: 165px;
  animation: rotate 15s linear infinite; /* 2秒で1回転、線形、無限に繰り返す */
}
@media screen and (max-width: 500px) {
  .mv__shine-obj {
    width: 32vw;
  }
}
/* アニメーションの定義 */
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
@keyframes rotate-left {
  from {
    transform: rotate(20deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.mv__shine-obj.right-top {
  top: 30px;
  right: -22px;
}
.mv__shine-obj.right-bottom {
  bottom: 44px;
  right: -60px;
}
.mv__shine-obj.left {
  top: 186px;
  left: -58px;
  transform: rotate(20deg);
  animation: rotate-left 15s linear infinite; /* 2秒で1回転、線形、無限に繰り返す */
}
@media screen and (max-width: 500px) {
  .mv__shine-obj {
    width: 32vw;
  }
  .mv__shine-obj.right-top {
    top: 4%;
    right: -6%;
  }
  .mv__shine-obj.right-bottom {
    bottom: 6.5%;
    right: -11.5%;
  }
  .mv__shine-obj.left {
    top: 23%;
    left: -10%;
  }
}
/* ================================*\
|   section01                       |
\* ================================*/
.section01 {
  background-image: url("../img/sl_bg.webp");
    background-repeat: no-repeat;
  background-size: cover;
    height: 2342px;
    position: relative;
}
.section01 img{
    width: 50%;
    height: auto;
    position: absolute;
}
.section01 img.ph01{
    
    top: 620px;
  left: 25px;
  width: 250px;
}
.section01 img.ph02{
    top: 650px;
  left: 350px;
  width: 125px;
}
.section01 img.ph03{
    top: 1095px;
  left: 215px;
  width: 256px;
}
.section01 img.ph04{
    top: 1330px;
  left: 160px;
  width: 125px;
}
.section01 img.ph05{
    top: 1300px;
  left: 325px;
  width: 150px;
}
.section01 img.ph06{
    top: 1710px;
  left: 320px;
  width: 150px;
}
.section01 img.ph07{
    top: 1850px;
  left: 240px;
  width: 100px;
}
.section01 img.ph08{
    top: 1920px;
  left: 325px;
  width: 150px;
}
.section01 img.ph09{
    top: 2000px;
  left: 40px;
  width: 190px;
}
.section01 .cc{
    position: absolute;
  top: 980px;
  left: 58px;
  width: 44px;
    font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.section01 img.txt01{
    top: 850px;
  left: 50px;
  width: 300px;
}
.section01 img.txt02{
    top: 950px;
  left: 140px;
  width: 329px;
}
.section01 img.txt03{
    top: 1560px;
  left: 50px;
  width: 385px;
}
.section01 img.txt04{
    top: 1660px;
  left: 130px;
  width: 335px;
}
.section01 img.txt05{
    top: 2210px;
  left: 60px;
  width: 363px;
}


/*----------スクロールエフェクト----------*/


.section01 img.cc {
  -webkit-filter: blur(15px);
  filter: blur(15px);
}
.section01 .img-blur {
  animation: imageBlur 1s both;
transform: translate(0px,30px);    
}
@keyframes imageBlur {
  100% {
    -webkit-filter: blur(0);
    filter: blur(0);
    transform: translate(0,0);   
  }
}



.text-animation {
  opacity: 0;

  &.show {
    opacity: 1;
    
    .text-animation-span {
      display: inline-block;
      overflow: hidden;

    }
    span {
      display: inline-block;
      letter-spacing: 0.1em;
      animation: showText .9s backwards;
    }
  }
}

@keyframes showText {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.section01 .cc{
    -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
    font-size: 48px
}



/* ================================*\
|   section02                       |
\* ================================*/
.section02 {
  background-image: url("../img/ev_bg.webp");
    background-repeat: no-repeat;
  background-size: cover;
    height: 3200px;
    position: relative;
    overflow: hidden;
}
.section02 img{
    width: 50%;
    height: auto;
    position: absolute;
}
.section02 img.elm01{
  top: 80px;
  left: 60px;
  width: 215px;
}
.section02 img.elm02{
  top: 180px;
  left: 0px;
  width: 275px;
}
.section02 img.elm03{
  top: 265px;
  left: 60px;
  width: 203px;
}
.section02 img.elm04{
  top: 325px;
  left: 60px;
  width: 349px;
}
.section02 img.elm05{
  top: 440px;
  left: 60px;
  width: 411px;
}
.section02 img.elm06{
  top: 570px;
  left: 60px;
  width: 360px;
}
.section02 img.elm07{
  top: 280px;
  left: 20px;
  width: 10px;
}
.section02 img.elm08{
  top: 690px;
  left: 0px;
  width: 275px;
}
.section02 img.elm09{
  top: 780px;
  left: 60px;
  width: 325px;
}
.section02 img.elm10{
  top: 860px;
  left: 60px;
  width: 391px;
}
.section02 img.elm11{
  top: 850px;
  left: 0px;
  width: 530px;
  mix-blend-mode: soft-light;
  filter: opacity(90%);
}
.section02 img.elm12{
  top: 960px;
  left: 240px;
  width: 99px;
}
.section02 img.elm13{
  top: 1010px;
  left: 65px;
  width: 129px;
}
.section02 img.elm14{
  top: 1020px;
  left: 390px;
  width: 79px;
}
.section02 img.elm15{
  top: 1080px;
  left: 220px;
  width: 59px;
}
.section02 img.elm16{
  top: 1140px;
  left: 90px;
  width: 89px;
}
.section02 img.elm17{
  top: 1160px;
  left: 330px;
  width: 99px;
}
.section02 img.elm18{
  top: 1260px;
  left: 85px;
  width: 329px;
}
.section02 img.elm19{
  top: 1330px;
  left: 105px;
  width: 295px;
}
.section02 img.elm20{
  top: 790px;
  left: 20px;
  width: 14px;
}
.section02 img.elm21{
  top: 1330px;
  left: 105px;
  width: 295px;
}
.section02 img.elm22{
  top: 1490px;
  left: 0px;
  width: 275px;
}
.section02 img.elm23{
  top: 1590px;
  left: 60px;
  width: 210px;
}
.section02 img.elm24{
  top: 1720px;
  left: 60px;
  width: 373px;
}
.section02 img.elm25{
  top: 1860px;
  left: 60px;
  width: 348px;
}
.section02 img.elm26{
  top: 1910px;
  left: 60px;
  width: 396px;
}
.section02 img.elm27{
  top: 1990px;
  left: 105px;
  width: 295px;
}
.section02 img.elm28{
  top: 1450px;
  left: 225px;
  width: 293px;
  mix-blend-mode: hard-light;
  filter: opacity(60%);
}
.section02 img.elm29{
  top: 1600px;
  left: 20px;
  width: 10px;
}
.section02 img.elm30{
  top: 2640px;
  left: 0px;
  width: 275px;
}
.section02 img.elm31{
  top: 2740px;
  left: 60px;
  width: 334px;
}
.section02 img.elm32{
  top: 2850px;
  left: 60px;
  width: 150px;
}
.section02 img.elm33{
  top: 2820px;
  left: 320px;
  width: 85px;
}
.section02 img.elm34{
  top: 2950px;
  left: 240px;
  width: 115px;
}
.section02 img.elm35{
  top: 3070px;
  left: 60px;
  width: 359px;
}
.section02 img.elm36{
  top: 2740px;
  left: 20px;
  width: 13px;
}
.section02 img.elm37{
    top: 2060px;
    left: 30px;
    width: 90%;
}


/* ================================*\
|   section03                       |
\* ================================*/
.section03 {
  background-image: url("../img/li_bg.webp");
  background-repeat: no-repeat;
  background-size: cover;
  height: 4309px;
  position: relative;
  overflow: hidden;
}
.section03 img{
    width: 50%;
    height: auto;
    position: absolute;
}

/*==========マレーシア==========*/
.section03 img.elm01{
  top: 100px;
  width: 218px;
  right: 0;    
  left: 0;
  margin: auto;
}
.section03 img.elm02{
  top: 150px;
  width: 145px;
  right: 0;
  left: 0;
  margin: auto;
}
.section03 img.elm03{
  top: 200px;
  width: 465px;
  right: 0;
  left: 0;
  margin: auto;
}
.section03 img.elm04{
  top: 560px;
  left: 270px;
  width: 172px;
}
.section03 img.elm05{
  top: 575px;
  left: 60px;
  width: 184px;
}
.section03 img.elm06{
  top: 715px;
  left: 60px;
  width: 380px;
}
.section03 img.elm07{
  top: 805px;
  left: 60px;
  width: 382px;
}
.section03 img.elm08{
  top: 915px;
  left: 60px;
  width: 381px;
}
.section03 img.elm09{
  top: 1000px;
  left: 60px;
  width: 382px;
}
.section03 img.elm10{
  top: 1115px;
  left: 60px;
  width: 209px;
}
.section03 img.elm11{
  top: 1195px;
  width: 239px;
  right: 0;
  left: 0;
  margin: auto;
}
.section03 .elm12{
  top: 1265px;
  left: 27px;
  width: 428px;
}
.section03 img.elm13{
top: 1455px;
  left: 45px;
  width: 113px;
}
.section03 img.elm14{
top: 1525px;
  left: 175px;
  width: 105px;
}
.section03 img.elm15{
top: 1565px;
  left: 175px;
  width: 249px;
}
.section03 img.elm16{
top: 1635px;
  left: 60px;
  width: 374px;
}
.section03 img.elm17{
top: 1740px;
  left: 60px;
  width: 384px;
}
.section03 img.elm18{
top: 1875px;
  left: 60px;
  width: 372px;
}
.section03 img.elm19{
top: 1960px;
  width: 388px;
  right: 0;
  left: 0;
  margin: auto;
}

.sc_box{
  position: absolute; 
    top: 1265px;
  left: 27px;
}

/*==========インド==========*/


.section03 img.elm20{
  top: 2170px;
  width: 465px;
  right: 0;
  left: 0;
  margin: auto;
}
.section03 img.elm21{
  top: 2530px;
  left: 270px;
  width: 172px;
}
.section03 img.elm22{
  top: 2545px;
  left: 60px;
  width: 184px;
}
.section03 img.elm23{
  top: 2685px;
  left: 60px;
  width: 380px;
}
.section03 img.elm24{

    
top: 2690px;
  left: 60px;
  width: 382px;    
}
.section03 img.elm25{
  top: 2830px;
  left: 60px;
  width: 381px;
}
.section03 img.elm26{
  top: 2915px;
  left: 60px;
  width: 288px;
}
.section03 img.elm27{
  top: 3010px;
  width: 240px;
  right: 0;
  left: 0;
  margin: auto;
}
.section03 img.elm28{
  top: 3270px;
  width: 113px;
  left: 45px;
}

.section03 img.elm29{
  top: 3475px;
  left: 60px;
  width: 377px;
}

.section03 img.elm30{
  top: 3610px;
  left: 60px;
  width: 374px;
}
.section03 img.elm31{
  top: 3720px;
  left: 60px;
  width: 375px;
}
.section03 img.elm32{
  top: 3855px;
  left: 60px;
  width: 373px;
}
.section03 img.elm33{
  top: 3935px;
  left: 60px;
  width: 371px;
}
.section03 img.elm34{
  top: 4080px;
  left: 60px;
  width: 388px;
}
.section03 .elm35 {
  top: 3085px;
  left: 27px;
  width: 428px;
}
.section03 img.elm36 {
  top: 3340px;
  left: 175px;
  width: 105px;
}
.section03 img.elm37 {
  top: 3380px;
  left: 175px;
  width: 249px;
}
/*--------------------画像01--------------------*/
.img-container01.active img {
  opacity: 1;
  transition-delay: .1s;
  position: relative;
  width: 427px;
  left: 0px;
}
.img-container01.active:before {
  transform: translateX(100%);
  transition-delay: .1s;
}
.img-container01 {
  overflow: hidden;
  position: absolute;
  top: 1250px;
  left: -13px;    
}
.img-container01 img {
  z-index: 0 !important;
    width: 427px;
}
.img-container01__img {
  display: block;
  opacity: 0;
  position: relative;
  transition: all .5s .3s ease;
  z-index: 0 !important;
}
.img-container01:before {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transform: translateX(-100%);
  transition: all .5s .3s ease;
  width: 100%;
  z-index: 1;
}
/*--------------------画像02--------------------*/
.img-container02.active img {
  opacity: 1;
  transition-delay: .1s;
  position: relative;
  width: 104px;
  left: 0px;
}
.img-container02.active:before {
  transform: translateX(100%);
  transition-delay: .1s;
}
.img-container02 {
  overflow: hidden;
  position: absolute;
  top: 1510px;
  left: 130px;    
}
.img-container02 img {
  z-index: 0 !important;
    width: 104px;
}
.img-container02__img {
  display: block;
  opacity: 0;
  position: relative;
  transition: all .5s .3s ease;
  z-index: 0 !important;
}
.img-container02:before {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transform: translateX(-100%);
  transition: all .5s .3s ease;
  width: 100%;
  z-index: 1;
}
/*--------------------画像03--------------------*/
.img-container03.active img {
  opacity: 1;
  transition-delay: .1s;
  position: relative;
  width: 249px;
  left: 0px;
}
.img-container03.active:before {
  transform: translateX(100%);
  transition-delay: .1s;
}
.img-container03 {
  overflow: hidden;
  position: absolute;
  top: 1550px;
  left: 130px;   
}
.img-container03 img {
  z-index: 0 !important;
    width: 249px;
}
.img-container03__img {
  display: block;
  opacity: 0;
  position: relative;
  transition: all .5s .3s ease;
  z-index: 0 !important;
}
.img-container03:before {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transform: translateX(-100%);
  transition: all .5s .3s ease;
  width: 100%;
  z-index: 1;
}
/*--------------------画像04--------------------*/
.img-container04.active img {
  opacity: 1;
  transition-delay: .1s;
  position: relative;
  width: 427px;
  left: 0px;
}
.img-container04.active:before {
  transform: translateX(100%);
  transition-delay: .1s;
}
.img-container04 {
  overflow: hidden;
  position: absolute;
  top: 3045px;
  left: -13px; 
}
.img-container04 img {
  z-index: 0 !important;
    width: 427px;
}
.img-container04__img {
  display: block;
  opacity: 0;
  position: relative;
  transition: all .5s .3s ease;
  z-index: 0 !important;
}
.img-container04:before {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transform: translateX(-100%);
  transition: all .5s .3s ease;
  width: 100%;
  z-index: 1;
}
/*--------------------画像05--------------------*/
.img-container05.active img {
  opacity: 1;
  transition-delay: .1s;
  position: relative;
  width: 104px;
  left: 0px;
}
.img-container05.active:before {
  transform: translateX(100%);
  transition-delay: .1s;
}
.img-container05 {
  overflow: hidden;
  position: absolute;
  top: 3310px;
  left: 130px;    
}
.img-container05 img {
  z-index: 0 !important;
    width: 104px;
}
.img-container05__img {
  display: block;
  opacity: 0;
  position: relative;
  transition: all .5s .3s ease;
  z-index: 0 !important;
}
.img-container05:before {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transform: translateX(-100%);
  transition: all .5s .3s ease;
  width: 100%;
  z-index: 1;
}
/*--------------------画像06--------------------*/
.img-container06.active img {
  opacity: 1;
  transition-delay: .1s;
  position: relative;
  width: 249px;
  left: 0px;
}
.img-container06.active:before {
  transform: translateX(100%);
  transition-delay: .1s;
}
.img-container06 {
  overflow: hidden;
  position: absolute;
  top: 3350px;
  left: 130px;   
}
.img-container06 img {
  z-index: 0 !important;
    width: 249px;
}
.img-container06__img {
  display: block;
  opacity: 0;
  position: relative;
  transition: all .5s .3s ease;
  z-index: 0 !important;
}
.img-container06:before {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transform: translateX(-100%);
  transition: all .5s .3s ease;
  width: 100%;
  z-index: 1;
}



/* ================================*\
|   section04                       |
\* ================================*/
.section04 {
  background-image: url("../img/ai_bg.webp");
    background-repeat: no-repeat;
  background-size: cover;
    height: 503px;
    position: relative;
    overflow: hidden;
}
.section04 img{
    width: 50%;
    height: auto;
    position: absolute;
}
.section04 img.elm01{
  top: 80px;
  width: 382px;
  right: 0;
  left: 0;
  margin: auto;
}
.section04 img.elm02{
  top: 150px;
  width: 412px;
  right: 0;
  left: 0;
  margin: auto;
}
.section04 img.elm03{
  top: 250px;
  width: 126px;
    left: 45px;
}
.section04 img.elm04{
  top: 250px;
  width: 126px;
  right: 0;
  left: 0;
  margin: auto;
}
.section04 img.elm05{
  top: 250px;
  width: 126px;
    right: 45px;
}
/* ================================*\
|  追従                       |
\* ================================*/

.follow{
  position: fixed;
  right: 0;
  bottom: 0;
  color: #fff;
  padding: 0px  0px  15px  0px;
  cursor: pointer;
  transition: .3s;
  opacity: 0;
  visibility: hidden;
  width: 295px;
  left: 0;
  margin: auto;
    
}

/*このクラスが付与されると表示する*/
.follow_active{
  opacity: 1;
  visibility: visible;
}

a:link{
    cursor: pointer;
}


/* ================================*\
|   footer                          |
\* ================================*/
.footer {
  color: #ebe0c4;
  text-align: center;
  font-size: .7em;
  line-height: 2;
  background: #000000;
  padding: 20px 0 100px 0;
}

.footer__link-wrapper {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.footer a {
  display: inline-block;
  font-size: 0.85rem;
  color: #ebe0c4;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-right: 10px;
}
.footer a::after {
  content: "";
  display: inline-block;
  height: 1rem;
  border-left: 1px solid #ebe0c4;
}
.footer a.border-none::after {
  border-left: none;
}
.footer a.last::after {
  content: '';
}
.footer__copy-light {
  margin-top: 20px;
}
.footer a.mr-none {
  margin-right: 0;
  gap:unset;
}

@media screen and (min-width: 500px) {
.spOnly{
        display: none;
    }
}


/*=========================================SP=======================================================*/

@media screen and (max-width: 499px) {
    
    .pcOnly{
        display: none;
    }
    
    
    
/* ================================*\
|   section01                       |
\* ================================*/
.section01 {
  background-image: url("../img/sl_bg.webp");
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: relative;
    height: 100%;
padding: 468% 0 0;
}
.section01 img{
    width: 50%;
    height: auto;
    position: absolute;
    margin-top: -468%;
}
.section01 img.ph01{
 top: inherit;
    left: inherit;
    margin-top: calc(-468% + 120%);
    width: 48%;
    margin-left: 5%;
}
.section01 img.ph02{
  top: inherit;
    left: inherit;
    margin-top: calc(-468% + 123%);
    width: 27%;
    margin-left: 69%;
}
.section01 img.ph03{
  top: inherit;
    left: inherit;
    margin-top: calc(-468% + 217%);
    width: 52%;
    margin-left: 42%;
}
.section01 img.ph04{
  top: inherit;
    left: inherit;
    margin-top: calc(-468% + 264%);
    width: 27%;
    margin-left: 31%;
}
.section01 img.ph05{
  top: inherit;
    left: inherit;
    margin-top: calc(-468% + 259%);
    width: 29%;
    margin-left: 66%;
}
.section01 img.ph06{
  top: inherit;
    left: inherit;
    margin-top: calc(-468% + 340%);
    width: 29%;
    margin-left: 65%;
}
.section01 img.ph07{
  top: inherit;
    left: inherit;
    margin-top: calc(-468% + 372%);
    width: 20%;
    margin-left: 47%;
}
.section01 img.ph08{
  top: inherit;
    left: inherit;
    margin-top: calc(-468% + 378%);
    width: 33%;
    margin-left: 63%;
}
.section01 img.ph09{
  top: inherit;
    left: inherit;
    margin-top: calc(-468% + 402%);
    width: 37%;
    margin-left: 6%;
}
.section01 .cc01{
    position: absolute;
  top: inherit;
    left: inherit;
  
    font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  width: 33px;
    margin-top: calc(-468% + 196%);
    margin-left: 8.5%;
    
}
.section01 img.txt01{
  top: inherit;
    left: inherit;
    margin-top: calc(-468% + 166%);
    width: 64%;
    margin-left: 9%;
}
.section01 img.txt02{
  top: inherit;
    left: inherit;
    margin-top: calc(-468% + 188%);
    width: 69%;
    margin-left: 24%;
}
.section01 img.txt03{
  top: inherit;
    left: inherit;
    margin-top: calc(-468% + 308%);
    width: 79.8%;
    margin-left: 8%;
}
.section01 img.txt04{
  top: inherit;
    left: inherit;
    margin-top: calc(-468% + 329%);
    width: 68%;
    margin-left: 26%;
}
.section01 img.txt05{
   top: inherit;
    left: inherit;
    margin-top: calc(-468% + 442%);
    width: 77%;
    margin-left: 11%;
}


/*----------スクロールエフェクト----------*/


.section01 img.cc {
  -webkit-filter: blur(15px);
  filter: blur(15px);
}
.section01 .img-blur {
  animation: imageBlur 1s both;
transform: translate(0px,30px);    
}
@keyframes imageBlur {
  100% {
    -webkit-filter: blur(0);
    filter: blur(0);
    transform: translate(0,0);   
  }
}



@keyframes showText {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.section01 .cc{
    -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
    font-size: 2.1rem;
}  
    
/* ================================*\
|   section02                       |
\* ================================*/
.section02 {
  background-image: url("../img/ev_bg.webp");
    background-color: #0e2951;
  background-repeat: no-repeat;
    background-size: 100% auto;
    position: relative;
    height: 100%;
    padding: 680% 0 0;
}
.section02 img{
    width: 50%;
    height: auto;
    position: absolute;
}
.section02 img.elm01{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 19%);
    width: 48%;
    margin-left: 14%;
}
.section02 img.elm02{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 38%);
    width: 55%;
    margin-left: 0%;
}
.section02 img.elm03{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 55%);
    width: 48%;
    margin-left: 12%;
}
.section02 img.elm04{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 70%);
    width: 71%;
    margin-left: 11.5%;
}
.section02 img.elm05{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 94%);
    width: 82%;
    margin-left: 11.5%;
}
.section02 img.elm06{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 121%);
    width: 80%;
    margin-left: 11%;
}
.section02 img.elm07{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 60%);
    width: 2.5%;
    margin-left: 3%;
}
.section02 img.elm08{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 159%);
    width: 55%;
    margin-left: 0%;
}
.section02 img.elm09{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 176%);
    width: 68%;
    margin-left: 11.5%;
}
.section02 img.elm10{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 191%);
    width: 78%;
    margin-left: 11.5%;
}
.section02 img.elm11{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 194%);
    width: 120%;
    margin-left: -5%;
    mix-blend-mode: soft-light;
    filter: opacity(90%);
}
.section02 img.elm12{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 211%);
    width: 18%;
    margin-left: 48%;
}
.section02 img.elm13{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 219%);
    width: 28%;
    margin-left: 10%;
}
.section02 img.elm14{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 223%);
    width: 18%;
    margin-left: 76%;
}
.section02 img.elm15{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 235%);
    width: 12%;
    margin-left: 42%;
}
.section02 img.elm16{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 246%);
    width: 18%;
    margin-left: 14%;
}
.section02 img.elm17{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 252%);
    width: 21%;
    margin-left: 64%;
}
.section02 img.elm18{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 275%);
    width: 74%;
    margin-left: 13%;
}
.section02 img.elm19{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 291%);
    width: 75%;
    margin-left: 13%;
}
.section02 img.elm20{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 178%);
    width: 2.5%;
    margin-left: 3%;
}
.section02 img.elm21{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 419%);
    width: 48%;
    margin-left: 14%;
}
.section02 img.elm22{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 320%);
    width: 55%;
    margin-left: 0%;
}
.section02 img.elm23{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 340%);
    width: 50%;
    margin-left: 11.5%;
}
.section02 img.elm24{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 370%);
    width: 77%;
    margin-left: 11.5%;
}
.section02 img.elm25{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 401%);
    width: 72%;
    margin-left: 11.5%;
}
.section02 img.elm26{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 412%);
    width: 80%;
    margin-left: 11.5%;
}
.section02 img.elm27{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 432%);
    width: 75%;
    margin-left: 13%;
}
.section02 img.elm28{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 315%);
    width: 65%;
    margin-left: 42%;
    mix-blend-mode: hard-light;
    filter: opacity(60%);
}
.section02 img.elm29{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 341%);
    width: 2.5%;
    margin-left: 3%;
}
.section02 img.elm30{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 565%);
    width: 55%;
    margin-left: 0%;
}
.section02 img.elm31{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 585%);
    width: 68%;
    margin-left: 11.5%;
}
.section02 img.elm32{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 607%);
    width: 30%;
    margin-left: 12.5%;
}
.section02 img.elm33{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 600%);
    width: 16.5%;
    margin-left: 65%;
}
.section02 img.elm34{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 627%);
    width: 24%;
    margin-left: 48%;
}
.section02 img.elm35{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 650%);
    width: 78%;
    margin-left: 10%;
}
.section02 img.elm36{
  top: inherit;
    left: inherit;
    margin-top: calc(-680% + 585%);
    width: 2.5%;
    margin-left: 3%;
}
.section02 img.elm37 {
	  top: inherit;
    margin-top: calc(-680% + 448%);
    left: 5%;
}    
    
    

/* ================================*\
|   section03                       |
\* ================================*/

.section03 {
  background-image: url("../img/li_bg.webp");
  background-repeat: repeat;
    background-size: 100% auto;
    position: relative;
    height: 100%;
    padding: 900% 0 0;
}
.section03 img{
    width: 50%;
    height: auto;
    position: absolute;
}
    
    
/*==========マレーシア==========*/
.section03 img.elm01{
  top: inherit;
    margin-top: calc(-900% + 15%);
    width: 50%;
    right: 0;
    left: 0;
}
.section03 img.elm02{
  top: inherit;
    margin-top: calc(-900% + 25.5%);
    width: 35%;
    right: 0;
    left: 0;
}
.section03 img.elm03{
  top: inherit;
    margin-top: calc(-900% + 37%);
    width: 97.5%;
    margin-left: 1%;
}
.section03 img.elm04{
  top: inherit;
    left: inherit;
    margin-top: calc(-900% + 113%);
    width: 35%;
    margin-left: 56%;
}
.section03 img.elm05{
  top: inherit;
    left: inherit;
    margin-top: calc(-900% + 116%);
    width: 41%;
    margin-left: 8%;
}
.section03 img.elm06{
  top: inherit;
    left: inherit;
    margin-top: calc(-900% + 146%);
    width: 85%;
    margin-left: 8%;
}
.section03 img.elm07{
  top: inherit;
    left: inherit;
    margin-top: calc(-900% + 162%);
    width: 85%;
    margin-left: 8%;
}
.section03 img.elm08{
  top: inherit;
    left: inherit;
    margin-top: calc(-900% + 185%);
    width: 85%;
    margin-left: 8%;
}
.section03 img.elm09{
  top: inherit;
    left: inherit;
    margin-top: calc(-900% + 202%);
    width: 85%;
    margin-left: 8%;
}
.section03 img.elm10{
  top: inherit;
    left: inherit;
    margin-top: calc(-900% + 227%);
    width: 45%;
    margin-left: 8%;
}
.section03 img.elm11{
  top: inherit;
    left: 0;
    right: 0;
    margin-top: calc(-900% + 242%);
    width: 50%;
}
.section03 .elm12{
  top: inherit;
    left: inherit;
    margin-top: calc(-900% + 255%);
    width: 90%;
    margin-left: 3%;
}
.section03 img.elm13{
top: inherit;
    left: inherit;
    margin-top: calc(-900% + 291%);
    width: 26%;
    margin-left: 6%;
}
.section03 img.elm14{
top: inherit;
    left: inherit;
    margin-top: calc(-900% + 310%);
    width: 28%;
    margin-left: 34%;
}
.section03 img.elm15{
top: inherit;
    left: inherit;
    margin-top: calc(-900% + 320%);
    width: 55%;
    margin-left: 35%;
}
.section03 img.elm16{
top: inherit;
    left: inherit;
    margin-top: calc(-900% + 335%);
    width: 83%;
    margin-left: 8%;
}
.section03 img.elm17{
top: inherit;
    left: inherit;
    margin-top: calc(-900% + 358%);
    width: 84%;
    margin-left: 8%;
}
.section03 img.elm18{
top: inherit;
    left: inherit;
    margin-top: calc(-900% + 387%);
    width: 84%;
    margin-left: 8%;
}
.section03 img.elm19{
top: inherit;
    left: 0;
    margin-top: calc(-900% + 405%);
    width: 85%;
    margin-left: 8%;
}

.sc_box{
  position: absolute; 
    top: 1265px;
  left: 27px;
}

/*==========インド==========*/


.section03 img.elm20{
top: inherit;
    margin-top: calc(-900% + 450%);
    width: 97.5%;
    margin-left: 1%;
}

.section03 img.elm21{
  top: inherit;
    left: inherit;
    margin-top: calc(-900% + 525%);
    width: 35%;
    margin-left: 56%;
}
.section03 img.elm22{
  top: inherit;
    left: inherit;
    margin-top: calc(-900% + 528%);
    width: 41%;
    margin-left: 8%;
}
.section03 img.elm23{
  top: inherit;
    left: inherit;
    margin-top: calc(-900% + 596%);
    width: 85%;
    margin-left: 8%;
}
.section03 img.elm24{
  top: inherit;
    left: inherit;
    margin-top: calc(-900% + 558%);
    width: 83.5%;
    margin-left: 8%;
}
.section03 img.elm25{
  top: inherit;
    left: inherit;
    margin-top: calc(-900% + 588%);
    width: 84%;
    margin-left: 8%;
}
.section03 img.elm26{
  top: inherit;
    left: inherit;
    margin-top: calc(-900% + 606%);
    width: 65%;
    margin-left: 8%;
}
.section03 img.elm27{
  top: inherit;
    left: 0;
    right: 0;
    margin-top: calc(-900% + 622%);
    width: 50%;
}
.section03 img.elm28{
  top: inherit;
    left: inherit;
    margin-top: calc(-900% + 674%);
    width: 26%;
    margin-left: 6%;
}
.section03 img.elm29{
  top: inherit;
    left: inherit;
    margin-top: calc(-900% + 720%);
    width: 84%;
    margin-left: 8%;
}
.section03 img.elm30{
top: inherit;
    left: inherit;
    margin-top: calc(-900% + 750%);
    width: 84%;
    margin-left: 8%;
}
.section03 img.elm31{
top: inherit;
    left: inherit;
    margin-top: calc(-900% + 775%);
    width: 84%;
    margin-left: 8%;
}
.section03 img.elm32{
top: inherit;
    left: inherit;
    margin-top: calc(-900% + 805%);
    width: 84%;
    margin-left: 8%;
}
.section03 img.elm33{
top: inherit;
    left: inherit;
    margin-top: calc(-900% + 823%);
    width: 84%;
    margin-left: 8%;
}
.section03 img.elm34{
top: inherit;
    left: 0;
    margin-top: calc(-900% + 853%);
    width: 85%;
    margin-left: 8%;
}
.section03 img.elm35{
top: inherit;
    left: 0;
    margin-top: calc(-900% + 638%);
    width: 85%;
    margin-left: 8%;
}
.section03 img.elm36{
top: inherit;
    left: 0;
    margin-top: calc(-900% + 690%);
    width: 28%;
    margin-left: 34%;
}
    .section03 img.elm37{
top: inherit;
    left: 0;
    margin-top: calc(-900% + 700%);
    width: 50%;
    margin-left: 34%;
}
/*--------------------画像01--------------------*/
.img-container01.active img {
  opacity: 1;
    transition-delay: .1s;
    position: relative;
    width: 100%;
    left: 0px;
}
.img-container01.active:before {
  transform: translateX(100%);
  transition-delay: .1s;
}
.img-container01 {
  overflow: hidden;
    position: absolute;
    margin-top: calc(-900% + 256%);
    left: -28px;
    top: inherit;
    width: 90%;
}
.img-container01 img {
  z-index: 0 !important;
    width: 100%;
}
.img-container01__img {
  display: block;
  opacity: 0;
  position: relative;
  transition: all .5s .3s ease;
  z-index: 0 !important;
}
.img-container01:before {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transform: translateX(-100%);
  transition: all .5s .3s ease;
  width: 102%;
  z-index: 1;
}
/*--------------------画像02--------------------*/
.img-container02.active img {
  opacity: 1;
  transition-delay: .1s;
  position: relative;
  width: 45%;
  left: 0px;
}
.img-container02.active:before {
  transform: translateX(100%);
  transition-delay: .1s;
}
.img-container02 {
  overflow: hidden;
    position: absolute;
    margin-top: calc(-900% + 312%);
    left: 25%;
    top: inherit;

}
.img-container02 img {
  z-index: 0 !important;
    width: 45%;
}
.img-container02__img {
  display: block;
  opacity: 0;
  position: relative;
  transition: all .5s .3s ease;
  z-index: 0 !important;
}
.img-container02:before {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transform: translateX(-100%);
  transition: all .5s .3s ease;
  width: 100%;
  z-index: 1;
}
/*--------------------画像03--------------------*/
.img-container03.active img {
  opacity: 1;
    transition-delay: .1s;
    position: relative;
    width: 95%;
    left: 0px;
}
.img-container03.active:before {
  transform: translateX(100%);
  transition-delay: .1s;
}
.img-container03 {
  overflow: hidden;
    position: absolute;
    margin-top: calc(-900% + 321%);
    left: 25%;
    top: inherit;   
}
.img-container03 img {
  z-index: 0 !important;
    width: 100%;
}
.img-container03__img {
  display: block;
  opacity: 0;
  position: relative;
  transition: all .5s .3s ease;
  z-index: 0 !important;
}
.img-container03:before {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transform: translateX(-100%);
  transition: all .5s .3s ease;
  width: 100%;
  z-index: 1;
}
/*--------------------画像04--------------------*/
.img-container04.active img {
  opacity: 1;
    transition-delay: .1s;
    position: relative;
    width: 100%;
    left: 0px;
}
.img-container04.active:before {
  transform: translateX(100%);
  transition-delay: .1s;
}
.img-container04 {
  overflow: hidden;
    position: absolute;
    margin-top: calc(-900% + 636%);
    left: -28px;
    top: inherit;
    width: 90%;
}
.img-container04 img {
  z-index: 0 !important;
    width: 100%;
}
.img-container04__img {
  display: block;
  opacity: 0;
  position: relative;
  transition: all .5s .3s ease;
  z-index: 0 !important;
}
.img-container04:before {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transform: translateX(-100%);
  transition: all .5s .3s ease;
  width: 100%;
  z-index: 1;
}
/*--------------------画像05--------------------*/
.img-container05.active img {
  opacity: 1;
  transition-delay: .1s;
  position: relative;
  width: 50%;
  left: 0px;
}
.img-container05.active:before {
  transform: translateX(100%);
  transition-delay: .1s;
}
.img-container05 {
  overflow: hidden;
    position: absolute;
    margin-top: calc(-900% + 690%);
    left: 25%;
    top: inherit;
    width: 50%;   
}
.img-container05 img {
  z-index: 0 !important;
    width: 50%;
}
.img-container05__img {
  display: block;
  opacity: 0;
  position: relative;
  transition: all .5s .3s ease;
  z-index: 0 !important;
}
.img-container05:before {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transform: translateX(-100%);
  transition: all .5s .3s ease;
  width: 100%;
  z-index: 1;
}
/*--------------------画像06--------------------*/
.img-container06.active img {
  opacity: 1;
    transition-delay: .1s;
    position: relative;
    width: 100%;
    left: 0px;
}
.img-container06.active:before {
  transform: translateX(100%);
  transition-delay: .1s;
}
.img-container06 {
  overflow: hidden;
    position: absolute;
    margin-top: calc(-900% + 700%);
    left: 25%;
    top: inherit;  
}
.img-container06 img {
  z-index: 0 !important;
    width: 100%;
}
.img-container06__img {
  display: block;
  opacity: 0;
  position: relative;
  transition: all .5s .3s ease;
  z-index: 0 !important;
}
.img-container06:before {
  background: #333;
  content: '';
  display: block;
  height: 100%;
  position: absolute;
  transform: translateX(-100%);
  transition: all .5s .3s ease;
  width: 100%;
  z-index: 1;
}

  
 
/* ================================*\
|   section04                       |
\* ================================*/
    
    
.section04 {
    background-image: url("../img/ai_bg.webp");
    background-color: #0e2951;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: relative;
    height: 100%;
    padding: 100% 0 0;
  }
    

.section04 img{
    width: 50%;
    height: auto;
    position: absolute;
}
.section04 img.elm01{
top: inherit;
    margin-top: calc(-100% + 14%);
    width: 75%;
    right: 0;
  left: 0;
}
.section04 img.elm02{
top: inherit;
    margin-top: calc(-100% + 24%);
    width: 88%;
    right: 0;
    left: 0;
}
.section04 img.elm03{
top: inherit;
    margin-top: calc(-100% + 42%);
    width: 31%;
    margin-left: 3%;
    left: 0;
}
.section04 img.elm04{
top: inherit;
    margin-top: calc(-100% + 42%);
    width: 31%;
    right: 0;
    left: 0;
}
.section04 img.elm05{
top: inherit;
    margin-top: calc(-100% + 42%);
    width: 31%;
    margin-right: 3%;
    right: 0;
}   
    
    
    
  .footer a {
  display: inline-block;
  font-size: 0.75rem;
  color: #ebe0c4;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 5px;
  margin-right: 5px;
}  
    
    

    
    
    
    
    
    
    
    
    
      .footer {
    padding-bottom: 80px;
  }
    .footer a.sp-border-none::after {
    border-left: none;
  }
    






}