*{
    margin:0;
    padding:0;
    list-style:none;
}
#heroArea{
    width:100%;
    /*height:0;
    padding-top:42.239583333%;*/
    /*background:url(../../artboard.jpg) no-repeat #f0f;*/
    background-size:100%;
    position:relative;
    overflow:hidden;
    height:42.25vw;
}
#heroArea video{
    width:100%;
    height:auto;
    position:relative;
    z-index:1;
    margin-bottom:-7vw;
    margin-top:-7vw;
}
#heroArea.noLoad video.pc{
    height:56.25vw;

}
#heroArea.noLoad video.sp{
    height:177.777777778vw

}

#topSlider{
    position:absolute;
    left:0;
    top:0;
    margin-top:80px;
    width:100%;
    height:calc(100% - 80px);
    opacity:1;
    overflow:hidden;

}
#main .mv{
    position:relative;
}
#topSlider li{
    position:absolute;
    right:0;
    top:0;
    width:100%;
    height:100%;
    background-size:cover;
    opacity:0;
    overflow:hidden;
    transform-origin:50% 50%;

}
/*#topSlider li:nth-child(1){
    opacity:1;
}*/

@media screen and (max-width:768px){
    #heroArea{
        height:auto;
    }
    #topSlider{
        margin-top:54px;
        height:calc(100% - 54px);
    }
    #Top #wrapper{
        padding-top:0!important;
    }
    body #loader{
        background-size:30vw auto;

    }
    #Top video{
        width:100%;
        height:177.7777777778vw;

    }
    #heroArea video{
        margin-bottom:0;
        margin-top:0;
        height:auto;
    }

}
@media screen and (min-width:769px){
	.sliderBox .box {
		left:0!important;
        margin:0 auto;
	}
}



#topSlider li div{
    background-position:50% 50%;
    background-repeat:repeat;
    background-size:cover;
    width:100%;
    height:100%;
    right:0%;
    top:0;
    position:absolute;
    transform-origin:50% 50%;
}
/* 
    #topSlider li:nth-child(1) div{
        background-image: url(../images/kv/slider/1.jpg);
    }
    #topSlider li:nth-child(2) div{
        background-image: url(../images/kv/slider/2.jpg);
    }
    #topSlider li:nth-child(3) div{
        background-image: url(../images/kv/slider/3.jpg);
    }
    #topSlider li:nth-child(4) div{
        background-image: url(../images/kv/slider/4.jpg);
    }
    #topSlider li:nth-child(5) div{
        background-image: url(../images/kv/slider/5.jpg);
    }
    #topSlider li:nth-child(6) div{
        background-image: url(../images/kv/slider/6.jpg);
    }
    
    
    @media screen and (max-width:768px){
        #topSlider li:nth-child(1) div{
            background-image: url(../images/kv/slider/sp_001.jpg);
        }
        #topSlider li:nth-child(2) div{
            background-image: url(../images/kv/slider/sp_002.jpg);
        }
        #topSlider li:nth-child(3) div{
            background-image: url(../images/kv/slider/sp_003.jpg);
        }
        #topSlider li:nth-child(4) div{
            background-image: url(../images/kv/slider/sp_004.jpg);
        }
        #topSlider li:nth-child(5) div{
            background-image: url(../images/kv/slider/sp_005.jpg);
        }
        #topSlider li:nth-child(6) div{
            background-image: url(../images/kv/slider/sp_006.jpg);
        }
        
    }
    */
    #loader{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
	
	/*▼241205編集▼*/
	
    background:url(../images/common/logo.png) #fff no-repeat center center;
	/*background:url(../images/common/logo_241205.png) #057718 no-repeat center center;*/
	
	/*▲241205編集▲*/
	
    background-size:140px auto;

    z-index:9999999999;
 
}

/*▼241205追加▼*/

/*** 雪玉（共通） ***/
.snows div{
  position: fixed; /*画面固定*/
  top: -250px; /*初期位置*/
  left: 0;
  border-radius: 50%; /*丸型*/
  background: #fff; /*雪の色*/
  opacity: 0.9; /*若干透明に*/
}

/*** 小さい雪玉 ***/
.snows div:nth-child(1){
  width: 10px;
  height: 10px;
  filter: blur(2px); /*ぼかし*/
  /* ±240pxの範囲で影(複製)を作る */
  box-shadow:
    5vw -40px 0 #fff,
    7vw -60px 0 #fff,
    10vw 150px #fff,
    15vw -230px #fff,
    22vw 240px #fff,
    24vw 170px #fff,	
    30vw 120px #fff,
    35vw -180px #fff,
    44vw 240px #fff,
    50vw 0 #fff,
    53vw 0 #fff,
    60vw 180px #fff,
    68vw 40px #fff,
    74vw -130px #fff,
    77vw -180px #fff,
    78vw -210px #fff,	
    81vw -240px #fff,
    88vw 100px #fff,
    91vw 70px #fff,	
    95vw 60px #fff;
    animation: fall 6s linear infinite;/*落下*/
}

