@charset "utf-8";

*{ position: relative;}


body{
	
	font-family: YakuHanJP,Poppins,"游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif !important;
	

}


body.fixed{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	}

#cssChange{
	position: fixed;
	bottom: 0%;
	left: 0%;
	transform: translate(20px,-100%);
 display: none;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap:2px;
	width: 400px;
	line-height: 1.2;


	color: #fff;
	font-size: 0.6rem;

}


.grecaptcha-badge{
	z-index: 10000;
}

#cssChange div{
	padding: 0.2rem;
	text-align: center;
	cursor: pointer;
	background:rgba(255,0,0,0.2) !important;
}

#cssChange div.active{
	background:rgba(255,0,0,0.5) !important;
}

.debug{
	position: absolute;
	bottom: 0%;
	left: 0%;
	transform: translate(10%,-10%);
	display: none;
	line-height: 1.2;
	padding: 0.2rem;
	background:rgba(255,0,0,0.5) !important;
	color: #fff;
	font-size: 0.6rem;
}


body.mode_default{}

body.mode_img{ background: #999;}
body.mode_img *,
body.mode_img *:after,
body.mode_img *:before{ background: none !important;}

body.mode_img .debug{display: inline-block;background:rgba(255,0,0,0.5) !important;}

body.mode_css img{visibility: hidden !important;}
body.mode_css .debug{ visibility: hidden;}


#main_contents h2.jp700{ font-weight: 600 !important;text-transform:capitalize !important;}

#main_contents.staff #sec02 .img_box, #main_contents.staff #sec03 .img_box {
	width: 345px;
}



.frameBtn{
	
	max-width: 500px;
	width: 100%;
	margin: 0 auto;
	margin-top: 20px ;
	
}


.frameBtn .inBtn{
	
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 0;
	font-size: 30px;
	font-weight: 500;
	margin: 0;
	padding: 20px 80px;
	box-sizing: border-box;
	border: solid 1px #000;
	
}

.frameBtn.green .inBtn{border: solid 1px #00ac97;color:#fff; background: #00ac97;}

.frameBtn .inBtn::after{
	content: '';
	width: 14px;
	height: 14px;
	display: inline-block;
	vertical-align: middle;
	border-right: solid 2px;
	border-top: solid 2px;
	margin-left: 17px;
	margin-top: -8px;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 40px;
}

.frameBtn.green .inBtn::after{border-color:#fff;}

.frameBtn .inBtn span{ display: inline-block; text-indent: -1em;}

.mainCopy h2{
	font-weight: 600;
	font-size: 2.2rem;
	padding-top: 90px;
	margin-bottom: 120px;

}

.mainCopy h2 span{ display: inline-block;	line-height: 1.2 !important; font-weight: 500;}
	   .mainCopy h2 img{ width: auto; height: 36px; margin: auto;}

#pageHead.report {
	height: 320px !important;
	background: url(../images/report/h2.jpg) no-repeat top center;
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	margin-bottom: 0 !important;
}



#main_contents.report .report_bottom .right ul li{
	border-radius: 0px !important;
}

.gra_yellow {
	background:#999 !important;
    filter:none !important;
}

.hukidashi:before {
	border-color: #999 transparent transparent transparent !important;
}

#menu_btn:after{
	background: #999 !important;
	filter: none;
}

.cat_info{background:#999 !important;}

.aside_blog__cat{ font-size: 0.8em;	padding: 0.5em 0.5em 0.3em 0.5em;}

#main_contents.blog.single .head .des .date{ margin-right: 5px;}
#main_contents.blog.single .head .des .cat{	padding: 2px 4px 0px 4px;
	color: #FFF;
	font-size: 10px;
	transform: translate(0,-2px);
}

.bg_or{
	background:#999 !important;
	    filter:none !important;
}

#header #logo{ height: 100%;}
#header #logo a{line-height: 1; display:inline-flex; height: 100%; justify-content: center;}
#header #logo a img{ width: auto; height: 100%;}

#footer{ background: #000 !important;}
#footer img{ width: 150px; height: auto;}


#main_contents.blog.single .head .des .cat.news{
	background: #999;
}


#main_contents.blog.single .cont_wrap .bd_box{
	border: #999 5px solid;
}

.blog-template .template_h2 {
    border-bottom: 3px solid #999;
}

.matome-wrap {
    border: 3px solid #999;
}


@media screen and ( min-width: 769px ) {
	.blog-template .template_h2 {
    	border-bottom: 5px solid #999;
	}

	.matome-wrap {
	    border: 5px solid #999;
	}

}



#nav_in{
	background: #999 !important;
}


#main_contents.staff .trainer_box .txt_box .head{
	border-bottom: 1px solid #999;
}

