@charset "UTF-8";

main.toppage{
	max-width: 750px;
    width: 100%;
    margin: 0 auto;
}
img{
	width: 100%;
}
/*animation*/
@-webkit-keyframes fukidashi_animation {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  20% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  30% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  40% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  50% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
@keyframes fukidashi_animation {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  10% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  20% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  30% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
  40% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }
  50% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}
.fukidashiAnimation {
  -webkit-animation: 5s fukidashi_animation steps(1, start) infinite;
  animation: 5s fukidashi_animation steps(1, start) infinite;
}

.fukidashiAnimation--delay {
  -webkit-animation: 5s fukidashi_animation 2s steps(1, start) infinite;
  animation: 5s fukidashi_animation 2s steps(1, start) infinite;
}

/*/animatioin*/

/*	cv botton*/
	.shiny-btn1 {
    display: block;
    position: relative;
    padding:  0;
    margin: 0 auto;
    background-color: transparent;
    box-shadow: none;
    border-radius: 5px;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    overflow: hidden;
    max-width: 447px;
}
.shiny-btn1:hover {
    text-decoration: none;
    color: #fff;
}
.shiny-btn1::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 2s ease-in-out infinite;
}
@-webkit-keyframes shiny-btn1 {
    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; }
}
	/*	/cv botton*/


