@font-face {
  font-family: "impact";
  src: url("../font/impact.woff")  format('woff');
}

body{margin: 0px auto;padding:0px;width:auto;background:#FFF;max-width: 2000px;}
ul,li{ padding:0px; margin:0px; list-style:none;}


ul{width:100%;margin:0 auto;}
li{ text-align:center;}

.formtext {
    width: 90%;
    margin: 0 auto;
    padding: 3% 0;
}

.content{
    max-width: 100%;
    overflow:hidden;
    padding: 0;
    position: relative;
    top: 0;
    left: 0;
	right:0;
    width: 100%;
    height: 100%;
	margin:0 auto;
    }
.content2{
    width: 100%;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
    position:relative;
    overflow:hidden;
    }

.co_ab{ position: absolute;}

.lightbox { display: none; }

	
.cl_box{
    margin: 0 auto 1% auto;}
	
.cl_box a{ color:#FFF;}

.sp{ display:none;}


.mfrom {
    width: 100%;
    /* text-align: center; */
    outline: 0;
    border: #231815 2px solid;
    color: #a6a8a8;
    font-size: 1.4vw;
    margin: 0 auto 5% auto;
    padding: 1.5% 3%;
}

.pc{ display:block;}
.sp{ display:none;}

.p0{
	background: #FFE761;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	}
.p0:before{content: "";display: block;padding-top: 8.55%;}
.p0h{
    position: absolute;
}

.p1{
	background: url(../img/001.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center top 0%;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	}
.p1:before{position: relative;content: "";display: block;padding-top: 53.55%; /* 1:1 */z-index: 5;}
.p1::after {
  content: "";
  display: block;
  position: relative;
  z-index: 10;
  padding-top: 28.25%;
  background: linear-gradient(90deg, rgba(255, 140, 46, 1) 0%, rgba(255, 63, 113, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8C2E',endColorstr='#FF3F71' , GradientType=1);
  clip-path: polygon(0 41%, 100% 0, 100% calc(100% - 0%), 0 100%);
}
.p1h{}
	

.p2{background: url(../img/002.jpg) no-repeat;background-size: 100% auto;background-position: center;background-attachment: fixed;position:relative;height: auto;margin: 0 0 0 0;z-index: 5;}
.p2:before{content: "";display: block; /* 1:1 */}
.p2h{}
	
	
.p3{
	background: url(../img/003.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center top;
	background-attachment: fixed;
	position:relative;
	height: auto;
	margin: 0 0 0% 0;
	z-index: 39;
	}
.p3:before{content: "";display: block; /* 1:1 */}
.p3h{}

.p4{
	background: #231918 no-repeat;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0% 0 0 0;
	padding: 0 0 0 0;
	z-index: 38;
	}
.p4:before{content: "";display: block; /* 1:1 */}
.p4h{}



.p5{
	background: url(../img/003.jpg) #D7D0C5 no-repeat;
	background-size: 100% auto;
	background-position: center top;
	background-attachment: fixed;
	position:relative;
	height: auto;
	margin: 0;
	z-index: 37;
	}
.p5:before{content: "";display: block; /* 1:1 */}
.p5h{
}
	

.p6{
	background: #fff no-repeat;
	background-size: cover;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0% 0 0 0;
	z-index: 5;
	}
.p6:before{content: "";display: block; /* 1:1 */}
.p6h{}
	
	
.p7{position:relative;background: url(../img/003.jpg);background-size: 100% auto;background-position: top center;background-attachment: fixed;height: auto;margin: 0% 0 0 0;z-index: 4;}
.p7:before{content: "";display: block; /* 1:1 */}
.p7h{
    background-color: rgba(255,255,255,0.2);
}



.p8{background: url(../img/008.jpg) no-repeat no-repeat;background-size: 100% auto;background-position: top center;background-attachment: fixed;position:relative;height: auto;margin: 0;padding: 0;z-index: 3;}
.p8:before{content: "";display: block; /* 1:1 */}
.p8h{}
	
.p9{background: url(../img/008.jpg) no-repeat;background-size: 100% auto;background-position: top center;background-attachment: fixed;position:relative;height: auto;margin: 0;padding: 0;z-index: 9;clip-path: polygon(0 0%, 100% 0, 100% calc(100% - 6%), 0 100%);padding-bottom: 36.5%;}
.p9:before{content: "";display: block; /* 1:1 */}
.p9h{}
	
.p10{
	background: url(../img/010.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	position:relative;
	height: auto;
	margin: -35.5% 0 0;
	z-index: 10;
	}
.p10:before{content: "";display: block; /* 1:1 */}
.p10h{}

.p11{
	background: url(../img/011.jpg) no-repeat;
	background-size: 100% auto;
	background-position: top center;
	position: relative;
	height: auto;
	margin: 0;
	z-index: 7;
	}
.p11:before{content: "";display: block; /* 1:1 */}
.p11h{}
	
	
	
.p12{
	background: url(../img/008.jpg) no-repeat;
	background-size: 100% auto;
	background-position: top center;
	background-attachment: fixed;
	position:relative;
	height: auto;
	margin: 0;
	z-index: 6;
	}
.p12:before{content: "";display: block; /* 1:1 */}
.p12h{}


.pe1{
    position: relative;
    width: 73.4%;
    margin: 5% auto 1%;
}
.pe2{
    position: relative;
    width: 86.6%;
    margin: 0% auto 1%;
    left: 0.4%;
}

.midashi{
	background: url(../img/midashi.jpg) no-repeat;
	background-size: 100% auto;
	background-position: top center;
	position:relative;
	height: auto;
	margin: 0;
	padding: 0 0 0 0;
	z-index: 10;
	}
.midashi:before{content: "";display: block; /* 1:1 */}
.midashi_h{
    overflow: inherit;
}
.midashi img{width:100%;}

.cl{background: #000;color:#FFF;padding:3% 0;}

.midashi_02{background: url(../img/midashi02.jpg) #FCF9F3 no-repeat;background-position: top center;background-size: 100% auto;position:relative;height: auto;margin: 0% 0 0 0;padding: 0 0 0 0;z-index: 5;}
.midashi_02:before{content: "";display: block; /* 1:1 */}
.midashi_02_h{}

.formbox{background: url(../img/form.jpg) no-repeat;background-position: top center;background-size: 100% auto;position:relative;height: auto;margin: 0% 0 0 0;padding: 0 0 0 0;z-index: 5;}
.formbox:before{content: "";display: block; /* 1:1 */}
.formbox_h{}


.content img,.content2 img{ width:100%;}
.addFriend input{ width:100%;}


.form_box1{position: absolute;top: 39%;width: 58.3%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 1;}
.form_box1 input{
    width: 100%;
    height: 0%;
    text-align: center;
    border-radius: 0;
    outline: 0;
    border: #aaa 1px solid;
    color: #666;
    font-size: 2.2vw;
    margin: 0 auto 3% auto;
    padding: 3% 5%;
}

.main_animation{margin: 0 20%;width: 60% !important;height:auto !important;position: absolute;top: 22%;}
.main_animation canvas,.main_animation #dom_overlay_container{ width:100% !important; height:auto !important;}

.sc1{position: relative;top: 39%;margin:0 auto;left:0;right:0;padding: 0;z-index: 10;}
.sc2{position:absolute;top: 32%;margin:0 auto;left:0;right:0;z-index: 10;}
.sc3{position:absolute;top: 41%;margin:0 auto;left:0;right:0;z-index: 10;}
.loop_css2 {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  width: 126vw;
  overflow: hidden;
  margin-bottom: 3%;
}

.loop_css2 ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  width: 100%;
  margin: 0 0px 0 0px;
  padding: 0;
}

.loop_css2 li {
  display: inline-block;
  width: max-content;
  min-width: auto;
  max-width: initial;
  margin: 0 1%;
  list-style: none;
  text-align: center;
}

.loop_css2 li a {
  display: block;
}

.loop_css2 li img {
  display: block;
  width: 100%;
  height: auto;
}

.loop_css2 li a:hover {
  opacity: .7;
}

.loop_css2 ul:first-child {
  -webkit-animation: loop 50s -25s linear infinite;
  animation: loop 50s -25s linear infinite;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
}

.loop_css2 ul+ul {
  -webkit-animation: loop2 50s linear infinite;
  animation: loop2 50s linear infinite;
}
  
  @-webkit-keyframes loop {
    0% {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
    }
    to {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
    }
  }

  @keyframes loop {
    0% {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
    }
    to {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
    }
  }

  @-webkit-keyframes loop2 {
    0% {
      -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
      transform: translateX(-200%);
    }
    to {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
  }

  @keyframes loop2 {
    0% {
      -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
      transform: translateX(-200%);
    }
    to {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
  }


  .loop_css3 {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100vw;
    overflow: hidden;
    margin-bottom: 0;
  }

  .loop_css3 ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100%;
    margin: 0 0px 0 0px;
    padding: 0;
  }

  .loop_css3 li {
    display: inline-block;
    width: calc(100vw / 2);
    min-width: auto;
    max-width: initial;
    margin: 0 1% 0 1%;
    list-style: none;
    text-align: center;
  }

  .loop_css3 li a {
    display: block;
  }

  .loop_css3 li img {
    display: block;
    width: 100%;
    height: auto;
  }

  .loop_css3 li a:hover {
    opacity: .7;
  }

  .loop_css3 ul:first-child {
    -webkit-animation: loop3 50s -25s linear infinite;
    animation: loop3 50s -25s linear infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
  }

  .loop_css3 ul + ul {
    -webkit-animation: loop4 50s  linear infinite;
    animation: loop4 50s linear infinite;
  }
  

  @-webkit-keyframes loop3 {
    0% {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
    }
    to {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }

  @keyframes loop3 {
    0% {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
    }
    to {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }

  @-webkit-keyframes loop4 {
    0% {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
      transform: translateX(-200%);
    }
  }

  @keyframes loop4 {
    0% {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
      transform: translateX(-200%);
    }
  }

.m1{position: absolute;top: 7%;width: 1.15%;left: 1%;margin: 0 auto;z-index: 7;}
.m2{position: absolute;top: -7.5%;width: 15.80%;left: 4%;margin: 0 auto;z-index: 7;}
.m3{position: absolute;top: 36.5%;width: 15.80%;right: 4%;margin: 0 auto;z-index: 7;}
.m4{position: absolute;top: 7%;width: 1.15%;right: 1%;margin: 0 auto;z-index: 7;}

.Form-Item {
  width: 77.4%;
  display: flex;
  align-items: center;
  margin: 3.2% auto 0;
}
.Form-Item-Input {
  border: 8px solid #EC0859;
  padding-left: 1em;
  padding-right: 1em;
  height: 84px;
  flex: 1;
  width: 100%;
  background: #fff;
  font-size: 22px;
  margin: 0 auto;
  color: #233d43;
  letter-spacing: 0.1em;
}
.Form-Item-Input:focus-visible{ outline: none;}
.Form-Item-Input::placeholder{ color: #c9c8c8;}
.s1{position: relative;top: 0;width: 40.85%;left: 21.8%;margin: 4.3% 0 3.88%;z-index: 1;}
.s2{position: absolute;top: 6%;width: 13.7%;right: 21.7%;margin: 0% 0 0;z-index: 1;}
.s3{position: relative;top: 0;width: 66.6%;left: 0;right: 0;margin: 0% auto 0;z-index: 1;}

.s4-s7{
  position: relative;
  right: 0;
  left: 0;
  top: 0;
  width: 86.6%;
  margin: 4% auto 0%;
  z-index: 3;
}
.s4-s7 ul{
  margin: 0 auto;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.s4-s7 li{width: 49.2%;margin: auto 0;}
.s4-s7 li img{ width:100%;}

.s8{position: relative;top: 10%;width: 67.9%;left: 0;right: 0;margin: 5.0% auto 0;z-index: 1;}

.s9_arrow{
  position: relative;
  right: 0;
  left: 0;
  top: 0;
  width: 58.4%;
  margin: 4.12% auto 0%;
  z-index: 3;
}
.s9_arrow ul{
  margin: 0 auto;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.s9_arrow li{width: 28.2%;margin: auto 0;}
.s9_arrow li img{ width:100%;}

.s10{position: relative;top: 10%;width: 60%;left: 0;right: 0;margin: 5.25% auto 0;z-index: 1;}

.f_bg01{
    position: relative;
    z-index: 4;
    background: url(../img/s_bg.png);
    width: 51.6%;
    margin: 4.75% auto;
    border-radius: 15px;
    padding: 4.1% 0 4.5%;
    display: block;
    box-shadow: 0 4px 11px rgba(79,86,65, 0.3);
}
.pic {position: relative;}
.pic01 {
  background: url(../img/pic01.jpg) no-repeat;
  background-position: top center;
  background-size: 100% auto;
  position: relative;
  overflow: hidden;
}
.pic02 {
  background: url(../img/pic02.jpg) no-repeat;
  background-position: top center;
  background-size: 100% auto;
  position: relative;
  overflow: hidden;
}
.pic03 {
  background: #231918 no-repeat;
  background-position: top center;
  background-size: 100% auto;
  position: relative;
  overflow: hidden;
}

.white_bg01 {
  position: relative;
  z-index: 0;
  background: #fff;
  width: 52.5%;
  margin: 5.1% auto;
  border-radius: 15px;
  padding: 3.0% 0 3.0%;
  display: block;
  box-shadow: 0 5.3631px 10px rgba(126, 127, 125, 0.3);
}

.white_bg02 {
  position: relative;
  z-index: 0;
  background: #fff;
  width: 43.3%;
  margin: 3.2% auto 0;
  border-radius: 22px;
  padding: 1.8% 1.45% 1.45%;
  display: block;
}

.e1{position: absolute;top: 0;width: 50.95%;left: 0;right: 0;margin: 1.2% auto;z-index: 1;}
.e2{position: absolute;top: 3.7%;width: 51.75%;left: 22.3%;margin: 0% 0 0% auto;z-index: 10;}
.e3{position: absolute;top: 3.7%;width: 11.85%;right: 21.1%;margin: 0% auto 0% auto;z-index: 6;}
.e4{position: absolute;top: 19%;width: 100%;left: 0;right: 0;margin: 0% auto 0;z-index: 5;}
.e5{position: absolute;top: 55%;width: 34.3%;left: 22.4%;margin: 0% 0 0% 0;z-index: 16;}
.e6{position: absolute;bottom: 13.4%;width: 34.65%;right: 24.1%;margin: 0% 0 0% 0;z-index: 15;}
.e7{position: absolute;bottom: 3.2%;width: 34.65%;left: 23.96%;margin: 0% 0 0% 0;z-index: 15;}
.e8{position: relative;top: 0;width: 55.85%;right: 0;left: 0;padding: 3.95% 0 4.75%;margin: 0%  auto 0%;z-index: 15;}
.e9{position: relative;top: 0;width: 38.45%;right: 0;left: 0;margin: 5.85% auto 0;z-index: 6;}
.e10{position: relative;width: 85.25%;left: 0%;right: 0%;margin: 0% auto 0%;padding: 0 0;z-index: 10;}
.e11{position: relative;top: 0;width: 41.2%;right: 0;left: 0;margin: 0% auto 0;z-index: 6;}
.e12{position: relative;top: 0;width: 38.05%;right: 0;left: 0;margin: 2.85% auto 0;z-index: 6;}
.e13{position: relative;top: 0;width: 33.15%;right: 0;left: 0;margin: 4.65% auto 4.45%;z-index: 6;}
.e13_5{position: relative;top: 0;width: 90%;right: 0;left: 0;margin: 6% auto;z-index: 6;}
.e14{position: relative;top: 0;width: 51.3%;right: 0;left: 0;padding: 3.7% 0 4.00%;margin: 0%  auto 0%;z-index: 15;}
.e15{position: relative;top: 0;width: 38.0%;left: 26.9%;margin: 6.3% 0 4.5%;z-index: 5;}
.e16{position: relative;top: 0;width: 37.55%;left: 27.5%;margin: 4.2% 0;z-index: 5;}
.e17{position: relative;top: 0;width: 33.95%;left: 27.5%;margin: 0% 0 5.35%;z-index: 5;}
.e18{position: relative;top: 0;width: 50.5%;left: 0;right: 0;margin: 5.85% auto;z-index: 5;}
.e19{position: relative;top: 0;width: 48%;left: 27.1%;margin: 5.85% 0 6.8%;z-index: 5;}
.e20{position: relative;top: 0;width: 42.95%;left: 0;right: 0;margin: 6.8% auto 6.6%;z-index: 5;}
.e21{position: relative;top: 0;width: 25.95%;left: 45%;margin: 2.85% 0 2.8%;z-index: 5;}
.e22{position: absolute;top: 0;width: 21.6%;left: 25.4%;margin: 0% 0 0%;z-index: 5;}
.e23{position: relative;top: 0;width: 31.55%;left: 27.4%;margin: 6.15% 0 0%;z-index: 5;}
.e24{position: relative;top: 0;width: 30.05%;left: 27.6%;margin: 7.4% 0 6.15%;z-index: 5;}
.e25{position: relative;top: 0;width: 40.6%;left: 0;right: 0;margin: 6.35% auto 0%;z-index: 5;}
.e26{position: relative;top: 0;width: 43.05%;left: 0;right: 0;margin: 4.05% auto 5.5%;z-index: 5;}
.e27{position: relative;top: 0;width: 42.75%;left: 27.4%;margin: 6.55% 0 7.9%;z-index: 5;}
.e28{position: relative;top: 0;width: 43.5%;left: 27.35%;margin: 6.5% 0 0%;z-index: 5;}
.e29{position: relative;top: 0;width: 37.9%;left: 0;right: 0;margin: 5.8% auto 0%;z-index: 5;}
.e30{position: relative;top: 0;width: 50.15%;left: 27.1%;margin: 2.65% 0 0%;z-index: 5;}
.e31{position: relative;top: 0;width: 34.6%;left: 0;right: 0;margin: 3.45% auto 0%;z-index: 5;}
.e32{position: relative;top: 0;width: 41.3%;left: 27.35%;margin: 4.3% 0 0%;z-index: 5;}
.e33{position: relative;top: 0;width: 28.4%;left: 0;right: 0;margin: 4.65% auto 0%;z-index: 5;}
.e34{position: relative;top: 0;width: 38.8%;left: 27.35%;margin: 4% 0 8.75%;z-index: 5;}
.e35{position: relative;top: 0;width: 49.85%;right: 0;left: 0;padding: 2.95% 0 2.8%;margin: 0%  auto 0%;z-index: 15;}
.e36{position: relative;top: 0;width: 45.1%;left: 27.5%;margin: 6.4% 0 0%;z-index: 5;}
.e37{position: relative;top: 0;width: 36.85%;left: 0;right: 0;margin: 5% auto 0%;z-index: 5;}
.e38{position: relative;top: 0;width: 36.35%;left: 27.5%;margin: 5.3% 0 8.35%;z-index: 5;}
.e39{position: relative;top: 0;width: 51.7%;left: 0;margin: 6.6% auto 5.8%;z-index: 5;}
.e40{position: relative;top: 0;width: 34.6%;left: 0;margin: 5.95% auto 0%;z-index: 5;}
.e41{position: relative;top: 0;width: 45.75%;left: 0;right: 0;margin: 3.9% auto 0%;z-index: 5;}
.e42{position: relative;top: 0;width: 34.75%;left: 0;right: 0;margin: 4.75% auto 9.3%;z-index: 5;}
.e43{position: relative;top: 0;width: 36.9%;left: 29.3%;margin: 6.95% 0 6.35%;z-index: 5;}
.e44{position: relative;top: 0;width: 33%;left: 45%;margin: 2.9% 0 2.7%;z-index: 5;}
.e44_bg{position: absolute;top: 0;width: 21.6%;left: 25.4%;margin: 0% 0 0%;z-index: 5;}
.e45{position: relative;top: 0;width: 39.9%;left: 29.3%;margin: 6.25% 0 8.9%;z-index: 5;}


.q1 {
  position: relative;
  right: 0;
  left: 0;
  top: 0;
  width: 100%;
  margin: 0% auto 0%;
  z-index: 3;
}

.q1 ul {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: left;
  align-items: center;
}

.q1 li:nth-child(1) {
  width: 10.1%;
  margin: 0 2.4% auto 0;
}

.q1 li img {
  width: 100%;
}

.q2{
  width: 71.1%;
  margin: 0 0 0;
}
.q4{
    width: 85.4%;
}

.e45{position: relative;top: 0;width: 39.75%;left: 29.3%;margin: 6.25% 0 7.25%;z-index: 5;}


.e45_2{position: relative;top: 0;width: 25.2%;left: 0;margin: 3.2% auto;}
.e45_3{position: relative;top: 0;width: 43.35%;left: 0;margin: 3.2% auto 4%;z-index: 5;}


.e46{position: relative;top: 0;width: 82.1%;left: 0;padding: 4.1% 0 0;margin: 0 auto 0%;z-index: 5;}
.e47{position: relative;top: 0;width: 49.35%;left: 27.3%;margin: 6% 0 0%;z-index: 5;}
.e48{position: relative;top: 0;width: 28.6%;left: 0;right: 0;margin: 5.35% auto 0%;z-index: 5;}
.e49{position: relative;top: 0;width: 45.35%;left: 27.3%;margin: 5.95% 0 0%;z-index: 5;}

.blue_box {
  position: relative;
  z-index: 0;
  width: 34.35%;
  margin: 7.1% auto;
  background: #fff;
  border: solid 3.86px #006CC3;
  border-radius: 22px;
  padding: 3.55% 2.72%;
  display: block;
}

.e49_1{position: absolute;top: -7%;width: 7.2%;left: 4%;margin: 0 0 0;z-index: 1;}
.e49_2{position: relative;top: 0;width: 100%;left: 0;z-index: 5;}
.e49_3{position: absolute;bottom: -7%;width: 7.2%;right: 4%;margin: 0 0 0;z-index: 1;}
.e49_4{position: relative;top: 0;width: 44.1%;left: 27.3%;margin: 0% 0 10.3%;z-index: 5;}

.e50{position: relative;top: 4.5%;width: 38.2%;right: 0;left: 0;margin: 0 auto;z-index: 1;}

.e51{position: absolute;top: 0%;width: 43.8%;left: 0%;margin: 0 0 0;z-index: 1;}
.e52{position: relative;top: 0%;width: 35.05%;left: 47.2%;margin: 6% 0 0%;z-index: 5;}
.e53{position: relative;top: 0%;width: 31.75%;left: 22.1%;margin: 5.6% 0 0%;z-index: 5;}
.e54{position: relative;top: 0%;width: 30.4%;left: 22.1%;margin: 3% 0 0%;z-index: 5;}
.e55{position: relative;top: 0%;width: 28.5%;left: 21.6%;margin: 3% 0 0%;z-index: 5;}
.e56{position: relative;top: 0%;width: 27.1%;left: 21.6%;margin: 1% 0 0%;z-index: 5;}
.e57{position: relative;top: 0%;width: 27.95%;left: 22.25%;margin: 1.4% 0 0%;z-index: 5;}
.e58{position: absolute;top: 0%;width: 43.8%;right: 0%;margin: 0 0 0;z-index: 1;}
.e59{position: absolute;top: 0%;width: 43.8%;left: 0%;margin: 0 0 0;z-index: 1;}
.e60{position: relative;top: 0%;width: 27.3%;left: 47.2%;margin: 6.15% 0 0%;z-index: 5;}
.e61{position: relative;top: 0%;width: 31.1%;left: 22.1%;margin: 7% 0 12%;z-index: 5;}
.e62{position: absolute;top: 0%;width: 43.8%;right: 0%;margin: 0 0 0;z-index: 1;}

.pink_bg{
  position: relative;
  z-index: 4;
  background: #FFF5F5;
  width: 100%;
  margin: 0% auto 0%;
  padding: 2% 0 5.75%;
  display: block;
  }

.e63-e64{
  position: relative;
  right: 0;
  left: 0;
  top: 0;
  width: 100%;
  margin: 0% auto 0%;
  z-index: 3;
}
.e63-e64 ul{
  margin: 0 auto;
  padding: 0;
  width: 54.6%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.e63-e64 li{width: 48.72%;margin: auto 0;}
.e63-e64 li img{ width:100%;}
.e64_5{position: relative;top: 0%;width: 40.7%;left: 0;margin: 1.5% auto 0%;z-index: 5;}

.e65{position: absolute;top: 0%;width: 43.8%;left: 0%;margin: 0 0 0;z-index: 1;}
.e66{position: relative;top: 0%;width: 34.1%;left: 47.2%;margin: 6% 0 8%;z-index: 5;}

.e67{position: relative;top: 0%;width: 8.16%;left: 0%;right: 0;margin: 4.65% auto 0%;z-index: 3;}
.e68{position: relative;top: 0%;width: 46.25%;left: 0%;right: 0;margin: 2.7% auto 0%;z-index: 2;}
.e69{position: relative;top: 0%;width: 22%;left: 0%;right: 0;margin: 6.5% auto 0%;z-index: 2;}
.e70{position: relative;top: 0%;width: 38.8%;left: 0%;right: 0;margin: 2.5% auto 0%;z-index: 2;}

.e71{position: relative;top: 0;width: 46.05%;left: 0;right: 0;margin: 2.85% auto 0%;z-index: 7;}
.e72{position: relative;top: 0;width: 31.15%;left: 0;right: 0;margin: 7.45% auto 8%;z-index: 0;}

.mov1{
    border: solid 10px #D9C998;
    width: 50.8%;
    display: block;
    margin: 1.2% auto 7.35%;
    padding: 8px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
}
.youtube{    padding-top: 56.25%;
    position: relative;}
.mov1 iframe{    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;}
	

.floating_btn{position: fixed;bottom: 5%;right: 5%;z-index: 10;width: 10%;}
.floating_btn a{ display:block;}
.floating_btn img{
    width: 100%;
}

.f_menu{
    width: 370px;
    margin: 0.0% auto 0.5% auto;
}
.f_menu ul{
    display: flex;
    justify-content: space-between;
}
.f_menu li{}
.f_menu li a{ color: #FFF;}
.f_menu li a:hover{}


.addFriend{
    width: 68%;
    margin: -1% auto 10% auto;
}

.info_send .addFriend { margin: 5% auto 5% auto;     width: 31.2%;}
input{ width:100%;}
.line_btn img,.line_btn input,.buy_btn img
	{
		animation:
			bounce 2s ease infinite normal 0s none running
		;
		-webkit-animation:
			bounce 2s ease infinite normal 0s none running
		;
		-ms-animation:
			bounce 2s ease infinite normal 0s none running
		;
	}
	@keyframes bounce {
		0%, 100%, 20%, 50%, 80% {
		    transform: scale(1.0);
		}
		40% {
		    transform: scale(1.2);
		}
		60% {
		    transform: scale(1.1);
		}
		
	}
	@-webkit-keyframes bounce {
		0%, 100%, 20%, 50%, 80% {
		    transform: scale(1.0);
		}
		40% {
		    transform: scale(1.2);
		}
		60% {
		    transform: scale(1.1);
		}
	}


.reflection.go {
  height: 100%;
  width: 8%;
  position: absolute;
  top: -56%;
  left: -3%;
  background-color: #fff;
  opacity     :0;
  transform: rotate(45deg);
  animation: reflection 2s ease-in-out ;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflection 2s ease-in-out ;
  -moz-transform: rotate(45deg);
  -moz-animation: reflection 2s ease-in-out ;
  -ms-transform: rotate(45deg);
  -ms-animation: reflection 2s ease-in-out ;
  -o-transform: rotate(45deg);
  -o-animation: reflection 2s ease-in-out ;
}


@keyframes reflection {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-moz-keyframes reflection {
  0% { -moz-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -moz-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -moz-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -moz-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-ms-keyframes reflection {
  0% { -ms-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -ms-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -ms-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -ms-transform: scale(50) rotate(45deg); opacity: 0; }
}
@-o-keyframes reflection {
  0% { -o-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -o-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -o-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -o-transform: scale(50) rotate(45deg); opacity: 0; }
}


@media screen and ( max-width:1048px )
{



}


@media screen and ( max-width:768px )
{
	html{ overflow:auto;}
	body{ margin:0px; padding:0px; width:auto; background:none; overflow:hidden;}
.content{
max-width: 100%;
    }
	



.pc{ display:none;}
.sp{ display:block;}

.mfrom {
    width: 100%;
    /* text-align: center; */
    outline: 0;
    border: #231815 2px solid;
    color: #a6a8a8;
    font-size: 3.4vw;
    margin: 0 auto 5% auto;
    padding: 1.5% 3%;
}




.parallax {
  width: 100%;

	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment:inherit;
	text-align: center;
}

.parallax.bg-01 {
	background-image: url(../img/004sp.jpg);

}

.p0{
	background: #FFE761;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	}
.p0:before{content: "";display: block;padding: 0;}
.p0h{
    position: relative;
}

.p1{
	background: url(../img/001.jpg) no-repeat;
	background-size: 240% auto;
	background-position: center top 0%;
	position:relative;
	height: auto;
	margin: 0 0 0 0;
	}
.p1:before{position: relative;content: "";display: block;padding-top: 113.55%; /* 1:1 */z-index: 5;}
.p1::after {
  content: "";
  display: block;
  position: relative;
  z-index: 10;
  padding-top: 68.25%;
  background: linear-gradient(90deg, rgba(255, 140, 46, 1) 0%, rgba(255, 63, 113, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8C2E',endColorstr='#FF3F71' , GradientType=1);
  clip-path: polygon(0 10%, 100% 0, 100% calc(100% - 0%), 0 100%);
}
.p1h{}
	

.p2{background: url(../img/002.jpg) repeat-y;background-size: 140% auto;background-position: center top;background-attachment: inherit;position:relative;height: auto;margin: 0 0 0 0;z-index: 5;}
.p2:before{content: "";display: block; /* 1:1 */}
.p2h{}
	
	
.p3{
	background: url(../img/003.jpg) repeat-y;
	background-size: 180% auto;
	background-position: center top;
	background-attachment: inherit;
	position:relative;
	height: auto;
	margin: 0 0 0% 0;
	z-index: 39;
	}
.p3:before{content: "";display: block; /* 1:1 */}
.p3h{}

.p4{
	background: #231918 no-repeat;
	background-size: 100% auto;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0% 0 0 0;
	padding: 0 0 0 0;
	z-index: 38;
	}
.p4:before{content: "";display: block; /* 1:1 */}
.p4h{}



.p5{
	background: url(../img/003.jpg) repeat-y;
	background-size: 170% auto;
	background-position: center top;
	background-attachment: inherit;
	position:relative;
	height: auto;
	margin: 0;
	z-index: 37;
	}
.p5:before{content: "";display: block; /* 1:1 */}
.p5h{
}
	

.p6{
	background: #fff no-repeat;
	background-size: cover;
	background-position: center top;
	position:relative;
	height: auto;
	margin: 0% 0 0 0;
	z-index: 5;
	}
.p6:before{content: "";display: block; /* 1:1 */}
.p6h{}
	
	
.p7{position:relative;background: url(../img/003.jpg);background-size: 100% auto;background-position: top center;background-attachment: fixed;height: auto;margin: 0% 0 0 0;z-index: 4;}
.p7:before{content: "";display: block; /* 1:1 */}
.p7h{
    background-color: rgba(255,255,255,0.2);
}



.p8{background: url(../img/008.jpg) repeat-y;background-size: 150% auto;background-position: top center;background-attachment: inherit;position:relative;height: auto;margin: 0;padding: 0;z-index: 3;}
.p8:before{content: "";display: block; /* 1:1 */}
.p8h{}
	
.p9{background: url(../img/008.jpg) repeat-y;background-size: 170% auto;background-position: top center;background-attachment: inherit;position:relative;height: auto;margin: 0;padding: 0;z-index: 9;clip-path: polygon(0 0%, 100% 0, 100% calc(100% - 2%), 0 100%);padding-bottom: 36.5%;}
.p9:before{content: "";display: block; /* 1:1 */}
.p9h{}
	
.p10{
	background: url(../img/010.jpg) no-repeat;
	background-size: 100% auto;
	background-position: center bottom;
	position:relative;
	height: auto;
	margin: -35.5% 0 0;
	z-index: 10;
	}
.p10:before{content: "";display: block; /* 1:1 */}
.p10h{}

.p11{
	background: url(../img/011.jpg) no-repeat;
	background-size: 100% auto;
	background-position: top center;
	position: relative;
	height: auto;
	margin: 0;
	z-index: 7;
	}
.p11:before{content: "";display: block; /* 1:1 */}
.p11h{}
	
	
	
.p12{
	background: url(../img/008.jpg) repeat-y;
	background-size: 150% auto;
	background-position: top center;
	background-attachment: inherit;
	position:relative;
	height: auto;
	margin: 0;
	z-index: 6;
	}
.p12:before{content: "";display: block; /* 1:1 */}
.p12h{}


.pe1{
    position: relative;
    width: 87%;
    margin: 5% auto 1%;
}
.pe2{
    position: relative;
    width: 87%;
    margin: 0% auto 1%;
    left: 0.4%;
}

.midashi{
	background: url(../img/midashi.jpg) no-repeat;
	background-size: 140% auto;
	background-position: top center;
	position:relative;
	height: auto;
	margin: 0;
	padding: 0 0 0 0;
	z-index: 10;
	}
.midashi:before{content: "";display: block; /* 1:1 */}
.midashi_h{
    overflow: inherit;
}
.midashi img{width:100%;}

.cl{background: #000;color:#FFF;padding:3% 0;}

.midashi_02{background: url(../img/midashi02.jpg) #FCF9F3 no-repeat;background-position: top center;background-size: 148% auto;position:relative;height: auto;margin: 0% 0 0 0;padding: 0 0 0 0;z-index: 5;}
.midashi_02:before{content: "";display: block; /* 1:1 */}
.midashi_02_h{}

.formbox{background: url(../img/form.jpg) repeat-y;background-position: top center;background-size: 220% auto;position:relative;height: auto;margin: 0% 0 0 0;padding: 0 0 0 0;z-index: 5;}
.formbox:before{content: "";display: block; /* 1:1 */}
.formbox_h{}


.content img,.content2 img{ width:100%;}
.addFriend input{ width:100%;}


.form_box1{position: absolute;top: 39%;width: 58.3%;left: 0%;right: 0%;margin: 0% auto 0% auto;z-index: 1;}
.form_box1 input{
    width: 100%;
    height: 0%;
    text-align: center;
    border-radius: 0;
    outline: 0;
    border: #aaa 1px solid;
    color: #666;
    font-size: 2.2vw;
    margin: 0 auto 3% auto;
    padding: 3% 5%;
}

.main_animation{margin: 0 20%;width: 60% !important;height:auto !important;position: absolute;top: 22%;}
.main_animation canvas,.main_animation #dom_overlay_container{ width:100% !important; height:auto !important;}

.sc1{position: relative;top: 39%;margin:0 auto;left:0;right:0;padding: 0;z-index: 10;}
.sc2{position:absolute;top: 32%;margin:0 auto;left:0;right:0;z-index: 10;}
.sc3{position:absolute;top: 41%;margin:0 auto;left:0;right:0;z-index: 10;}
.loop_css2 {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  width: 346vw;
  overflow: hidden;
  margin-bottom: 8%;
}

.loop_css2 ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  width: 100%;
  margin: 0 0px 0 0px;
  padding: 0;
}

.loop_css2 li {
  display: inline-block;
  width: max-content;
  min-width: auto;
  max-width: initial;
  margin: 0 1%;
  list-style: none;
  text-align: center;
}

.loop_css2 li a {
  display: block;
}

.loop_css2 li img {
  display: block;
  width: 100%;
  height: auto;
}

.loop_css2 li a:hover {
  opacity: .7;
}

.loop_css2 ul:first-child {
  -webkit-animation: loop 50s -25s linear infinite;
  animation: loop 50s -25s linear infinite;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
}

.loop_css2 ul+ul {
  -webkit-animation: loop2 50s linear infinite;
  animation: loop2 50s linear infinite;
}
  
  @-webkit-keyframes loop {
    0% {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
    }
    to {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
    }
  }

  @keyframes loop {
    0% {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
    }
    to {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
    }
  }

  @-webkit-keyframes loop2 {
    0% {
      -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
      transform: translateX(-200%);
    }
    to {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
  }

  @keyframes loop2 {
    0% {
      -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
      transform: translateX(-200%);
    }
    to {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
  }


  .loop_css3 {
    position: relative;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100vw;
    overflow: hidden;
    margin-bottom: 0;
  }

  .loop_css3 ul {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row nowrap;
    flex-flow: row nowrap;
    width: 100%;
    margin: 0 0px 0 0px;
    padding: 0;
  }

  .loop_css3 li {
    display: inline-block;
    width: calc(100vw / 2);
    min-width: auto;
    max-width: initial;
    margin: 0 1% 0 1%;
    list-style: none;
    text-align: center;
  }

  .loop_css3 li a {
    display: block;
  }

  .loop_css3 li img {
    display: block;
    width: 100%;
    height: auto;
  }

  .loop_css3 li a:hover {
    opacity: .7;
  }

  .loop_css3 ul:first-child {
    -webkit-animation: loop3 50s -25s linear infinite;
    animation: loop3 50s -25s linear infinite;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
  }

  .loop_css3 ul + ul {
    -webkit-animation: loop4 50s  linear infinite;
    animation: loop4 50s linear infinite;
  }
  

  @-webkit-keyframes loop3 {
    0% {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
    }
    to {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }

  @keyframes loop3 {
    0% {
      -webkit-transform: translateX(100%);
      -ms-transform: translateX(100%);
      transform: translateX(100%);
    }
    to {
      -webkit-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
      transform: translateX(-100%);
    }
  }

  @-webkit-keyframes loop4 {
    0% {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
      transform: translateX(-200%);
    }
  }

  @keyframes loop4 {
    0% {
      -webkit-transform: translateX(0);
      -ms-transform: translateX(0);
      transform: translateX(0);
    }
    to {
      -webkit-transform: translateX(-200%);
      -ms-transform: translateX(-200%);
      transform: translateX(-200%);
    }
  }

.m1{position: absolute;top: 7%;width: 1.6%;left: 1%;margin: 0 auto;z-index: 7;}
.m2{position: absolute;top: -7.5%;width: 15.80%;left: 4%;margin: 0 auto;z-index: 7;}
.m3{position: absolute;top: 54.5%;width: 15.80%;right: 4%;margin: 0 auto;z-index: 7;}
.m4{position: absolute;top: 7%;width: 1.6%;right: 1%;margin: 0 auto;z-index: 7;}

.Form-Item {
  width: 90%;
  display: flex;
  align-items: center;
  margin: 5.2% auto 0;
}
.Form-Item-Input {
  border: 8px solid #EC0859;
  padding-left: 1em;
  padding-right: 1em;
  height: auto;
  padding: 6% 4%;
  flex: 1;
  width: 100%;
  background: #fff;
  font-size: min(4.0vw,22px);
  margin: 0 auto;
  color: #233d43;
  letter-spacing: 0.1em;
}
.Form-Item-Input:focus-visible{ outline: none;}
.Form-Item-Input::placeholder{ color: #c9c8c8;}
.s1{position: relative;top: 0;width: 73.85%;left: 2%;margin: 4.3% 0 3.88%;z-index: 1;}
.s2{position: absolute;top: 6%;width: 20.7%;right: 1.7%;margin: 0% 0 0;z-index: 1;}
.s3{position: relative;top: 0;width: 85.6%;left: 0;right: 0;margin: 3% auto 0;z-index: 1;}

.s4-s7{
  position: relative;
  right: 0;
  left: 0;
  top: 0;
  width: 86.6%;
  margin: 4% auto 0%;
  z-index: 3;
}
.s4-s7 ul{
  margin: 0 auto;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.s4-s7 li{width: 49.2%;margin: auto 0;}
.s4-s7 li img{ width:100%;}

.s8{position: relative;top: 10%;width: 88%;left: 0;right: 0;margin: 5.0% auto 0;z-index: 1;}

.s9_arrow{
  position: relative;
  right: 0;
  left: 0;
  top: 0;
  width: 58.4%;
  margin: 4.12% auto 0%;
  z-index: 3;
}
.s9_arrow ul{
  margin: 0 auto;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
.s9_arrow li{width: 28.2%;margin: auto 0;}
.s9_arrow li img{ width:100%;}

.s10{position: relative;top: 10%;width: 90%;left: 0;right: 0;margin: 5.25% auto 5%;z-index: 1;}

.f_bg01{
    position: relative;
    z-index: 4;
    background: url(../img/s_bg.png);
    width: 94%;
    margin: 8.75% auto;
    border-radius: 15px;
    padding: 4.1% 0 4.5%;
    display: block;
    box-shadow: 0 4px 11px rgba(79,86,65, 0.3);
}
.pic {position: relative;}
.pic01 {
  background: url(../img/pic01.jpg) no-repeat;
  background-position: top center;
  background-size: 142% auto;
  position: relative;
  overflow: hidden;
}
.pic02 {
  background: url(../img/pic02.jpg) no-repeat;
  background-position: top center;
  background-size: 150% auto;
  position: relative;
  overflow: hidden;
}
.pic03 {
  background: #231918 no-repeat;
  background-position: top center;
  background-size: 100% auto;
  position: relative;
  overflow: hidden;
}

.white_bg01 {
  position: relative;
  z-index: 0;
  background: #fff;
  width: 90%;
  margin: 5.1% auto;
  border-radius: 15px;
  padding: 3.0% 0 3.0%;
  display: block;
  box-shadow: 0 5.3631px 10px rgba(126, 127, 125, 0.3);
}

.white_bg02 {
  position: relative;
  z-index: 0;
  background: #fff;
  width: 93%;
  margin: 3.2% auto 0;
  border-radius: 22px;
  padding: 2.8% 2.45% 2.45%;
  display: block;
}

.e1{position: relative;top: 0;width: 90%;left: 0;right: 0;margin: 4.2% auto;z-index: 1;}
.e2{position: absolute;top: 3.7%;width: 93%;left: 3%;margin: 0% 0 0% auto;z-index: 10;}
.e3{position: absolute;top: 3.7%;width: 30%;right: -2.9%;margin: 0% auto 0% auto;z-index: 6;}
.e4{position: absolute;top: 18%;width: 180%;left: 0;right: 0;margin: 0% -50% 0;z-index: 5;}
.e5{position: absolute;top: 45%;width: 90%;left: 3.4%;margin: 0% 0 0% 0;z-index: 16;}
.e6{position: absolute;bottom: 16.4%;width: 74%;right: -0.9%;margin: 0% 0 0% 0;z-index: 15;}
.e7{position: absolute;bottom: 3.2%;width: 73%;left: 1.96%;margin: 0% 0 0% 0;z-index: 15;}
.e8{position: relative;top: 0;width: 90%;right: 0;left: 0;padding: 3.95% 0 4.75%;margin: 0%  auto 0%;z-index: 15;}
.e9{position: relative;top: 0;width: 90%;right: 0;left: 0;margin: 5.85% auto 0;z-index: 6;}
.e10{position: relative;width: 85.25%;left: 0%;right: 0%;margin: 0% auto 0%;padding: 0 0;z-index: 10;}
.e11{position: relative;top: 0;width: 90%;right: 0;left: 0;margin: 0% auto 0;z-index: 6;}
.e12{position: relative;top: 0;width: 90%;right: 0;left: 0;margin: 8.85% auto 0;z-index: 6;}
.e13{position: relative;top: 0;width: 81%;right: 0;left: 0;margin: 6.65% auto 8.45%;z-index: 6;}
.e13_5{position: relative;top: 0;width: 90%;right: 0;left: 0;margin: 6% auto;z-index: 6;}
.e14{position: relative;top: 0;width: 82%;right: 0;left: 0;padding: 3.7% 0 4.00%;margin: 0%  auto 0%;z-index: 15;}
.e15{position: relative;top: 0;width: 92%;left: 3%;margin: 6.3% 0 4.5%;z-index: 5;}
.e16{position: relative;top: 0;width: 79.55%;left: 4.5%;margin: 4.2% 0;z-index: 5;}
.e17{position: relative;top: 0;width: 83.95%;left: 5%;margin: 0% 0 5.35%;z-index: 5;}
.e18{position: relative;top: 0;width: 90%;left: 0;right: 0;margin: 5.85% auto;z-index: 5;}
.e19{position: relative;top: 0;width: 94%;left: 3%;margin: 6.85% 0 6.8%;z-index: 5;}
.e20{position: relative;top: 0;width: 90%;left: 0;right: 0;margin: 8.8% auto 8.6%;z-index: 5;}
.e21{position: relative;top: 0;width: 61.95%;left: 34%;margin: 2.85% 0 2.8%;z-index: 5;}
.e22{position: absolute;top: 0;width: 45.6%;left: 6.4%;margin: 0% 0 0%;z-index: 5;}
.e23{position: relative;top: 0;width: 80.55%;left: 3%;margin: 6.15% 0 0%;z-index: 5;}
.e24{position: relative;top: 0;width: 60.05%;left: 3%;margin: 7.4% 0 6.15%;z-index: 5;}
.e25{position: relative;top: 0;width: 90%;left: 0;right: 0;margin: 6.35% auto 0%;z-index: 5;}
.e26{position: relative;top: 0;width: 90%;left: 0;right: 0;margin: 4.05% auto 5.5%;z-index: 5;}
.e27{position: relative;top: 0;width: 94%;left: 3%;margin: 6.55% 0 7.9%;z-index: 5;}
.e28{position: relative;top: 0;width: 94%;left: 3%;margin: 6.5% 0 0%;z-index: 5;}
.e29{position: relative;top: 0;width: 90%;left: 0;right: 0;margin: 5.8% auto 0%;z-index: 5;}
.e30{position: relative;top: 0;width: 95%;left: 3%;margin: 2.65% 0 0%;z-index: 5;}
.e31{position: relative;top: 0;width: 90%;left: 0;right: 0;margin: 3.45% auto 0%;z-index: 5;}
.e32{position: relative;top: 0;width: 94.3%;left: 3%;margin: 4.3% 0 0%;z-index: 5;}
.e33{position: relative;top: 0;width: 81%;left: 0;right: 0;margin: 4.65% auto 0%;z-index: 5;}
.e34{position: relative;top: 0;width: 88.8%;left: 3%;margin: 4% 0 8.75%;z-index: 5;}
.e35{position: relative;top: 0;width: 77%;right: 0;left: 0;padding: 2.95% 0 2.8%;margin: 0%  auto 0%;z-index: 15;}
.e36{position: relative;top: 0;width: 94%;left: 3%;margin: 6.4% 0 0%;z-index: 5;}
.e37{position: relative;top: 0;width: 76.85%;left: 0;right: 0;margin: 5% auto 0%;z-index: 5;}
.e38{position: relative;top: 0;width: 88%;left: 3%;margin: 5.3% 0 8.35%;z-index: 5;}
.e39{position: relative;top: 0;width: 90%;left: 0;margin: 6.6% auto 5.8%;z-index: 5;}
.e40{position: relative;top: 0;width: 90%;left: 0;margin: 5.95% auto 0%;z-index: 5;}
.e41{position: relative;top: 0;width: 90%;left: 0;right: 0;margin: 3.9% auto 0%;z-index: 5;}
.e42{position: relative;top: 0;width: 90%;left: 0;right: 0;margin: 4.75% auto 9.3%;z-index: 5;}
.e43{position: relative;top: 0;width: 90%;left: 0;right: 0;margin: 7.95% auto 7.35%;z-index: 5;}
.e44{position: relative;top: 0;width: 63%;left: 32%;margin: 2.9% 0 2.7%;z-index: 5;}
.e44_bg{position: absolute;top: 0;width: 51.6%;left: -0.6%;margin: 0% 0 0%;z-index: 5;}
.e45{position: relative;top: 0;width: 39.9%;left: 29.3%;margin: 6.25% 0 8.9%;z-index: 5;}


.q1 {
  position: relative;
  right: 0;
  left: 0;
  top: 0;
  width: 100%;
  margin: 0% auto 0%;
  z-index: 3;
}

.q1 ul {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  display: flex;
  justify-content: left;
  align-items: center;
}

.q1 li:nth-child(1) {
  width: 10.1%;
  margin: 0 2.4% auto 0;
}

.q1 li img {
  width: 100%;
}

.q2{
  width: 71.1%;
  margin: 0 0 0;
}
.q4{
    width: 85.4%;
}

.e45{position: relative;top: 0;width: 90%;right: 0;left: 0;margin: 9.25% auto 7.25%;z-index: 5;}


.e45_2{position: relative;top: 0;width: 55.2%;left: 0;margin: 6.2% auto;}
.e45_3{position: relative;top: 0;width: 90%;left: 0;margin: 8.2% auto 7%;z-index: 5;}


.e46{position: relative;top: 0;width: 140%;left: 0;padding: 4.1% 0 0;margin: 0 -20% 0%;z-index: 5;}
.e47{position: relative;top: 0;width: 94.35%;left: 3%;margin: 6% 0 0%;z-index: 5;}
.e48{position: relative;top: 0;width: 70%;left: 0;right: 0;margin: 5.35% auto 0%;z-index: 5;}
.e49{position: relative;top: 0;width: 95.0%;left: 3%;margin: 5.95% 0 0%;z-index: 5;}

.blue_box {
  position: relative;
  z-index: 0;
  width: 90%;
  margin: 7.1% auto;
  background: #fff;
  border: solid 3.86px #006CC3;
  border-radius: 22px;
  padding: 7.55% 2.72%;
  display: block;
}

.e49_1{position: absolute;top: -7%;width: 7.2%;left: 4%;margin: 0 0 0;z-index: 1;}
.e49_2{position: relative;top: 0;width: 100%;left: 0;z-index: 5;}
.e49_3{position: absolute;bottom: -7%;width: 7.2%;right: 4%;margin: 0 0 0;z-index: 1;}
.e49_4{position: relative;top: 0;width: 94%;left: 3%;margin: 0% 0 10.3%;z-index: 5;}

.e50{position: relative;top: 4.5%;width: 38.2%;right: 0;left: 0;margin: 0 auto;z-index: 1;}










.e51{position: relative;top: 0%;width: 75%;left: 0%;margin: 7% auto;z-index: 1;}
.e52{position: relative;top: 0%;width: 92%;left: 4%;margin: 6% 0 0%;z-index: 5;}
.e53{position: relative;top: 0%;width: 92%;left: 4%;margin: 6% 0 0%;z-index: 5;}
.e54{position: relative;top: 0%;width: 91%;left: 4.5%;margin: 6% 0 0%;z-index: 5;}

.e55{position: relative;top: 0%;width: 84%;left: 2%;margin: 6% 0 0%;z-index: 5;}
.e56{position: relative;top: 0%;width: 89%;left: 3%;margin: 4% 0 0%;z-index: 5;}
.e57{position: relative;top: 0%;width: 84.95%;left: 2%;margin: 1.4% 0 0%;z-index: 5;}
.e58{position: relative;top: 0%;width: 75%;right: 0%;margin: 8% auto;z-index: 1;}


.e59{position: relative;top: 0%;width: 75%;left: 0%;margin: 7% auto;z-index: 1;}
.e60{position: relative;top: 0%;width: 85%;left: 5%;margin: 7% 0 0%;z-index: 5;}

.e61{position: relative;top: 0%;width: 92%;left: 4%;margin: 9% 0 12%;z-index: 5;}
.e62{position: relative;top: 0%;width: 75%;right: 0%;margin: 8% auto;z-index: 1;}

.pink_bg{
  position: relative;
  z-index: 4;
  background: #FFF5F5;
  width: 100%;
  margin: 0% auto 0%;
  padding: 4% 0 6%;
  display: block;
  }

.e63-e64{
  position: relative;
  right: 0;
  left: 0;
  top: 0;
  width: 100%;
  margin: 0% auto 0%;
  z-index: 3;
}
.e63-e64 ul{
  margin: 0 auto;
  padding: 0;
  width: 95.6%;
  display: inherit;
  justify-content: space-between;
  align-items: center;
}
.e63-e64 li{width: 75.72%;margin: 3% auto;}
.e63-e64 li img{ width:100%;}

.e64_5{position: relative;top: 0%;width: 92.1%;left: 0;margin: 6% auto 0%;z-index: 5;}

.e65{position: relative;top: 0%;width: 75%;left: 0%;margin: 7% auto;z-index: 1;}
.e66{position: relative;top: 0%;width: 92%;left: 4%;margin: 6% 0 8%;z-index: 5;}



.e67{position: relative;top: 0%;width: 38.16%;left: 0%;right: 0;margin: 4.65% auto 0%;z-index: 3;}
.e68{position: relative;top: 0%;width: 90%;left: 0%;right: 0;margin: 2.7% auto 0%;z-index: 2;}
.e69{position: relative;top: 0%;width: 82%;left: 0%;right: 0;margin: 6.5% auto 0%;z-index: 2;}
.e70{position: relative;top: 0%;width: 90%;left: 0%;right: 0;margin: 6.5% auto 0%;z-index: 2;}

.e71{position: relative;top: 0;width: 95%;left: 0;right: 0;margin: 7.85% auto 0%;z-index: 7;}
.e72{position: relative;top: 0;width: 81.15%;left: 0;right: 0;margin: 7.45% auto 8%;z-index: 0;}

.mov1{
    border: solid 10px #D9C998;
    width: 50.8%;
    display: block;
    margin: 1.2% auto 7.35%;
    padding: 8px;
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
}
.youtube{    padding-top: 56.25%;
    position: relative;}
.mov1 iframe{    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;}
	

.floating_btn{position: fixed;bottom: 5%;right: 5%;z-index: 10;width: 10%;}
.floating_btn a{ display:block;}
.floating_btn img{
    width: 100%;
}

.f_menu{
    width: 370px;
    margin: 0.0% auto 0.5% auto;
}
.f_menu ul{
    display: flex;
    justify-content: space-between;
}
.f_menu li{}
.f_menu li a{ color: #FFF;}
.f_menu li a:hover{}

}

@media screen and ( max-width:600px )
{


}

@media screen and ( max-width:425px )
{

}

  
@media screen and ( max-width:414px )
{

}


@media screen and ( max-width:393px )
{

}


@media screen and ( max-width:375px )
{


}

@media screen and ( max-width:360px )
{


}

@media screen and ( max-width:320px )
{


}