/*** 小さい雪玉2 ***/
.snows div:nth-child(2){
  width: 10px;
  height: 10px;
  filter: blur(2px); /*ぼかし*/
  /* ±240pxの範囲で影(複製)を作る */
  box-shadow:
    7vw 220px 0 #fff,
    35vw 20px #fff,
    68vw 100px #fff,
    93vw -190px #fff;
  animation: fall 7.5s linear infinite;/*落下*/
  animation-delay: 3s; /*開始遅延*/
}

/*** 中ぐらいの雪玉 ***/
.snows div:nth-child(3){
  width: 14px;
  height: 14px;
  filter: blur(3px); /*ぼかし*/
  /* ±233pxの範囲で影(複製)を作る */
  box-shadow:
    12vw 5px 0 #fff,
    32vw -100px #fff,
    45vw -180px #fff,
    68vw 40px #fff,
    77vw 65px #fff,
    94vw 230px #fff;
  animation: fall 8s linear infinite; /*落下*/
  animation-delay: 4s; /*開始遅延*/
}

/*** 大きめの雪玉 ***/
.snows div:nth-child(4){
  width: 20px;
  height: 20px;
  filter: blur(8px); /*ぼかし*/
  /* ±222pxの範囲で影(複製)を作る */
  box-shadow:
    40vw -200px #fff,
    80vw 220px #fff;
  animation: fall 5s linear infinite; /*落下*/
  animation-delay: 2s; /*遅延*/
}

.snows div:nth-child(5){
  width: 10px;
  height: 10px;
  filter: blur(2px); /*ぼかし*/
  /* ±240pxの範囲で影(複製)を作る */
  box-shadow:
    8vw 220px 0 #fff,
    42vw 20px #fff,
    60vw 100px #fff,
    84vw -190px #fff;
  animation: fall 5.5s linear infinite;/*落下*/
  animation-delay: 2s; /*開始遅延*/
}

.snows div:nth-child(6){
  width: 22px;
  height: 22px;
  filter: blur(10px); /*ぼかし*/
  /* ±222pxの範囲で影(複製)を作る */
  box-shadow:
    45vw -200px #fff,
    86vw 220px #fff;
  animation: fall 5s linear infinite; /*落下*/
  animation-delay: 1s; /*遅延*/
}



/*** 落下アニメーション ***/
@keyframes fall{
  0%{
    top: -250px;
  }
  100% {
    top: calc(100% + 250px);
  }
}


/*▲241205追加▲*/





#mvKakushi{
    position:absolute;
    left:0%;
    top:0;
    width:100%;
    height:100%;
    background:#000;
    z-index:100;
    display:none;
}
/*
header{
    opacity:0;
    backgrond:#fff;
}
#wrapper{
    padding-top:0!important;
}*/
body#Top .mv .scroll_circle{
    animation:circleAnim 1.2s linear 0s infinite normal  running;
}
@keyframes circleAnim{
    0%{
        top:0;
        opacity:0;
    }
    15%{
        opacity:1;
    }
    85%{
        opacity:1;
    }
    100%{
        top:calc(100% - 6px);
        opacity:0;
    }
}

#Top #Solution span.disTxt::after,#Top #Solution span.disTxt::before{
    display:none;
}

#Top #Solution span.disTxt{
    padding:0;
    margin:0;
    font-weight:inherit;
    font-size:inherit;
    color:inherit;
    opacity:0;
    position:relative;
    left:0;
    top:0;
}


/****************▼ クリスマス専用ローダー（Merry Christmas アニメ用） ****************/
#loader_christmas {
  position: fixed;
  inset: 0;
  background: #000;
  z-index: 99999; 
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: opacity 1s ease;
}



  /* ▼ SVG を画面中央に配置 */
  .center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
  }

  /* ▼ 背景画像（最初は透明） */
  #fadebg {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    background-image: url('../images/common/merrychrstmas.png');
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 2.5s ease;
    z-index: 1;
  }

  /* ▼ 雪を降らせるエリア（body でも可）*/
  #snowArea {
    position: fixed;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    pointer-events: none;
  }

  /* ▼ SVG 手書きアニメ */
  /* ▼ SVG 手書きアニメ */
  text {
    font-family: 'Sacramento', cursive;
    font-size: 60px;
    fill: none;
    stroke: #fce9b6;
    stroke-width: 1;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 2000;
    stroke-dashoffset: 2000;
    animation: write 1.5s ease forwards;
  }

  @keyframes write {
    to { stroke-dashoffset: 0; }
  }
  
  /* ▼ ロゴは最初は透明で中央に配置 */
#logoWrap {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 2.5s ease;
  z-index: 20;
}

#companyLogo {
  width: 200px;   /* お好みで調整 */
}