.trouble_table dt{    border-bottom: dashed 3px #999;}

@media (max-width: 640px){
	.trouble_table dt{    border-bottom:0;}

	.trouble_table dd{border-color: #999;}
}


.cat_ligare-blog{ background-color: #46325a !important;}

#main_contents.blog.single .head .des .cat.blog{
	background: #46325a;
}

.txt_color{
	color: #333333  !important;
}


#main_contents.concept #sec02 .episode{
	background: #F3F2F3;
	color: #333333  !important;
}

#main_contents .episode .txt_wrap p{ font-size: 0.9em; line-height: 2;}
#main_contents.concept .layout_concept h3{ margin-bottom: 0.5em;}


.c_or{color: #00ac97 !important}
#main_contents.studio .about_box dt{color: #00ac97 !important}
@media (max-width: 640px){
#main_contents.studio .about_box dd{ margin-bottom: 0.4rem !important}


#main_contents.studio .about_box dd .lh2:not(:last-child){margin-bottom: 1.5rem !important}
#main_contents.studio .about_box dd  .lh2:not(:last-child).fz16{margin-bottom: 0rem !important}

}
.studio_ul li{background: #F3F2F3;}

#main_contents.contact .form_wrap .required span:after{background: #00ac97 !important}

#main_contents.qa dt{color: #00ac97 !important}
#main_contents.qa dt .ttl,
#main_contents.qa dd .icon,
#main_contents.qa .answer{color: #000 !important}


#main_contents.qa dd a{color: #00ac97 !important}

#main_contents.contact .form_wrap dd input{  border: solid 2px #EFEFEF;}
#main_contents.contact .form_wrap dd textarea{ border: 0;}


:-ms-input-placeholder {
   font-family: YakuHanJP,Poppins,"游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif !important;
}

/* ▼Chrome・Safari・Opera用(※1：Edgeでも有効) */
::-webkit-input-placeholder {
	font-family: YakuHanJP,Poppins,"游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif !important;
}

/* ▼Firefox18以前用(※2) */
:-moz-placeholder {
  font-family: YakuHanJP,Poppins,"游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif !important;
}
/* ▼Firefox19以上用(※3) */
::-moz-placeholder {
   font-family: YakuHanJP,Poppins,"游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif !important;
}

/* ▼CSS4標準(予定)の記述 */
::placeholder {
  font-family: YakuHanJP,Poppins,"游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", sans-serif !important;
  
  font-size: 0.95rem;
}

.contact_textarea small{  font-size: 0.8em; transform: translate(0,-10%); display: inline-block;}

.jp600{ font-weight: 600 !important;}
#main_contents.blog .aside_sec dt{ background: #000 !important; padding:0.7em 0.5em 0.5em;}

.movieArea{
	background: #000;
	aspect-ratio: 16 / 9;
}

.movieArea video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.movieArea.onDot::after{
	 content: '';
	 display: block;
	 position: absolute;
	 z-index: 2;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	background-color: rgba(0,0,0,0.5);
	 background-image: radial-gradient(#111 30%, transparent 31%), radial-gradient(#111 30%, transparent 31%);
	 background-size: 4px 4px;
	 background-position: 0 0, 2px 2px;
	  
}


.movieArea .read{
	position: absolute;
	bottom: 3rem;
	left: 3rem;
	font-size: 1.4rem;
	color: #fff;
	z-index: 10;
}

.movieArea .read h3{font-size: 1.1em; margin-bottom: 0; padding-bottom: 0;line-height: 1;}
.movieArea .read h2{ font-size: 2.4em; font-weight: bold;}
.movieArea .read p{font-size: 0.8em;}
.movieArea .read span{font-size: 0.6em; display: inline-block; padding: 0 0.1em;}

.movieArea .tryal{
	position: absolute;
	bottom: 6rem;
	right: 3rem;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	height: 6rem;
	border-radius: 3rem;
	padding: 0 2em;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	background: #00ac97;
	z-index: 10;
}




.movieArea .thumb{
	display: block;
	 position: absolute;
	 z-index: 2;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	background:url(/wp-content/themes/neko_v2/images/home/top_main.jpg) center center no-repeat;
	background-size: cover;
	transition: all 500ms ease-in-out 1500ms;
 }
 
 .movieArea .thumb::after{
	 content: '';
	 display: block;
	  position: absolute;
	  z-index: 3;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	 background:#000;
	 opacity: 0;
	 transition: all 500ms ease-in-out;
 }
 
 
.movieArea .videoTitleWrap{
	position: absolute;
	 z-index: 5;
	 white-space: nowrap;
	 top: 50%;
	 left: 50%;
	 transform: translate(-50%,-50%);
	 opacity: 1;
	 color: #fff;
	 padding: 0;
	 
	 display: grid;
	 grid-template-columns: auto auto;
		grid-gap:20px;
		
		
	 transition: all 500ms ease-in-out 300ms;
}
.movieArea .videoTitle{
	display: inline-block;
	padding: 0.1em 0.2em;
	line-height: 1;
	transform: translate(0%,-20%);
	
	
	-ms-writing-mode: tb-rl;
	  writing-mode: vertical-rl;
	  
	  transition: all 500ms ease-in-out 300ms;
	
}

.movieArea .videoTitle:nth-of-type(1){order: 2;}
.movieArea .videoTitle:nth-of-type(2){order: 1;}

.movieArea .videoTitle h2{font-weight: 500; font-size: 2rem;  line-height: 1.1;}
.movieArea .videoTitle h2 span{ line-height: 1.1; display: inline-block;padding: 0.1em 0em;}

.movieArea .videoTitle::before{
	content: '';
	 display: block;
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 0%;
	 background:#000;
	 opacity: 1;
	 transition: all 200ms ease-in-out 500ms;
}

.movieArea .videoTitle:nth-of-type(1) span{color: #000;}
.movieArea .videoTitle:nth-of-type(1)::before{background:#fff; }

.movieArea .videoTitle h2{
	overflow: hidden;
	  transform: translateY(-100%);
	  transition: transform 200ms ease-in-out 500ms;
  }
  
  .movieArea .videoTitle h2 span {
	  display: inline-block;
	 transform: translateY(100%);
	 transition: transform 200ms ease-in-out 500ms;
	}
	

.movieArea.in .thumb{ opacity: 0;	}
.movieArea.in .thumb::after{ opacity: 1;}





.movieArea .videoTitle.loaded{opacity: 1; transform: translate(0%,0%);}
.movieArea .videoTitle.loaded::before{height: 100%;}

.movieArea .videoTitle.loaded h2{
	  transform: translateY(0%);
  }
  
  .movieArea .videoTitle.loaded h2 span {
	 transform: translateY(0%);
	}
	
	
	
	.movieArea.in .videoTitle{ opacity: 0;}
	
	

@media screen and (min-width: 769px){
	#tri_area ul li a:hover{/* ポイント時のリンク */
		color: #00ac97 !important
	}
}




#pageHead .head_in h1 img,
#pageHead .head_in h2 img{ width: auto; height: 150px; margin: 0 !important;}

.episode_number{}
.episode_number:before{ display: none;}


#main_contents.staff #sec03:after{ display: none;}


.addTitleWrap{ border: solid 0px #c00;}
.addTitleWrap.spacer{ padding-top: 92px;}
.addTitleWrap h2{ margin-bottom: 0 !important;  font-weight: 600 !important;}

.addTitle{margin-bottom: 85px;}


#pageHead.voice{ margin-bottom: 0;}

#main_contents.report #sec01 .left .ttl{ color: #000;}

.bg_black{ background: #000;color: #fff;}
.bg_keycolor{ background: #00ac97;color: #fff;}
.bg_gray{background: #ccc;}


.t_white{ color: #fff;}

#main_contents.report #sec02 .head h4{ display: none;}


#main_contents.report .bold_line span{
	background: linear-gradient(transparent 60%, #00ac97 0%);
}


.c_r {
	color: #00ac97;
}


#main_contents.report .comment_box{
	background: url(../images/report/bg_comment_new.jpg) no-repeat top right !important;
	background-size:205px auto !important;
}
#main_contents.report .comment_box .border_box:after {
	background: #00ac97;
}

#main_contents.report .thumb_wrap:before {
	background: url(../images/report/bg_thumb_new.png) no-repeat center center !important;
	background-size: contain !important;
	content:'';
	width: 111px;
	height: 100%;
	
}


#main_contents.report .bg_wrap .dl_wrap {
	color: #00ac97;
}
#main_contents.report .bg_wrap .dl_wrap dl{	border: 2px solid #00ac97;}


#main_contents.report .report_bottom{	background: #d9d9d9; margin-bottom: 40px;}


#main_contents.report .bg_content{ background: #00ac97;}


#main_contents.course .lesson_list h3{color: #00ac97;}

.bg_or {
background: #00ac97 !important;
color: #fff !important;
}


.bg_or  a{
	color: #fff !important;
}


.arrow_left a::after {
	content: url(../images/common/arrow_left_white.png);
}


img.w50{  width: 50%; height: auto:}


#voice_experience #step_box p{ color: inherit !important;}
#voice_experience #step_box p.step_box__p01, 
#voice_experience #step_box p.step_box__p02{ color: #000 !important;}

#main_contents.course .bg_line_pl:after {

	background: url(../images/course/bg_line-04.jpg) no-repeat;

}


#main_contents.course #sec01{ padding-top: 0 !important;}

#main_contents.pilates .bg{ background: none !important;
	
	padding-top: 0px;
padding-bottom: 100px;
	
}

#main_contents.pilates #sec03{ padding-bottom: 0;}

#main_contents.pilates #sec01::after{ background: none;}
#main_contents.pilates #sec02::after{ background: none;}
#main_contents.pilates #sec03::after{ background: none;}


#main_contents.voice .img_ttl::before,
#main_contents.voice .img_ttl::after{ display: none;}


.voice_box .voice_ttl::after{ background: #00ac97;}


.voice_dl dt{ color: #00ac97;}


.frame_w{ border: solid 1px #fff;}


#main_contents.contact .form_wrap .required span:after{ background: #999 !important;}



:placeholder-shown {
   font-weight: normal; }

/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
   font-weight: normal; }

/* Firefox 18- */
:-moz-placeholder {
   font-weight: normal; opacity: 1; }

/* Firefox 19+ */
::-moz-placeholder {
   font-weight: normal; opacity: 1; }
   
   
   #main_contents.contact .form_wrap dd input,
   #main_contents.contact .form_wrap textarea{ border-radius: 0;}
   
   
   body.blog .layout_thin,
   body.archive.category .layout_thin,
   body.archive.date .layout_thin{width: 90%; max-width: 1200px;}
   
   #main_contents.blog{ width: 90%; max-width: 1200px;
	   
 display: grid;
   grid-template-columns: 1fr 150px;
   grid-gap:60px;
	   
	   
   }
   
   #main_contents.blog > div, 
   #main_contents.blog > article {
	   max-width: none;
	   width: auto;
	   float: none;
   }
   
   #main_contents.blog article{ margin-bottom: 0;}




   
   #main_contents.blog > div .article_wrap{
	   display: grid;
		  grid-template-columns: 1fr 1fr 1fr;
		  grid-gap:30px;
		  margin-bottom: 3rem;
   }
   
   #nav_in ul.sns a img{ width: 40px; height: auto;   }
   
   .article_wrap .article_item{
	   width: inherit;
	   height: 100%;
	   float: none;
	   margin-right: auto;
	   margin-bottom: auto;
   }
   
   .article_wrap .article_item p.thumb{
	   aspect-ratio: 1 / 1;
	   
   }
   
   .article_wrap .article_item p.thumb img{ display: none; }
   
   .article_wrap .article_item .bottom{ height: auto !important;}
   
   #main_contents.blog aside{ float: none; width: auto;}
   
   #main_contents.blog .aside_sec dd a:before{ top: 54%;}
  
  #main_contents.blog .aside_sec dd{ font-size: 0.9em;} 
   #main_contents.blog .aside_sec dd a{ padding: 0.5em;}
   #main_contents.blog .aside_sec dd a:before{ display: none;}
   
   
   #nav_in .link_btn a{ color: #000;}
   
   
   .hukidashi{	padding: 16px 2em; border-radius: 0; background: #000 !important;}
   .hukidashi:before{	border-width: 22px 10px 0 10px; border-color: #000 transparent transparent transparent !important;}
   
   
   
   .trouble_table dt:before{ display: none;}
   
   .trouble_table{ width: auto;}
   .trouble_table dt{ width: 380px; font-weight: normal; border: 0;}
   .trouble_table dd{ width: 260px; padding-left: 20px; font-weight: normal;}
   
   
   .trouble_table dt::after{
	   position: absolute;
	   left: 0;
	   bottom: 0;
	background:url(../images/common/bg_dots.svg) left center repeat-x;
	background-size: 10px auto;
	content: '';
	display: inline-block;
	height: 4px;
	width: 100%;
   }
   
   
   .nakaguro{}
   .nakaguro span{ display: inline-block; transform: translate(-0.1em,0) scale(0.8);}
   
   
   #main_contents.voice .main_img.bg_or{ background: #F3F2F3 !important}
   
  #main_contents.voice  .voice_box .voice_ttl::after{ background: #000 !important}
	 
   
   #tri_area{ background: #ccc !important;}
   .tri_area__p::before, .tri_area__p::after{ display: none;}
   
   .tri_area__p p{ font-weight: normal; font-size: 1.50rem; }
   .tri_area__p img{ width: 310px; margin-top: 10px;}
   
   .tri_area_message{ width: auto; margin-bottom: 60px;}
   .tri_area_message p{ display: inline-block; margin: auto; padding: 10px 60px;}
   
   .flexNowrap{ flex-wrap: wrap;}
   
   
   
   #tri_area ul li a{
	font-size: 15px;
	padding: 20px;
	   font-weight: normal;
	   color: #000 !important;
	   border: 1px solid #000;

   }
   
   #tri_area ul li a span{transform: translate(-1em,0%); display: inline-block;}
   
   #tri_area ul li a::after{
	   content:'';
	   position: absolute;
	top: 50%;
	right: 30px;
	transform: translate(0,-50%) rotate(45deg);
	   content: '';
	   display: inline-block;
	   height: 15px;
	   width: 15px;
	   border-top: solid 1px #000;
	   border-right: solid 1px #000;
   }
   #tri_area ul li a span{

   }
   
   @media screen and (min-width: 769px){
	   #tri_area ul li a:hover{/* ポイント時のリンク */
		   color: #000 !important;
		   background:transparent !important;
		   opacity: 1;
	   }
   }



.staffUnit .jisseki{ margin-bottom: 20px;}
.staffUnit .line_box.bg_or{background: #ccc !important;}


#main_contents.staff #sec02 .img_box .capacity_wrap, #main_contents.staff #sec03 .img_box .capacity_wrap{background-image: none;}


#main_contents.staff #sec02 .img_box .capacity_wrap .fz16, 
#main_contents.staff #sec03 .img_box .capacity_wrap .fz16{ font-size: 12px;}

#main_contents.staff .txt_box .fb{ width: 40px; height: auto;}

.director_image{width: 300px; height: auto;}

img.staffname{ height: 30px; width: auto;}


#step_box .step_ul li dd{ color: #000; text-align: left; font-size: 0.8rem; padding-left: 0; padding-right: 0;
}


.frame_b {
	border: solid 1px #000;
}

.frame_b a{ color: #000 !important; text-indent: -1em;}

.frame_b a::after{
	content:'';
	   position: absolute;
	top: 50%;
	right: 30px;
	transform: translate(0,-50%) rotate(45deg) !important;
	   content: '';
	   display: inline-block;
	   height: 15px;
	   width: 15px;
	   border-top: solid 1px #000;
	   border-right: solid 1px #000;
}

.step_box__p03 a{ font-weight: normal;}

.w500{ font-weight: 500 !important;}
.w600,
.wLight{ font-weight: 600 !important; padding-left: 0 !important; padding-right: 0 !important;vertical-align: initial !important;}

.article_wrap .article_item .des span{ font-size: 10px; margin-left: 3px;	padding: 2px 3px 1px;
	line-height: 1.2;}

#instagram h2 span{ font-weight: 600;}

.unitDoit{padding-top: 60px; margin-bottom: 30px;}

.unitDoit h3{
	text-align: center !important;

		margin-bottom: 20px !important;

		font-size: 34px !important;

		font-weight: 700 !important;
}
.unitDoit ul{
	margin: 0 auto;
	max-width: 930px !important;
	display: grid !important;
	  grid-template-columns: 1fr 1fr 1fr !important;
	  grid-gap:20px !important;
}
.unitDoit ul li{ width: auto !important; min-width: none !important;	max-width: none !important;}
.unitDoit ul li p{ padding: 0 20px !important;}
.unitDoit ul li img{ width: 100%; height: auto; margin: 0 0 10px !important;}
.unitDoit ul li .head{ display: none;}

.unitDoit ul li .list_in{
	background: #FFF;
	padding-bottom: 30px !important;
	height: 100%;
}

.unitDoit ul li .list_in img{ padding-top: 0 !important;}

#main_contents.report .bg_wrap{ background: #F3F2F3 !important}

.frame_black_btn{ min-width: 500px; color: #000 !important; border: solid 2px #000 !important; font-size: 1.5rem;}
.frame_black_btn span{transform: translate(-1em,0%); display: inline-block;}
   
.frame_black_btn::after{
	   content:'';
	   position: absolute;
	top: 50%;
	right: 30px;
	transform: translate(0,-50%) rotate(45deg) !important;
	   content: '';
	   display: inline-block;
	   height: 15px;
	   width: 15px;
	   border-top: solid 1px #000;
	   border-right: solid 1px #000;
   }
   
   
   .bgWhite{ background: #fff !important;}
   
   .blog-template .template_h2{ color: #00ac97;}
   
.sectionUnit{ margin-bottom: 120px !important;}
.sectionUnit_p{ padding-bottom: 120px !important;}
   
   #main_contents.report .img_ttl{ background-image: none;}
   
   
   #main_contents.report .thumb_wrap{	padding: 50px 240px 40px 100px;}
   #main_contents.report .thumb_wrap:before{ left: auto; right: 95px;}
   
   

   
   #tri_area ul li a span{ display: none;}
   
   
   
   
   
   
   #main_contents.qa dd .answer_box{ color: #00ac97 !important;}
   
   
   
   
   #main_contents.staff .line_box:before,
   #main_contents.course .bg_line:after,
   #main_contents.course .bg_line_or:after,
   #main_contents.course .bg_line_br:after,
   #main_contents.course .bg_line_pl:after,
   #main_contents.studio .contents_bg:after{
	   content: "";
	   display: block;
	   width: 100% !important;
	   height: 25px !important;
	   background: #362f3f !important;
	   background: -moz-linear-gradient(left, #362f3f 0%, #ffffff 100%) !important;
	   background: -webkit-linear-gradient(left, #362f3f 0%,#ffffff 100%) !important;
	   background: linear-gradient(to right, #362f3f 0%,#ffffff 100%) !important;
	   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#362f3f', endColorstr='#ffffff',GradientType=1 );
	   opacity: 0.2 !important;
	   
   }
   
   
   
   #main_contents.course #sec01{ background-image: none !important;}
   
   #main_contents.course #sec01 .layout_thin{ text-align: center !important;}
   
   
   
   #main_contents.course .bd h3 .font{  font-weight: normal; font-family: Poppins !important;margin-right: 15px;}
   
   #main_contents.course .bd h3 .font small{ display: inline; line-height: 1;}
   
   
   
   #movieEndWrap{
		  position: absolute;
		  top: 0%;
		  left: 0px;
		  z-index: 200;
			 height: 100%;
			 width: 100%;
   background: url(../images/home/top_intro.jpg) no-repeat center center;
   background-size: cover;
			 pointer-events: none;
			 opacity: 0;
   		  transition: opacity 500ms ease-in-out;
	  }
	  
	  #movieEndWrap.in{ opacity: 1;}
   
   #introWrap{
	   position: absolute;
	   top: 0%;
	   left: 0px;
	   z-index: 100;
		  height: 100%;
		  width: 100%;

		  pointer-events: none;
		  
		  

   }
   
   #introWrap .movieArea{	aspect-ratio:inherit;
	   position: absolute;
		  top: 0%;
		  left: 0px;
			 height: 100%;
			 width: 100%;
			 transition: opacity 1500ms ease-in;
   }
   
   
  #introWrap .thumb{

	  transition: all 500ms ease 500ms;
	   position: absolute;
		 top: 50%;
		 left: 50%;
		 transform: translate(-50%,-50%);
			height: 300px;
			width: 100px;
			background: url(../images/common/kv_copy.svg) no-repeat center center;
			background-size: contain;
   }
   
   #introWrap.in .thumb{ opacity: 1;}
   #introWrap.out .movieArea{ opacity: 0;}
   #introWrap.hide{ opacity: 0;}
   
   .cat_recruit{ background: #00ac97 !important;}
   
   
   .aside_blog__txt__top h3, 
   .aside_blog__txt__top p{margin-right: 5px;}
   
   #main_contents.blog.single #sns{
	   display: flex;
	   margin-top: 30px !important;
	   margin-bottom: 30px !important;
   }
   
   #main_contents.blog.single #sns .shareBtn{ margin-right: 10px;}
   #main_contents.blog.single #sns .shareBtn a{ display: block;width: 40px; height: 40px; }
   #main_contents.blog.single #sns .shareBtn a::before{
	   content:'';
	   display: block;
	   position: absolute;
	   top: 0;
	   left: 0;
	   width: 100%;
	   height: 100%;
	
   }
   #main_contents.blog.single #sns .shareBtn span{ display: none;}
   
   #main_contents.blog.single #sns .facebook a::before{
	   background: url(../images/common/share_mark.svg) no-repeat center center;
	   background-size: 100% 100%;
   }
   #main_contents.blog.single #sns .twitter a::before{
	   background: url(../images/common/twitter_mark.svg) no-repeat center center;
		  background-size: 100% 100%;
   }
   
   
   
   #main_contents.contact .form_wrap .required span:after{ display: inline-block; transform: translate(0,-15%);padding: 2px 3px 0 3px;}
   
   #main_contents.contact .form_wrap .required span.wLight:after{ display: none;}
   
   
  .bannerTrial{
	  display: none;
	  position: fixed;
	  right: 60px;
	  bottom: 60px;

	  transition:  all 300ms ease-out;
	  opacity: 0;
	  z-index: 500;
	  pointer-events: none;

  }
  
  .bannerTrial.in{
		opacity: 1;
		pointer-events: all;

	}
  
  
  .bannerTrial.out{
	  transition:  all 300ms ease-in;
	  opacity: 0 !important;
	  pointer-events: none;
  }
  
  .bannerTrial a{
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  width: 120px;
		height: 120px;
		border-radius: 60px;
		overflow: hidden;
	  background: #00AC97;
	  border: solid 2px #00AC97;
	  color: #fff;
	  font-weight: 800;
	  font-size: 12px;
	  text-align: center;
	transition: all 300ms ease-in-out;
  }
  
  .bannerTrial a:hover{
  	background: #fff;
		color: #00AC97;
	  opacity: 1;
  }
  .bannerTrial a span{ }
   
  .home  .bannerTrial{ display: block;} 
  .page-template-template-contact   .bannerTrial{ display: none;}
   
   
	.btnUnit{
		
		display: flex;
		justify-content: center;
		width: 90%;
		max-width: 800px;
		margin: auto;
		
	}	
	
	.btnUnit.topMargin{padding-top: 1rem;}
	
	.btnUnit.full{
		width: 100% !important;
	}
	
	.btnUnit.count_2{
		justify-content: space-between;
	}
	
	.btnUnit .frameBtn{ width: 48%;margin: 0;}	
	.btnUnit .frameBtn .inBtn{ font-size: 1.2rem;
		
		
		border: 0;
		color: #fff !important;
		background: #00ac97 !important;
		font-weight: 700;
		white-space: nowrap;
		
	}	
	
	.btnUnit .frameBtn.line .inBtn span {text-indent: 0;}	
	.btnUnit .frameBtn.line .inBtn span::before{
		content: '';
		display: inline-block;
		width: 1.5em;
		height: 1.5em;
		background: url(../images/common/icon_line_white.svg) center center no-repeat;
		background-size: contain;
		position: absolute;
		left: -1.8em;
		top: 50%;
		transform: translate(0,-50%);
	}	   
   
   .btnUnit.black .frameBtn .inBtn{
	   	background: #000 !important;
   }
   
   #main_contents.blog.single #back{ width: auto;}
   
   .groupImage{ margin-bottom: 60px; padding-top: 30px;}
   
   
   
   
   

		
		
		.wipeEffect {
		  width: 640px;
		  margin: auto;
		  overflow: hidden;
		  transform: translateX(-100%);

		}
		
		
		.onayamiArea h3{ opacity: 0; transform: translateY(100%);transition: all 800ms cubic-bezier(0.590, 0.445, 0.325, 1.300);}
		
		.onayamiArea.is-in h3,
		.onayamiArea.fadePreo__On h3{transform: translateY(0%); opacity: 1;}
		

		.onayamiArea.is-in .wipeEffect ,
		.onayamiArea .wipeEffect.fadePreo__On {transform: translateX(0);}
		
		.wipeEffect,
		.wipeEffect .trouble_table{transition: transform 1000ms cubic-bezier(0.835, 0.285, 0.190, 1.005);}
		
		.wipeEffect .trouble_table{
			transform: translateX(100%);
			
		}
		
		/* .onayamiArea .wipeEffect:nth-of-type(1) ,
		.onayamiArea .wipeEffect:nth-of-type(1) .trouble_table{ transition-delay: 900ms;}
		.onayamiArea .wipeEffect:nth-of-type(2) ,
		.onayamiArea .wipeEffect:nth-of-type(2) .trouble_table{ transition-delay: 1000ms;}
		.onayamiArea .wipeEffect:nth-of-type(3) ,
		.onayamiArea .wipeEffect:nth-of-type(3) .trouble_table{ transition-delay: 1100ms;}
		.onayamiArea .wipeEffect:nth-of-type(4) ,
		.onayamiArea .wipeEffect:nth-of-type(4) .trouble_table{ transition-delay: 1200ms;}
		.onayamiArea .wipeEffect:nth-of-type(5) ,
		.onayamiArea .wipeEffect:nth-of-type(5) .trouble_table{ transition-delay: 1300ms;}
		.onayamiArea .wipeEffect:nth-of-type(6),
		.onayamiArea .wipeEffect:nth-of-type(6) .trouble_table{ transition-delay: 1400ms;} */

		
		.onayamiArea.is-in .wipeEffect .trouble_table,
		.onayamiArea .wipeEffect.fadePreo__On .trouble_table{ transform: translateX(0);}
		  