.wrapper{
  /* width:100%; */
  /* height:100vh; */
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  z-index: 100;
  /* width: 100%; */
  top: 2%;
  left: 64%;
}
.wrapper .col{
  width: 40%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.wrapper .col:last-child{
  /* background-color:#111; */
}
.scroll-down-box{
  display:block;
  position:relative;
  text-decoration:none;
}
.scroll-down-box svg{
  fill:#111;
}
.scroll-down-box.alt svg{
  fill:#fff;
}
.scroll-down-box .scroll-text{
  width: 78px;
  height:auto;
  -webkit-animation: rotation 10s infinite linear;
  animation: rotation 10s infinite linear;
}
.scroll-down-box.alt .scroll-text{
  -webkit-animation: none;
  animation: none;
}
.scroll-down-box.alt:hover .scroll-text{
  -webkit-animation: rotation 10s infinite linear;
  animation: rotation 10s infinite linear;
}
.scroll-down-box .scroll-icon{
  width:25px;
  height:auto;
  position:absolute;
  top:50%;
  left:50%;
  -ms-transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  -webkit-transition:all 0.2s ease-in;
  transition:all 0.2s ease-in;
}
.scroll-down-box.alt .scroll-icon{
  width:35px;
}
.scroll-down-box:hover .scroll-icon{
  -webkit-animation: move 1s infinite linear;
  animation: move 1s infinite linear;
}
.scroll-down-box.alt:hover .scroll-icon{
  -webkit-animation: none;
  animation: none;
}

@keyframes rotation {
    from {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
    to {-webkit-transform: rotate(359deg); transform: rotate(359deg);}
}
@-webkit-keyframes rotation {
    from {-webkit-transform: rotate(0deg); transform: rotate(0deg);}
    to {-webkit-transform: rotate(359deg); transform: rotate(359deg);}
}

@keyframes move {
    0% {-ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
    25% {-ms-transform: translate(-50%,-35%); -webkit-transform: translate(-50%,-35%); transform: translate(-50%,-35%);}
    50% {-ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
    75% {-ms-transform: translate(-50%,-65%); -webkit-transform: translate(-50%,-65%); transform: translate(-50%,-65%);}
    100% {-ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
}
@-webkit-keyframes move {
    0% {-ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
    25% {-ms-transform: translate(-50%,-40%); -webkit-transform: translate(-50%,-40%); transform: translate(-50%,-40%);}
    50% {-ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
    75% {-ms-transform: translate(-50%,-60%); -webkit-transform: translate(-50%,-60%); transform: translate(-50%,-60%);}
    100% {-ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
}
.footernavibox {
  background-color: #EFEFEF;
  width: 100%;
  padding: 0;
  position: fixed;
  bottom: 0;
  left: 0;
  z-index: 8;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  max-width: 750px;
  margin: 0 auto;
  left: 50%;
  transform: translateX(-50%);
  }
.footernavibox.active {
  opacity: 1;
  visibility: visible; }

.footernavi {
  font-size: 0;
  display: flex;
  }

.footernavi_child {
  display: inline-block;
  position: relative;
  text-align: center;
  filter: drop-shadow(2px -2px 2px rgba(0, 0, 0, 0.3));
  border-right: 1px #fff solid;
  width: 100%;
  background: linear-gradient( 90deg , #ba3f84, #ffc8d4);
  }
  .footernavi_child:last-child {
    border-right: none;
    }
  .footernavi_child a {
    color: #FFF;
    display: block;
    padding: 0.4rem 0 0.4rem;
    text-decoration: none;
    }

.footernavi_child.col--2 {
  background: linear-gradient(-56deg, #4f6ed8 0%, #d02289 47%, #f26939 81%, #ffdd83 100%); }
  .footernavi_child.col--2 a {
    color: #fff; }

.footernavi_img {
  position: absolute;
  bottom: 0;
  left: 5%;
  width: 22%;
  /*animation*/
@-webkit-keyframes fukidashi_animation {
  0% {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  }
  10% {
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
  }
  20% {
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
  }
  30% {
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
  }
  40% {
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
  }
  50% {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  }
  100% {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  }
}
@keyframes fukidashi_animation {
  0% {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  }
  10% {
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
  }
  20% {
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
  }
  30% {
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
  }
  40% {
  -webkit-transform: rotate(5deg);
  transform: rotate(5deg);
  }
  50% {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  }
  100% {
  -webkit-transform: rotate(0);
  transform: rotate(0);
  }
}
.fukidashiAnimation {
  -webkit-animation: 5s fukidashi_animation steps(1, start) infinite;
  animation: 5s fukidashi_animation steps(1, start) infinite;
}

.fukidashiAnimation--delay {
  -webkit-animation: 5s fukidashi_animation 2s steps(1, start) infinite;
  animation: 5s fukidashi_animation 2s steps(1, start) infinite;
}

/*/animatioin*/;
  animation: 2s fukidashi_animation 5s steps(1, start) infinite;
  }
.footernavi_img.handle {
  
  width: 12%;
  }
.footernavi_img.takuzyo {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 28%;
  }

.footernavi_child .footernavi--eng,
.footernavi_child .footernavi--jap {
  display: block;
  }

.footernavi_child .footernavi--eng {
  font-size: 1rem;
  color: white !important;
  }

.footernavi_child .footernavi--jap {
  font-size: 25px;
  font-weight: 600;
  letter-spacing: 0.2em;
  color: white !important;
  margin-left: 18px;
  }

.footernavi_child.col--2 i {
  display: block;
  font-size: 1.8rem;
 }
.artist{
	position: absolute;
	top: 11%;
	left: 0%;
}
.artist.huruta{
	top: 43%;
}
.artist.hukumitu{
	top: 73%;
}
.artist img{
	
}
.artist ul{
	display: flex;
	overflow-x: auto;
	gap: 1rem;
	width: 88%;
	margin: 0 auto;
	scroll-snap-type: x mandatory;
	flex-wrap: nowrap;
	position: relative;
	top: 34%;
}
.artist.huruta ul{
	/* top: 31%; */
}
.artist.hukumitu ul{
	top: 19%;
}
.artist ul li{
	/* margin-top: 10.6666666667vw; */
	flex: 0 0 65%;
	aspect-ratio: 16/10;
	scroll-snap-align: start;
}
.youtube{
	position: relative;
}
.youtube .frame{
	position: absolute;
	bottom: 5%;
	width: 91%;
	margin: 0 auto;
	left: 50%;
	transform: translateX(-50%);
}
.map{
	position: relative;
}
.map .googlemap{
		position: absolute;
		bottom: 21%;
		left: 50%;
		transform: translateX(-50%);
		/* width: 87%; */
}
.map.kitakyushu .googlemap{
		bottom: 25%;
}
.map.kumamoto .googlemap{
		bottom: 25%;
}
.map.kurume .googlemap{
		bottom: 26%;
}
.map.mumu .googlemap{
		top: 34%;
}
.contact_form{
	padding-bottom: 200px;
    background: white;
}
.sub_contents{
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	line-height: 1.5;
}
/*form*/


 input.hi,select.hi {
    border: 1px solid #e91e63 !important;
    box-sizing: border-box;
    width: 100%;
    height: 50px;
    font-size: 19px;
}
input,select{
    width: 100%;
    height: 40px;
    font-size: 16px;
    margin: 0 auto;
    background: #fff;
/* -webkit-appearance: none; */}
textarea{
    width: 100%;
    font-size: 16px;
    margin: 0 auto;
    box-sizing: border-box;
}

.wpcf7-form-control.has-spinner.wpcf7-submit {
    margin: 0 auto;
    display: block;
    width: 100% !important;
    background: #00B900 !important;
    color: white !important;
    border: none;
    cursor: pointer;
    height: 40px !important;
    line-height: 40px;
}
.wpcf7-form-control.has-spinner.wpcf7-submit{
  display       : inline-block;
  border-radius : 5%;
  font-size     : 18pt;
  text-align    : center;
  cursor        : pointer;
  padding       : 12px 12px;
  background    : #000066;
  color         : #ffffff;
  -webkit-appearance: none;
  line-height   : 1em;
  transition    : .3s;
  box-shadow    : 6px 6px 3px #666666;
  width: 90% !important;
  margin: 0 auto;
  display: block;
}
.wpcf7-form-control.has-spinner.wpcf7-submit:hover {
  box-shadow    : none;        
  color         : #000066;     
  background    : #ffffff;     
}

input.form-control {
    color: #333;
}
textarea.form-control {
    color: #333;
}
.hissu{color: #fff　 !important;padding: 0.2 rem 0.5 rem;font-size: .8rem;border-radius: 0.2 rem;margin-left: 1 rem;vertical-align: text-bottom;background: #e91e63;padding: 3px 8px;display: inline-block;margin-left: 10px;color: white !important;}
.ninni{color: #fff;padding: 0.2 rem 0.5 rem;font-size: .8rem;border-radius: 0.2 rem;margin-left: 1 rem;vertical-align: text-bottom;background: #7c797a;padding: 1px 8px;display: inline-block;margin-left: 10px;color: white !important;}


.form_label{
	width: 90%;
	margin: 0 auto;
	display: block;
	margin-bottom: 25px;
}
textarea{
	width: 100%;
	margin: 0 auto;
	display: block;
	padding: 15px;
	border: 1px solid;
}
.wpcf7-submit{
	width: 90%;
    margin: 0 auto;
    display: block;
}
.tyukoku{
	color: #e91e63;
}
.wpcf7-date{
	color: #495057 !important;
	width: 100%;
}
/* ベースのチェックボックス */
.wpcf7-list-item input[type=checkbox] {
  display: none;
}
.wpcf7-list-item .wpcf7-list-item-label {
  position: relative;
  padding-left: 25px;
  color: #333 !important;
}
.wpcf7-list-item input[type=checkbox]  + .wpcf7-list-item-label::before {
  position: absolute;
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  /* background: #333; */
  left: -1px;
  top: 0px;
  border: 1px solid #333;
}
.wpcf7-list-item input[type=checkbox]  + .wpcf7-list-item-label::after {
  position: absolute;
  content: '';
  display: block;
  width: 8px;
  height: 12px;
  transform: rotate(45deg) scale(0, 0);
  border-right: 3px solid #e91e63;
  border-bottom: 3px solid #e91e63;
  left: 5px;
  top: -1px;
  transition: .3s;
}
.wpcf7-list-item input[type=checkbox]:checked + .wpcf7-list-item-label::after {
    transform: rotate(45deg) scale(1, 1);
}
.wpcf7-list-item input[type=checkbox]:checked + .wpcf7-list-item-label{
   color: red;
}
.wpcf7-list-item {
    display: block !important;
    margin-bottom: 10px !important;
}
.form-control {
    color: #495057 !important;}
.form_label{
	display: block;
	margin-bottom: 40px;
}
#birthday{
	display: flex;
    align-items: center;
}
/*/ form*/
.cv{
	position: absolute;
	left: 50%;
	top: 26.5%;
	width: 85%;
	transform: translateX(-50%);
}

.cv .cv_button{
	/* position: absolute; */
	bottom: 4%;
	/* width: 85%; */
	left: 50%;
	/* transform: translateX(-50%); */
}
.cv .cv_button.nail{
	bottom: 6%;
}
.cv .cv_button.hair{
	bottom: 7%;
}

.cv .cv_button a{
	
}
.cv .cv_button a img{
	
}
@media screen and (max-width:1280px) {
	
}
@media screen and (max-width:1089px) {

}
@media screen and (max-width:900px) {
	
	
}
/*/携帯*/


/* CSS Document */

@charset "UTF-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;width: 100%;}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
visibility:hidden;
}
.mv{
	position: relative;
}
.fadein {
    opacity: 0.1;
    transform: translate(0, 50px);
    transition: all 500ms;
}
.contact_form{
	/* background: #e8e8e8; */
}
#topvoice.beforeafter .topvoice_inner h2{
	background: none;
}
#topvoice.beforeafter{
	background: none;
}
#topvoice.beforeafter h3 {
    font-size: 30px;
    letter-spacing: 0;
    font-weight: 500;
    line-height: 1.5em;
    margin-bottom: 18px;
}
.fadein.scrollin {
    opacity: 1;
    transform: translate(0, 0);
}
.chikachika{
	color: #fffb00 !important;
    padding: 3px 0;
    background: red;
    font-weight: bold;
	animation: flash 1s linear infinite;
}

@keyframes flash {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
  }
  
  
  100% {
    opacity: 1;
  }
}

  @media only screen and (max-width: 40em) {
    .footerwrap {
      margin: 2rem auto 1rem;
      width: 90%; } }

.footer_sp__telmailbox {
  text-align: center; }
  .footer_sp__telmailbox a {
    display: block;
    padding: .8em;
    background: #EFEFEF;
    border-radius: 3px; }
    .footer_sp__telmailbox a i {
      color: #E5006E; }

.footer_sp__telmailbox.col--6 {
  margin-bottom: 2rem; }


  @media only screen and (max-width: 40em) {
    .footer_sp-schoolname__logo .footer-address {
      font-size: 0.8rem; } }

.sp-footer__jyouhou {
  background: #EFEFEF;
  display: block;
  margin: 0 auto;
  padding: .5rem 1rem;
  width: 50%; }


.clearfix{ display: inline-block; }
* html .clearfix{ height: 1%; }
.clearfix{ display:block; }

/* ---------- 初期 ---------- */
body { letter-spacing: 0; font-family: 'M PLUS Rounded 1c',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;}
img {max-width: 100%;vertical-align: bottom;}
a { text-decoration: none;}
strong { font-weight: bold;}
/* ---------- /共通部分 ---------- */
#jougetyuou { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); margin: auto;}
#kadomaru { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#resbtn { -webkit-appearance: none;}
.ancr { position: relative; transition: 0.5s;}
.anca { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 20; cursor: pointer;}
.ancr:hover { transition: 0.5s; cursor: pointer;}
.re{
	position: relative;
}
.ab{
	position: absolute;
}
.list{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: absolute;
	top: 18%;
	width: 94%;
	/* margin: 0 auto; */
	left: 50%;
	transform: translateX(-50%);
	/* justify-content: space-between; */
	/* width: 79%; */
}
.list li{
	width: 46%;
	margin-bottom: 8%;
}
.list li:nth-child(2n-1){
	margin-right: 4%;
}
.list li:nth-last-child{
	margin-right: 0%;
}

/* PC */
@media screen and (min-width: 1025px) {
	.sponly { display: none !important;}
}
/*タブレット*/
@media (max-width:1024px) and (min-width:751px) { 
	.sponly { display: none !important;}
}
/*スマホ*/
@media (max-width:751px){ 
	.sponly { display: block !important;}
	.box1{
		top: 11%;
		width: 59%;
		right: 10%;
	}
	.box2{
		top: 40%;
		left: 10%;
		width: 59%;
	}
	.box3{
		bottom: 4%;
		width: 59%;
		right: 10%;
	}
	.animation001{
		top: 6%;
    left: 6%;
    width: 55%;
	}
	.animation002{
		bottom: 3%;
    right: 5%;
    width: 71%;
	}
	.animation003{
		top: 6%;
		right: 5%;
		width: 18%;
	}
	.animation004{
		top: 5%;
		width: 73%;
		left: 50%;
		transform: translateX(-50%) !important;
	}
	.animation005{
		bottom: 4%;
		right: 6%;
		width: 65%;
	}
	.animation006{
		
	}
	.animation007{
		transition-delay: .2s !important;
	}
	.animation008{
		transition-delay: .4s !important;
	}
	.animation009{
		transition-delay: .6s !important;
	}
	.animation010{
		transition-delay: .2s !important;
	}
	.animation011{
		transition-delay: .4s !important;
	}
	.animation012{
		margin-right: 0% !important;
		transition-delay: .6s !important;
	}
	.animation013{
		
	}
	.animation014{
		top: 15px;
		position: relative;
		transition-delay: .4s !important;
	}
	.animation015{
		
	}
	.animation016{
		top: 15px;
		position: relative;
		transition-delay: .4s !important;
	}
	.animation017{
		
	}
	.animation018{
		top: 15px;
		position: relative;
		transition-delay: .4s !important;
	}
	.animation019{
		top: 4.5%;
		left: 50%;
		width: 79%;
		transform: translateX(-50%) !important;
	}
	.animation020{
		
	}
	.animation021{
		
	}
	.animation022{
		
	}
	.animation023{
		top: 17%;
		left: 50%;
		width: 88%;
		transform: translateX(-50%) !important;
		width: 73%;
	}
	.animation024{
		top: 22%;
		left: 50%;
		width: 88%;
		width: 73%;
		transform: translateX(-50%) !important;
	}
	.animation025{
		top: 31%;
		left: 50%;
		width: 79%;
		transform: translateX(-50%) !important;
	}
	.animation026{
		
	}
	.animation027{
		
	}
	.animation028{
		
	}
	.animation029{
		top: 44%;
		left: 50%;
		width: 73%;
		transform: translateX(-50%) !important;
	}
	.animation030{
		top: 49%;
		left: 50%;
		width: 73%;
		transform: translateX(-50%) !important;
	}
	.animation031{
		top: 57.5%;
		left: 50%;
		width: 79%;
		transform: translateX(-50%) !important;
	}
	.animation032{
		top: 67%;
		left: 50%;
		width: 79%;
		transform: translateX(-50%) !important;
		width: 73%;
	}
	.animation033{
		top: 70.5%;
		left: 50%;
		width: 79%;
		transform: translateX(-50%) !important;
		width: 73%;
	}
	.animation034{
		top: 79%;
		left: 50%;
		width: 79%;
		transform: translateX(-50%) !important;
	}
	.animation035{
		top: 88.5%;
		left: 50%;
		width: 79%;
		width: 73%;
		transform: translateX(-50%) !important;
	}
	.animation036{
		top: 92.5%;
		left: 50%;
		width: 73%;
		width: 79%;
		transform: translateX(-50%) !important;
		width: 73%;
	}
	.animation037{
		top: 5%;
		left: 50%;
		width: 88%;
		transform: translateX(-50%) !important;
	}
	.animation038{
		left: 0%;
		top: 32%;
		left: 50%;
		width: 88%;
		transform: translateX(-50%) !important;
	}
	.animation039{
		top: 73.3%;
		left: 50%;
		width: 88%;
		transform: translateX(-50%) !important;
	}
	.animation040{
		position: absolute;
		top: 24%;
		left: 50%;
		transform: translateX(-50%) !important;
		width: 88%;
	}
	.animation041{
		position: absolute;
		top: 55%;
		left: 50%;
		transform: translateX(-50%) !important;
		width: 88%;
	}
	.animation042{position: absolute;bottom: 3%;left: 50%;transform: translateX(-50%) !important;width: 88%;}
	
	.animation043{position: absolute;top: 34%;left: 4%;width: 35%;z-index: 1;animation: 2s fukidashi_animation 5s steps(1, start) infinite;}
	
	.animation044{position: absolute;top: 9%;left: 50%;transform: translateX(-50%) !important;width: 88%;}
	
	.animation045{position: absolute;bottom: 3%;right: 10%;width: 35%;z-index: 1;animation: 2s fukidashi_animation 5s steps(1, start) infinite;}
	
	
	.animation046{position: absolute;position: absolute;bottom: 15%;left: 50%;transform: translateX(-50%) !important;width: 88%;}
	.animation047{position: absolute;top: 8%;left: 50%;transform: translateX(-50%) !important;width: 88%;}
	.animation048{position: absolute;top: 31%;left: 50%;transform: translateX(-50%) !important;width: 88%;}
	.animation049{position: absolute;bottom: 25.6%;left: 50%;transform: translateX(-50%) !important;width: 88%;}
	.animation050{position: absolute;bottom: 2.7%;left: 50%;transform: translateX(-50%) !important;width: 88%;}
	.animation051{position: absolute;top: 12%;left: 50%;transform: translateX(-50%) !important;width: 88%;transition-delay: .2s !important;}
	.animation052{position: absolute;top: 32%;left: 50%;transform: translateX(-50%) !important;width: 88%;transition-delay: .4s !important;}
	.animation053{position: absolute;top: 55%;left: 50%;transform: translateX(-50%) !important;width: 88%;transition-delay: .6s !important;}
	.animation054{position: absolute;bottom: 7%;left: 50%;transform: translateX(-50%) !important;width: 88%;transition-delay: .8s !important;}
	.animation055{position: absolute;top: 10%;left: 56%;transform: translateX(-50%) !important;width: 88%;}
	.animation056{position: absolute;top: 22%;left: 50%;transform: translateX(-50%) !important;width: 88%;}
	.animation057{position: absolute;top: 55%;left: 56%;transform: translateX(-50%) !important;width: 76%;}
	.animation058{position: absolute;bottom: 1%;left: 50%;transform: translateX(-50%) !important;width: 88%;}
	
	.course ul.list li{
		width: 29%;
		margin-right: 0;
		/* top: 5%; */
	}
	.course ul.list li:nth-child(1){
		
	}
	.course ul.list li:nth-child(2){
		transition-delay: .2s !important;
	}
	.course ul.list li:nth-child(3){
		transition-delay: .4s !important;
	}
	.course ul.list.total li:nth-child(1){
		
	}
	.course ul.list.total li:nth-child(2){
		transition-delay: .2s !important;
	}
	.course ul.list.total li:nth-child(3){
		transition-delay: .4s !important;
	}
	.course ul.list{
		width: 79%;
		top: 14.4%;
		justify-content: space-between;
	}
	
	.course ul.list.total li{
		width: 29%;
		margin-right: 0;
		/* top: 5%; */
	}
	.course ul.list.total{
		width: 79%;
		top: 41.5%;
	}
	.cv.total{
		top: 53.4%;
	}
	.cv.makeup{
		
	}
	.cv.hair{
		top: 75%;
	}
	.cv.nail{
		top: 96%;
	}
	
	
	
}