* {
  margin: 0;
}
body {
  overflow-x: hidden;
  margin: 0;
}
img {
  width: auto;
  height: auto;
  vertical-align: bottom;
}
.outer {
  overflow-x: unset;
}
.relative {
  position: relative;
}
.shine {
  border: 2px solid transparent;
  position: relative;
  overflow: hidden;
}
.shine::before {
  content: "";
  animation: shine 1.5s cubic-bezier(0.25, 0, 0.25, 1) infinite;
  background-color: #fff;
  width: 140%;
  height: 70%;
  transform: skewX(-45deg);
  bottom: 0;
  left: -160%;
  opacity: 0.5;
  position: absolute;
}
@keyframes shine {
  0% {
    left: -160%;
    opacity: 0;
  }
  70% {
    left: -160%;
    opacity: 0.5;
  }
  71% {
    left: -160%;
    opacity: 1;
  }
  100% {
    left: -20%;
    opacity: 0;
  }
}
.wrap {
  animation: fadein 0.8s forwards;
}
@keyframes fadein {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
.poyoyon {
  animation: poyoyon3 2.5s infinite;
  opacity: 1;
}
@keyframes poyoyon3 {
  0%, 40% {
    transform: skew(0deg, 0deg);
  }
  5% {
    transform: skew(5deg, 5deg);
  }
  10% {
    transform: skew(-4deg, -4deg);
  }
  15% {
    transform: skew(3deg, 3deg);
  }
  20% {
    transform: skew(-2deg, -2deg);
  }
  25% {
    transform: skew(1deg, 1deg);
  }
  30% {
    transform: skew(-0.6deg, -0.6deg);
  }
  35% {
    transform: skew(0.3deg, 0.3deg);
  }
}
.prupru {
  animation-name: puru;
  animation-duration: 2s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
  animation-play-state: running;
  animation-direction: normal;
  animation-delay: 0s;
  position: relative;
  bottom: 0;
  transition: all 100ms;
}
@keyframes puru {
  3% {
    transform: scale(0.93);
  }
  9% {
    transform: scale(1);
  }
  15% {
    transform: scale(0.96);
  }
  19% {
    transform: scale(1);
  }
  23% {
    transform: scale(0.99);
  }
  26% {
    transform: scale(1);
  }
}
.sec03 {
  margin-top: 480px;
}
.sec04 {
  margin-top: 480px;
}
.swiper-button-next, .swiper-button-prev {
  color: #666;
}
.swiper-button-next:after, .swiper-button-prev:after {
  font-size: 18px;
}
.swiper-pagination-bullet-active {
  background: #f05890;
}
.swiper {
  width: min(100%, 750px);
  /*height: 500px;*/
  padding: 50px 50px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.swiper-slide {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: bold;
}
.topbtn {
  margin: 15px 0;
}
.cv01 {
  position: relative;
}
.footer_inner {
  position: absolute;
  width: 33.697%;
  top: 41%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
}
.floating {
  /*width: 1920px;*/
  position: fixed;
  bottom: 0;
  z-index: 10;
}
.floating_inner {
  margin: 0 auto;
  background-color: rgba(0,0,0,0.5);
  display: flex;
  padding: 15px 12px;    
}
.floating_btn_1:nth-child(1){
  padding-right: 12px;        
}  
.btn:hover {
  filter: brightness(130%);
}
.btn {
  transition: filter 0.3s;
}
.pc {
  display: block;
}
.sp {
  display: none;
}
img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.fv_btn {
  position: absolute;
  width: 86%;
  top: 82.5%;
  left: 7%;
}
.fvn_btn {
  position: absolute;
  top: unset;
  bottom: 22%;
  left: 7%;
  width: auto;
}
.movie_01 {
  position: absolute;
  top: 71%;
  width: 90%;
  left: 5%;
}
 .movie_02 {
    position: absolute;
    top: 20%;
    width: 80%;
    left: 10%;
 }
.cv01_btn {
  position: absolute;
  top: unset;
  bottom: 4.7%;
  left: 5%;
  width: 90%;
}
.cv02_btn {
  position: absolute;
  top: unset;
  bottom: 13.8%;
  left: 5%;
  width: 90%;
}
.cv03_btn {
  position: absolute;
  top: unset;
  bottom: 7.35%;
  left: 5%;
  width: 90%;
}
.cv04_btn {
    position: absolute;
    top: unset;
    bottom: 6%;
    left: 5%;
    width: 90%;
}    
.cv05_btn {
  position: absolute;
  top: unset;
  bottom: 85.5%;
  left: 5%;
  width: 90%;
}
.cv06_btn {
  position: absolute;
  top: unset;
  bottom: 53%;
  left: 5%;
  width: 90%;
}
.sec01 {
    margin-top: 600px;
}
.sec07{
	margin-top:30px;        
}
.sec08_2{
	margin-top:480px;        
}
.sec16 {
    margin-top: 30px;
}  
.cv03 {
  margin-top: 480px;
}
.swiper_instagram {
  width: 750px;
  height: 500px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.instagram_slide {
  background: transparent url(../../nocor12/img/202311-02/sec4.webp) repeat top center/cover;
  display: block;
  width: 750px;
  height: min(130.8vw, 981px);
}
/*.sec04 .slick-slider {
  padding: 30px 20px;
}*/
.sec04 .slick-slider{
	padding: 0px;
}
.sec04 .swiper-button-next, .sec04 .swiper-button-prev {
  color: #666;
}
.sec04 .swiper-button-next:after, .sec04 .swiper-button-prev:after {
  font-size: 18px;
}
.sec04 .swiper-pagination-bullet-active {
  background: #f05890;
}
.sec04 .swiper {
  width: min(100%, 500px);
  height: 500px;
  padding: 0px 50px;
  position: absolute;
  left: 10%;
}
.sec04 .swiper-slide {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-weight: bold;
}
.sec04 .swiper-wrapper {
  transition-timing-function: linear;
}
.sec04 .swiper-slide img {
  height: auto;
  width: 100%;
}
.FadeIn {
  opacity: 0;
  transition-duration: 500ms;
  transition-property: opacity, transform;
  transition: 1.5s;
}
.FadeIn02 {
  opacity: 0;
  /*transition-duration: 500ms;*/
  transition-property: opacity, transform;
  transition: .4s ease-out;
}
.FadeUp {
  transform: translate(0, 30px);
}
.FadeUp02 {
  transform: translate(0, 15%);
}
.FadeDown {
  transform: translate(0, -30px);
}
.FadeLeft {
  transform: translate(-30px, 0);
}
.FadeRight {
  transform: translate(30px, 0);
}
.Active {
  opacity: 1;
  transform: translate(0, 0);
}
.sec01_img01 {
    position: absolute;
    bottom: 80%;
    width: 77%;
    left: 11%;
}
.sec01_img02 {
    position: absolute;
    bottom: 32%;
    left: 40%;
    width: 33%;
} 
.sec01_img03 {
    position: absolute;
    bottom: 28%;
    left: 5%;
    width: 33%;
}
.sec01_img04 {
    position: absolute;
    bottom: 16%;
    left: 3%;
    width: 33%;
}
.sec01_img05 {
    position: absolute;
    bottom: 5%;
    left: 21%;
    width: 33%;
}
.sec02_img01 {
    position: absolute;
    bottom: 4%;
    width: 98%;
    left: 1%;
}
.sec03_img01 {
    position: absolute;
    bottom: 36.5%;
    width: 95%;
    left: 50%;
    transform: translateX(-50%);
}
.sec04_img01 {
    position: absolute;
    bottom: -2%;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.sec05_img01 {
    position: absolute;
    bottom: 52%;
    width: 91%;
    left: 50%;
    transform: translateX(-50%);
}
.sec05_img02 {
    position: absolute;
    bottom: 0%;
    width: 100%;
}
.sec06_cv01_btn {
    position: absolute;
    bottom: 37.7%;
    left: 5%;
    width: 90%;
}
.sec06_img01 {
    position: absolute;
    bottom: 49%;
    width: 87%;
    left: 48%;
    transform: translateX(-50%);
}    
.sec06_img02 {
    position: absolute;
    bottom: 11%;
    width: 83%;
    left: 50%;
    transform: translateX(-50%);
}    
.sec06_2_img01 {
    position: absolute;
    bottom: 93.2%;
    width: 81%;
    left: 50%;
    transform: translateX(-50%);
}
.sec06_2_img02 {
    position: absolute;
    bottom: 60%;
    width: 97%;
    left: 50%;
    transform: translateX(-50%);
}
.sec06_2_img03 {
    position: absolute;
    bottom: 53.2%;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.sec06_2_img04 {
    position: absolute;
    bottom: 13.7%;
    width: 92%;
    left: 50%;
    transform: translateX(-50%);
}
.sec06_2_img05 {
    position: absolute;
    bottom: 0.7%;
    width: 95%;
    left: 50%;
    transform: translateX(-50%);
}
.sec06_cta_premiam_cv01_btn {
    position: absolute;
    top: unset;
    bottom: 81%;
    left: 7%;
    width: 86%;
} 
.sec06_cta_premiam_cv02_btn {
    position: absolute;
    top: unset;
    bottom: 31%;
    left: 7%;
    width: 86%;
}
.sec06_cta_value_cv01_btn {
    position: absolute;
    top: unset;
    bottom: 81%;
    left: 7%;
    width: 86%;
} 
.sec06_cta_value_cv02_btn {
    position: absolute;
    top: unset;
    bottom: 30%;
    left: 7%;
    width: 86%;
}    
    
.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin-top:20px;
}
.tab-label {
  white-space: nowrap;
  text-align: center;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  flex: 1;
  transition: filter 0.3s;
}
label[for=tab01-A],label[for=tab02-A],label[for=tab03-A] {
  margin-left: 7px;
}
label[for=tab01-B],label[for=tab02-B],label[for=tab03-B] {
  margin-right: 7px;
}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  opacity: 1;
  transition-duration: 500ms;
  transition-property: opacity, transform;
  transition: 1.5s;
}
.tab-switch {
  display: none;
}  
.tab-label:hover {
    filter: brightness(130%);
}    

.sec07_img01 {
    position: absolute;
    bottom: 73.5%;
	width: 68%;
    left: 8%;
}
.sec07_img02 {
    position: absolute;
    bottom: 58.5%;
	width: 73%;
    left: 8%;
}
.sec07_img03 {
    position: absolute;
    bottom: 35%;
	width: 68%;
    left: 30%;
}
.sec07_img04 {
    position: absolute;
    bottom: 20%;
	width: 68%;
    left: 30%;
}
.sec07_img05 {
    position: absolute;
    bottom: 9%;
    width: 68%;
    left: 17%;
}
.sec08_img01 {
    position: absolute;
    width: 88%;
    left: 5%;
}
.sec08_img02 {
    position: absolute;
    bottom: 36%;
    width: 78%;
    left: 10%;
}
.sec09_img01 {
    position: absolute;
    bottom: 55%;
    width: 98%;
    left: 50%;
    transform: translateX(-50%);
}
.sec09_img02 {
    position: absolute;
    bottom: 2%;
    width: 97%;
    left: 50%;
    transform: translateX(-50%);
}
.sec09_img03 {
    position: absolute;
    bottom: -11%;
    width: 37%;
    left: 31%;
    z-index: 50;
}
.sec11_img01 {
    position: absolute;
    bottom: 64%;
    width: 96%;
    left: 50%;
    transform: translateX(-50%);
}
.sec11_img02 {
    position: absolute;
    bottom: 32.5%;
    width: 86%;
    left: 50%;
    transform: translateX(-50%);
}
.sec11_img03 {
    position: absolute;
    bottom: 1%;
    width: 95%;
    left: 49.5%;
    transform: translateX(-49.5%);
}
.sec12_img01 {
    position: absolute;
    bottom: 78%;
    width: 78%;
    left: 13%;
}
.sec12_img02 {
    position: absolute;
    bottom: 28%;
    width: 91%;
    left: 4.5%;
}
.sec15_img01 {
    position: absolute;
    bottom: 19%;
    width: 100%;
}
.sec16_img01 {
    position: absolute;
    bottom: 60%;
    width: 93%;
    left: 3%;
}
.sec16_img02 {
    position: absolute;
    bottom: 34%;
    width: 92%;
    left: 3%;
}
.sec16_img03 {
    position: absolute;
    bottom: 3%;
    width: 93%;
    left: 3%;
}
 .sec01_2 {
  margin-top: 0;
}
.sec01_2_img01 {
    position: absolute;
    bottom: 73%;
    left: 38%;
    width: 33%;
} 
.sec01_2_img02 {
    position: absolute;
    bottom: 66%;
    left: 65%;
    width: 33%;
}
.sec01_2_img03 {
    position: absolute;
    bottom: 53%;
    left: 65%;
    width: 33%;
}
.sec01_2_img04 {
    position: absolute;
    bottom: 46%;
    left: 37%;
    width: 33%;
}
  .movie_03 {
    position: absolute;
    top: 68%;
    width: 80%;
    left: 10%;
  }
@media all and (min-width: 751px) and (max-width: 1920px) {
  .outer {
    overflow-x: hidden;
    display: flex;
    justify-content: center;
    align-items: flex-start;
  }
  .wrapper {
    max-width: 750px;
    margin: 0 auto;
  }
}
@media all and (min-width: 0px) and (max-width: 750px) {
  .footer_inner {
    position: absolute;
    width: 55.33333%;
    top: 29.08%;
    left: 50%;
    transform: translateX(-50%);
    display: block;
  }
  .floating {
    width: 100%;
    position: fixed;
    bottom: 0;
    z-index: 10;
  }
  .floating_inner {
    margin: 0 auto;
  }
  video {
    width: 100%;
  }
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  .sec03 {
    margin-top: 80%;
  }
  .sec04 {
    margin-top: 60%;
  }
  .border_wrap {
    padding: 10px;
    margin-bottom: 10px;
  }
  .border_wrap span {
    background-color: #ff9;
    font-size: 14px;
    text-align: left;
  }
  .fvn_btn {
    position: absolute;
    top: unset;
    bottom: 21.8%;
    left: 5%;
    width: 90%;
  }
  .movie_01 {
    position: absolute;
    top: 71%;
    width: 94%;
    left: 3%;
  }
  .movie_02 {
    position: absolute;
    top: 20%;
    width: 80%;
    left: 10%;
  }
  .cv01_btn {
    position: absolute;
    top: unset;
    bottom: 4.5%;
    left: 5%;
    width: 90%;
  }
  .cv02_btn {
    position: absolute;
    top: unset;
    bottom: 13.8%;
    left: 5%;
    width: 90%;
  }
  .cv03_btn {
    position: absolute;
    top: unset;
    bottom: 7.35%;
    left: 5%;
    width: 90%;
  }
  .cv04_btn {
    position: absolute;
    top: unset;
    bottom: 6%;
    left: 5%;
    width: 90%;
  }
  .cv05_btn {
    position: absolute;
    top: unset;
    bottom: 85.5%;
    left: 5%;
    width: 90%;
  }
  .cv06_btn {
    position: absolute;
    top: unset;
    bottom: 53%;
    left: 5%;
    width: 90%;
  }
  /*.swiper {
    width: 95%;
    height: auto;
    padding: 0px 7%;
    position: absolute;
    left: 1.7%;
    bottom: 3.5%;
  }*/
  .sec01 {
    margin-top: 67%;
  }
  .sec07 {
    margin-top: 3%;
  }
  .sec08_2 {
    margin-top: 73%;
  }
  .sec02 .swiper {
    width: min(100%, 750px);
    height: auto;
    padding: 0 50px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .sec17 .swiper {
    width: min(80%);
    height: auto;
    padding: 25px 50px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  .cv03 {
    margin-top: 60%;
  }
 .sec01_2 {
  margin-top: 0;
}
.sec01_2_img01 {
    position: absolute;
    bottom: 73%;
    left: 38%;
    width: 33%;
} 
.sec01_2_img02 {
    position: absolute;
    bottom: 66%;
    left: 65%;
    width: 33%;
}
.sec01_2_img03 {
    position: absolute;
    bottom: 53%;
    left: 65%;
    width: 33%;
}
.sec01_2_img04 {
    position: absolute;
    bottom: 46%;
    left: 37%;
    width: 33%;
}
  .movie_03 {
    position: absolute;
    top: 68%;
    width: 80%;
    left: 10%;
  }
}