#sb_instagram{
	
	max-width: 900px;
	width: 90%% !important;
	
 margin: auto !important;
	
	padding-top: 2rem  !important;
	
}
#sbi_images{
	
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr !important;
	   grid-gap: 20px !important;
	
}

#sb_instagram.sbi_col_4 #sbi_images .sbi_item{ width: auto !important;}

   @media (max-width:640px) {
	   
	   #instmap #instagram #sb_instagram.sbi_width_resp{
		  max-width: 900px;
		  width: 90% !important;
		   margin: auto !important;
	   }
	   #sbi_images{
	   

	   grid-template-columns: 1fr 1fr !important;
		  grid-gap: 3vw !important;
	   
   }
 }  
   @media (max-width:768px) {
	   

	   
	   
	   .bannerTrial{
		   position: absolute;
		   bottom: 3vw;
		   right: 3vw;
		   
		   
	   }
	   
	   .bannerTrial a{
		   transform-origin: right bottom;
			  transform: scale(0.7);

	   }
	   #movieEndWrap{
			
		  background: url(../images/home/top_intro_SP.jpg) no-repeat center center;
		  background-size: cover;

			 }
			 
		
			  
	   #introWrap .thumb{
		   width: 20vw;
		   height: 40vw;

		  }
		  
		  
		  
	   
	   .mainCopy h2{
		   font-size: 1.6rem;
		   padding-top: 30px;
		   margin-bottom: 50px;
		   
	   }
	   .mainCopy h2 span{	line-height: 1.5 !important;}
	   
	   .mainCopy h2 img{ width: auto; height: 16vw;}
	   
	   .movieArea {	   aspect-ratio: 1 / 1; overflow: hidden;}
	   .movieArea video{ width: auto; height: 100vw;aspect-ratio: 16 / 9; left: 50%; transform: translate(-50%,0);}
	   
	   
	   #main_contents.home #sec01 h3{ width: 70vw; padding-left: 0; padding-right: 0;}
	   
	   #main_contents.home #sec01 .trouble_table{width: 70vw; margin-left: auto;  margin-right: auto;}
	   
	   .trouble_table dt,
	   .trouble_table dd{ width: 100%;}
	   .trouble_table dt::after{ display: none;}
	.trouble_table dd{ padding-left: 0; border: 0;}
	.trouble_table dd::after {
		position: absolute;
		left: 0;
		bottom: 0;
	background:url(../images/common/bg_dots.svg) left center repeat-x;
		background-size: 10px auto;
		content: '';
		display: inline-block;
		height: 4px;
		width: 100%;
	}   
	   
	   
	   #main_contents.concept .episode h2.ttl span{ line-height: 1.3 !important;}
	   
	   
	   #main_contents.concept #sec03 .left{
		   
		   
		   width: 70%;
		   margin: 0 auto;
		   margin-bottom: 40px;
		   
	   }
	   
	   
	   #aside{
		   margin-top: 60px !important;
	   }
	   
	   #aside #aside_banner{ margin-bottom: 60px;}
	   
	   .tri_area__p .sp_font_samll{ font-size: 16px;}
	   .tri_area__p img{ width: 60%; height: auto;}
	   .tri_area__p br:last-child{ display: none;}
	   
	   .tri_area_message{ margin-bottom: 30px;}
	   .tri_area_message p{	font-size: 18px;}
	   
	   
	   #tri_area ul li a {
		   font-size: 12px;
		   padding: 10px;
		   text-indent: -1em;

	   }
	   
	   #tri_area ul li a::after {

		   right: 20px;

		   height: 10px;
		   width: 10px;

	   }
	   
	   
	   
	   .frameBtn{
		   max-width: 320px;
		   width: 100%;
		   margin-top: 20px ;
		   margin-bottom: 20px;
		   
	   }
	   
	   
	   .frameBtn .inBtn{
		   
		   font-size: 16px;
		   padding: 20px 10px;

		   
	   }
	   
	   .frameBtn.green .inBtn{}
	   
	   .frameBtn .inBtn::after{
		   width: 10px;
		   height: 10px;
		   border-right: solid 2px;
		   border-top: solid 2px;
		   margin-left: 17px;
		   margin-top: -6px;
		   top: 50%;
		   right: 30px;
	   }
	   
	   .frameBtn.green .inBtn::after{}
	   
	   .frameBtn .inBtn span{  text-indent: -1em;}
	   
	   

	   
	   .addTitleWrap h2,
	   #main_contents.staff #sec01 h2{ font-size: 20px !important;}
	   
	   
	   #main_contents.staff #sec01{ padding-top: 22px !important;}
	   
	   
	   #main_contents.staff #sec02 .img_box, 
	   #main_contents.staff #sec03 .img_box {
		   width: 100%;
	   }
	   
	   .addTitle{ margin-bottom: 25px;}
	   
	   .unitDoit{ padding-top: 0;}
	   .unitDoit ul {
		   max-width: 930px !important;
		   width: 80% !important;
		   display: grid !important;
		   grid-template-columns: 1fr !important;
		   grid-gap: 10px !important;
	   }
	   
	   .unitDoit ul .list_in img{ padding-top: 0 !important; margin-bottom: 10px !important;}
	   
	   
	   #main_contents.report .img_ttl {

		   padding: 0.4em 0.4em 0.4em 0.4em !important;
		   text-align: center !important;
	   }
	   
	  #main_contents.report .img_ttl .fz22{ font-size: 20px;}
	   
	   #main_contents.report .thumb_wrap{	padding: 20px 20px 24% 20px;}
	   
	   
	   
	   #main_contents.report .thumb_wrap:before {
		   left: 50%;
		   right: auto;
		   top: auto;
		   bottom: 10px;
		   width: 80px;
		   height: 60px;
	   }
	   
	   #main_contents.report .comment_box{	background-size: 100px auto !important;}
	   
	   
	   .addTitleWrap.spacer{	padding-top: 22px;}
	   
	   
	   #main_contents.course #sec01{ padding-top: 0;}
	   
	   
	   #main_contents.course #sec02 h2 img, 
	   #main_contents.course #sec03 h2 img, 
	   #main_contents.course #sec04 h2 img{ width: auto !important;}
	   
	   body.page-template-template-report #pageHead{	height: 120px !important;}
	   #pageHead .head_in h1 img, #pageHead .head_in h2 img{
		   height: 53px;
	   }
	   
	   #main_contents.pilates .bg{ padding-bottom: 0 !important;	margin-bottom: 20px !important;}
	   
	  #aside{ margin-top: -80px !important;}

	  
	   #tri_area{ 	margin-bottom: 60px;}
	   
	   
	   #main_contents.voice section#sec01,
	   #main_contents.voice section#sec02{
		   margin-bottom: 120px !important;
	   }
	   
	   .aside_blog__txt__top h3, 
	   .aside_blog__txt__top p{
		   margin-right: 5px !important;
	   }
	   .aside_blog__cat{ padding: 0.5em 0.4em 0.4em 0.2em;}
	   
	   .blog_sp__ct a span{ font-size: 0.8em; text-decoration: underline;}
	   .blog_sp__ct a span:before{ display: none;}
	   
	   .voice_box .voice_ttl{ background: #000 !important;}
	   
	   #main_contents.report .bg_wrap h4{ transform: translate(-0.5%,0)}
	   #main_contents.report .bg_wrap .line_ttl span.line{	padding: 0 30px !important;}
	   #main_contents.report .bg_wrap .line_ttl span.line:before{	left: 0px !important;}
	   
	   #main_contents.report .step_ul_sp li{ margin-bottom: 40px;}
	   #main_contents.report .step_ul_sp li img{ margin-bottom: 10px;}
	   
	   #main_contents.blog {
		   width: 90%;

		   grid-template-columns: 1fr;
		   grid-gap: 60px;
	   }
	   
	   #main_contents.blog > div .article_wrap {
		   grid-template-columns: 1fr 1fr;
		   grid-gap: 20px;
		   
	   }
	   
	   
	   #main_contents.home #sec01{ width: 90%;}
	   
	   
	   #pager .wp-pagenavi a, 
	   #pager .wp-pagenavi span{ margin-bottom: 10px;}
	   
	   
	   
	   .article_item p.cont{ display: none;}
	   
	   

	   .movieArea .videoTitle h2{ font-size: 2rem;}
	   
	   
	   .cat_info{}
	   
	   .aside_blog__cat{ font-size: 10px;	padding: 0.4em 0.4em 0.0em 0.4em; line-height: 1;}
	   
	   .aside_blog__txt h3{ padding-top: 0.5em;}
	   
	   #main_contents.blog.single .head .des .date{ margin-right: 5px;}
	   #main_contents.blog.single .head .des .cat{	padding: 2px 4px 0px 4px;
		   color: #FFF;
		   font-size: 10px;
		   transform: translate(0,-2px);
	   }

#main_contents.blog.single #sns{ }
#main_contents.blog.single #sns .twitter{ margin-right: 0;}
	   
	   
	   
	   .report_wrap{ margin-bottom: 60px;}
	   
	   
	   .btnUnit{
		   width: 80%;
		   flex-wrap: wrap;
		   
	   }	
	   
	   .btnUnit.topMargin{padding-top: 2rem;}
	   
	   .btnUnit .frameBtn{ width: 100%;margin: 0 0 1em 0;}	
	   .btnUnit .frameBtn .inBtn{ font-size: 1.0rem; }	
	   
	   .btnUnit .frameBtn.line .inBtn span{}	
	   .btnUnit .frameBtn.line .inBtn span::before{
	   }	   
	   
	   .groupImage{ margin-bottom: 2rem; padding-top: 1rem;}
		 
		 
		 .wipeEffect{ width: 70vw;}
	   
   }