@charset "UTF-8";



/* ------------------------------------------

  top

------------------------------------------ */

/* font family
----------------------------------------------------------- */
#mainImg h2,
#companyCont h2,
#serviceCont h2,
#companyCont li span.goal,
.wowdBlock .txt .title h3,
.muchcolorBlock .txt .title h3,
.plusBlock .txt .title h3,
.wpmiyakanBlock .txt .title h3,
.muchcolorplusBlock .txt .title h3,
.wpnanairoBlock .txt .title h3,
.mprBlock .txt .title h3
										{ font-family: Arial, Helvetica, "sans-serif";}


/* text-indent
----------------------------------------------------------- */
.wowdBlock .img .logo,
.muchcolorBlock .img .logo,
.plusBlock .img .logo,
.wpmiyakanBlock .img .logo,
.muchcolorplusBlock .img .logo,
.wpnanairoBlock .img .logo,
.mprBlock .img .logo
										{ overflow: hidden; text-indent: 100%; white-space: nowrap;}


/* PC タブレット用スタイル */
@media (min-width: 768px) {	

/* head h2 */
#companyCont h2,
#serviceCont h2
										{ color: #222; border-bottom: #222 2px solid; margin-bottom: 45px; line-height: 1.5;}

#companyCont h2 span,
#serviceCont h2 span
										{ font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,メイリオ,Meiryo,sans-serif;
											padding-left: 12px;}

/* link move
----------------------------------------------------------- */
#mainImg div.btn a,
#companyCont div.btn a,
.wowdBlock .txt div.btn a,
.muchcolorBlock .txt div.btn a,
.plusBlock .txt div.btn a,
.wpmiyakanBlock .txt div.btn a,
.muchcolorplusBlock .txt div.btn a,  
.wpnanairoBlock .txt div.btn a,
.mprBlock .txt div.btn a
	{
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	cursor: pointer;
	}

#xxx a:hover
	{
	filter: alpha(opacity=50);
	-webkit-opacity: 0.5;
	-moz-opacity: 0.5;
	opacity: 0.5;
	}

/* mainImg
----------------------------------------------------------- */	
#mainImg 								{ width: 100%; background: url(../../img/top/mainimg.jpg) no-repeat center top; background-size: cover; text-align: center; color: #fff; min-height: 700px; margin-bottom: 100px;}
#mainImg 								{ position: relative;}
#mainImg h2								{ position: absolute; top: 40%; left: 50%; transform: translateY(-40%) translateX(-50%); -webkit- transform: translateY(-40%) translateX(-50%); width: 100%;}
#mainImg p								{ position: absolute; top: 53%; left: 50%; transform: translateY(-53%) translateX(-50%); -webkit- transform: translateY(-53%) translateX(-50%); width: 100%;}
#mainImg div.btn						{ position: absolute; top: 65%; left: 50%; transform: translateY(-65%) translateX(-50%); -webkit- transform: translateY(-65%) translateX(-50%);}
#mainImg div.btn a 						{ background-color: rgba( 41, 31, 31, 0.5 ); border: #fff 1px solid; border-radius: 8px; padding: 8px 30px 6px 30px; display: block; color: #fff;}
#mainImg div.btn a:hover 				{ background-color: #000; border: #000 1px solid; }


/* companyCont
----------------------------------------------------------- */
#companyCont p 							{ font-weight: bold; padding-bottom: 24px;}
#companyCont ul.wish4goal 				{ margin-bottom: 40px;}
#companyCont ul.wish4goal li 			{ float: left; width: 238px; min-height: 238px; margin-right: 16px; background-color: #efefef; padding: 30px 18px 0 22px; box-sizing: border-box; text-align: center;}
#companyCont ul.wish4goal li:last-child { margin-right: 0px;}
#companyCont li span.goal 				{ font-weight: bold; letter-spacing: -0.02em; line-height: 1.5;}
#companyCont li:first-letter 			{ color: #00a0e9;}
#companyCont li h3 						{ padding-bottom: 16px;}
#companyCont li p 						{ line-height: 1.5; text-align: left; padding-bottom: 0;}
#companyCont li p span 					{ display: block;}
#companyCont li p span.txt01			{ /*padding-top: 20px;*/}
#companyCont li p span.txt02			{ /*padding-top: 30px;*/ text-align: center;}

#companyCont div.btn 					{ text-align: center;}
#companyCont div.btn a 					{ background-color: #00a0e9; border-radius: 8px; padding: 8px 60px 6px 60px; display: inline-block; color: #fff; margin-bottom: 40px}
#companyCont div.btn a:hover 			{ background-color: #000;}

	

/* serviceCont
----------------------------------------------------------- */
/* wowdBlock */
.wowdBlock 								{ position: relative; margin-bottom: 20px;}
.wowdBlock .img 						{ background: url(../../img/top/bg_service_wowd.jpg) no-repeat left center; background-size: cover; display: block; width: 1000px; height: 394px; z-index: 1;}
.wowdBlock .txt 						{ position: absolute; top: 0; left: 600px; background-color: rgba( 35, 24, 24, 0.6 ); z-index: 2; min-height: 394px; box-sizing: border-box; padding: 60px 36px 0 56px; color: #fff;}
.wowdBlock .img .logo 					{ position: absolute; top: 20px; left: 20px; display: block; background: url(../../img/top/logo_wowd.jpg) no-repeat left top; width: 136px; height: 136px;}
.wowdBlock .txt .title 					{ margin-bottom: 14px;}
.wowdBlock .txt .title h3				{ line-height: 1;}
.wowdBlock .txt .title > span			{ font-weight: bold; letter-spacing: -0.02em;}
.wowdBlock .txt p 						{ padding: 0 0 18px 3px;}
.wowdBlock .txt div.btn a 				{ background-color: rgba( 41, 31, 31, 0.5 ); border: #fff 1px solid; border-radius: 8px; padding: 8px 0 6px 0; width: 210px; text-align: center; display: block; color: #fff;}
.wowdBlock .txt div.btn a:hover 		{ background-color: #000; border: #000 1px solid; }

/* muchcolorBlock */
.muchcolorBlock 						{ position: relative; margin-bottom: 20px;}
.muchcolorBlock .img 					{ background: url(../../img/top/bg_service_much.jpg) no-repeat left center; background-size: cover; display: block; width: 1000px; height: 394px; z-index: 1;}
.muchcolorBlock .txt 					{ position: absolute; top: 0; left: 0; background-color: rgba( 35, 24, 24, 0.6 ); z-index: 2; min-height: 394px; box-sizing: border-box; padding: 60px 36px 0 56px; color: #fff; width: 400px;}
.muchcolorBlock .img .logo 				{ position: absolute; top: 20px; right: 20px; display: block; background: url(../../img/top/logo_muchcolorfitness.jpg) no-repeat left top; width: 136px; height: 136px;}
.muchcolorBlock .txt .title 			{ margin-bottom: 14px;}
.muchcolorBlock .txt .title h3			{ line-height: 1;}
.muchcolorBlock .txt .title > span		{ font-weight: bold; letter-spacing: -0.02em;}
.muchcolorBlock .txt p 					{ padding: 0 0 18px 3px;}
.muchcolorBlock .txt div.btn a 			{ background-color: rgba( 41, 31, 31, 0.5 ); border: #fff 1px solid; border-radius: 8px; padding: 8px 0 6px 0; width: 210px; text-align: center; display: block; color: #fff;}
.muchcolorBlock .txt div.btn a:hover 	{ background-color: #000; border: #000 1px solid; }

/* plusBlock*/
.plusBlock								{ position: relative; margin-bottom: 20px;}
.plusBlock .img 						{ background: url(../../img/top/bg_service_plus.jpg) no-repeat left center; background-size: cover; display: block; width: 1000px; height: 394px; z-index: 1;}
.plusBlock .txt 						{ position: absolute; top: 0; left: 432px; background-color: rgba( 35, 24, 24, 0.6 ); z-index: 2; min-height: 394px; box-sizing: border-box; padding: 60px 36px 0 56px; color: #fff;}
.plusBlock .img .logo 					{ position: absolute; top: 20px; left: 20px; display: block; background: url(../../img/top/logo_wowdplus.jpg) no-repeat left top; width: 136px; height: 136px;}
.plusBlock .txt .title 					{ margin-bottom: 14px;}
.plusBlock .txt .title h3				{ line-height: 1;}
.plusBlock .txt .title h3 span			{ position: relative; top: -10px; font-weight: normal;}
.plusBlock .txt .title > span			{ font-weight: bold; letter-spacing: -0.02em;}
.plusBlock .txt p 						{ padding: 0 0 18px 3px;}
.plusBlock .txt div.btn a 				{ background-color: rgba( 41, 31, 31, 0.5 ); border: #fff 1px solid; border-radius: 8px; padding: 8px 0 6px 0; width: 210px; text-align: center; display: block; color: #fff;}
.plusBlock .txt div.btn a:hover 		{ background-color: #000; border: #000 1px solid; }

/* wpmiyakan */
.wpmiyakanBlock 						{ position: relative; margin-bottom: 20px;}
.wpmiyakanBlock .img 					{ background: url(../../img/top/bg_service_wdpmiyakan.jpg) no-repeat left center; background-size: cover; display: block; width: 1000px; height: 394px; z-index: 1;}
.wpmiyakanBlock .txt 					{ position: absolute; top: 0; left: 0; background-color: rgba( 35, 24, 24, 0.6 ); z-index: 2; min-height: 394px; box-sizing: border-box; padding: 60px 36px 0 56px; color: #fff; width: 560px;}
.wpmiyakanBlock .img .logo 				{ position: absolute; top: 20px; right: 20px; display: block; background: url(../../img/top/logo_wdpmiyakan.jpg) no-repeat left top; width: 136px; height: 136px;}
.wpmiyakanBlock .txt .title 			{ margin-bottom: 14px;}
.wpmiyakanBlock .txt .title h3			{ line-height: 1;}
.wpmiyakanBlock .txt .title > span		{ font-weight: bold; letter-spacing: -0.02em;}
.wpmiyakanBlock .txt p 					{ padding: 0 0 18px 3px;}
.wpmiyakanBlock .txt div.btn a 			{ background-color: rgba( 41, 31, 31, 0.5 ); border: #fff 1px solid; border-radius: 8px; padding: 8px 0 6px 0; width: 210px; text-align: center; display: block; color: #fff;}
.wpmiyakanBlock .txt div.btn a:hover 	{ background-color: #000; border: #000 1px solid; }

/* muchcolorplusBlockBlock*/
.muchcolorplusBlock								{ position: relative; margin-bottom: 20px;}
.muchcolorplusBlock .img 						{ background: url(../../img/top/bg_service_mp.jpg) no-repeat left center; background-size: cover; display: block; width: 1000px; height: 394px; z-index: 1;}
.muchcolorplusBlock .txt 						{ position: absolute; top: 0; left: 432px; background-color: rgba( 35, 24, 24, 0.6 ); z-index: 2; min-height: 394px; box-sizing: border-box; padding: 60px 36px 0 56px; color: #fff;}
.muchcolorplusBlock .img .logo 					{ position: absolute; top: 20px; left: 20px; display: block; background: url(../../img/top/logo_muchcolorplus.jpg) no-repeat left top; width: 136px; height: 136px;}
.muchcolorplusBlock .txt .title 					{ margin-bottom: 14px;}
.muchcolorplusBlock .txt .title h3				{ line-height: 1;}
.muchcolorplusBlock .txt .title h3 span			{ position: relative; top: -10px; font-weight: normal;}
.muchcolorplusBlock .txt .title > span			{ font-weight: bold; letter-spacing: -0.02em;}
.muchcolorplusBlock .txt p 						{ padding: 0 0 18px 3px;}
.muchcolorplusBlock .txt div.btn a 				{ background-color: rgba( 41, 31, 31, 0.5 ); border: #fff 1px solid; border-radius: 8px; padding: 8px 0 6px 0; width: 210px; text-align: center; display: block; color: #fff;}
.muchcolorplusBlock .txt div.btn a:hover 		{ background-color: #000; border: #000 1px solid; }

/* wp-nanairo */
.wpnanairoBlock 						{ position: relative; margin-bottom: 50px;}
.wpnanairoBlock .img 					{ background: url(../../img/top/bg_service_wpn.jpg) no-repeat left center; background-size: cover; display: block; width: 1000px; height: 394px; z-index: 1;}
.wpnanairoBlock .txt 					{ position: absolute; top: 0; left: 0; background-color: rgba( 35, 24, 24, 0.6 ); z-index: 2; min-height: 394px; box-sizing: border-box; padding: 60px 36px 0 56px; color: #fff; width: 560px;}
.wpnanairoBlock .img .logo 				{ position: absolute; top: 20px; right: 20px; display: block; background: url(../../img/top/logo_wpn.jpg) no-repeat left top; width: 136px; height: 136px;}
.wpnanairoBlock .txt .title 			{ margin-bottom: 14px;}
.wpnanairoBlock .txt .title h3			{ line-height: 1;}
.wpnanairoBlock .txt .title > span		{ font-weight: bold; letter-spacing: -0.02em;}
.wpnanairoBlock .txt p 					{ padding: 0 0 18px 3px;}
.wpnanairoBlock .txt div.btn a 			{ background-color: rgba( 41, 31, 31, 0.5 ); border: #fff 1px solid; border-radius: 8px; padding: 8px 0 6px 0; width: 210px; text-align: center; display: block; color: #fff;}
.wpnanairoBlock .txt div.btn a:hover 	{ background-color: #000; border: #000 1px solid; }

/* mprBlock*/
.mprBlock								{ position: relative; margin-bottom: 50px;}
.mprBlock .img 						{ background: url(../../img/top/bg_service_mpr.jpg) no-repeat left center; background-size: cover; display: block; width: 1000px; height: 394px; z-index: 1;}
.mprBlock .txt 						{ position: absolute; top: 0; left: 432px; background-color: rgba( 35, 24, 24, 0.6 ); z-index: 2; min-height: 394px; box-sizing: border-box; padding: 60px 36px 0 56px; color: #fff;}
.mprBlock .img .logo 					{ position: absolute; top: 20px; left: 20px; display: block; background: url(../../img/top/logo_mpr.jpg) no-repeat left top; width: 136px; height: 136px;}
.mprBlock .txt .title 					{ margin-bottom: 14px;}
.mprBlock .txt .title h3				{ line-height: 1;}
.mprBlock .txt .title h3 span			{ position: relative; top: -10px; font-weight: normal;}
.mprBlock .txt .title > span			{ font-weight: bold; letter-spacing: -0.02em;}
.mprBlock .txt p 						{ padding: 0 0 18px 3px;}
.mprBlock .txt div.btn a 				{ background-color: rgba( 41, 31, 31, 0.5 ); border: #fff 1px solid; border-radius: 8px; padding: 8px 0 6px 0; width: 210px; text-align: center; display: block; color: #fff;}
.mprBlock .txt div.btn a:hover 		{ background-color: #000; border: #000 1px solid; }

	
/* font
----------------------------------------------------------- */
/* basic font-size: 14px; */
#mainImg h2
										{ font-size: 100px;}
#companyCont h2,
#serviceCont h2,
.wowdBlock .txt .title h3,
.muchcolorBlock .txt .title h3,
.plusBlock .txt .title h3,
.wpmiyakanBlock .txt .title h3,
.muchcolorplusBlock .txt .title h3,
.wpnanairoBlock .txt .title h3,
.mprBlock .txt .title h3
										{ font-size: 50px;}
#companyCont li span.goal
										{ font-size: 30px;}
#companyCont p
										{ font-size: 24px;}
#mainImg p
										{ font-size: 21px;}
#companyCont li h3
										{ font-size: 20px;}
.wowdBlock .txt .title > span,
.muchcolorBlock .txt .title > span,
.plusBlock .txt .title > span,
.wpmiyakanBlock .txt .title > span,
.muchcolorplusBlock .txt .title > span,
.wpnanairoBlock .txt .title > span,
.mprBlock .txt .title > span
										{ font-size: 17px;}	
div.btn,
#companyCont h2 span,
#serviceCont h2 span
										{ font-size: 17px;}	

#companyCont li p,
.wowdBlock .txt p,
.muchcolorBlock .txt p,
.plusBlock .txt p,
.wpmiyakanBlock .txt p,
.muchcolorplusBlock .txt p,
.wpnanairoBlock .txt p,
.mprBlock .txt p
										{ font-size: 13px;}


}


/* タブレット用スタイル */
@media (min-width: 768px) and (max-width: 1024px) {

/* companyCont
----------------------------------------------------------- */
#companyCont ul.wish4goal li 			{ float: left; width: 49%; min-height: 230px; margin-right: 2%; margin-bottom: 2%; background-color: #efefef; padding: 30px 28px 30px 32px; box-sizing: border-box; text-align: center;}
#companyCont ul.wish4goal li:nth-child(2n),
#companyCont ul.wish4goal li:last-child { margin-right: 0px;}
	

/* serviceCont
----------------------------------------------------------- */

/* wowdBlock */
.wowdBlock .img 						{ background: url(../../img/top/bg_service_wowd.jpg) no-repeat left center; background-size: cover; display: block; width: 720px; height: 283px; z-index: 1;}
.wowdBlock .txt 						{ position: absolute; top: 0; left: 200px; background-color: rgba( 35, 24, 24, 0.6 ); z-index: 2; min-height: 283px; box-sizing: border-box; padding: 30px 18px 0 28px; color: #fff;}

/* muchcolorBlock */
.muchcolorBlock .img 					{ background: url(../../img/top/bg_service_much.jpg) no-repeat left center; background-size: cover; display: block; width: 720px; height: 283px; z-index: 1;}
.muchcolorBlock .txt 					{ position: absolute; top: 0; left: 0; background-color: rgba( 35, 24, 24, 0.6 ); z-index: 2; min-height: 283px; ox-sizing: border-box; padding: 30px 18px 0 28px; color: #fff; width: 540px;}
.muchcolorBlock .txt p 					{ letter-spacing: -0.02em;}
	
/* plusBlock*/
.plusBlock .img 						{ background: url(../../img/top/bg_service_plus.jpg) no-repeat left center; background-size: cover; display: block; width: 720px; height: 283px; z-index: 1;}
.plusBlock .txt 						{ position: absolute; top: 0; left: 200px; background-color: rgba( 35, 24, 24, 0.6 ); z-index: 2; min-height: 283px; box-sizing: border-box; padding: 30px 18px 0 28px; color: #fff;}

/* wpmiyakanBlock */
.wpmiyakanBlock .img 					{ background: url(../../img/top/bg_service_wdpmiyakan.jpg) no-repeat left center; background-size: cover; display: block; width: 720px; height: 283px; z-index: 1;}
.wpmiyakanBlock .txt 					{ position: absolute; top: 0; left: 0; background-color: rgba( 35, 24, 24, 0.6 ); z-index: 2; min-height: 283px; ox-sizing: border-box; padding: 30px 18px 0 28px; color: #fff; width: 540px;}
.wpmiyakanBlock .txt p 					{ letter-spacing: -0.02em;}

/* muchcolorplusBlockBlock*/
.muchcolorplusBlock .img 						{ background: url(../../img/top/bg_service_mp.jpg) no-repeat left center; background-size: cover; display: block; width: 720px; height: 283px; z-index: 1;}
.muchcolorplusBlock .txt 						{ position: absolute; top: 0; left: 200px; background-color: rgba( 35, 24, 24, 0.6 ); z-index: 2; min-height: 283px; box-sizing: border-box; padding: 30px 18px 0 28px; color: #fff;}
	
/* wpnanairoBlock */
.wpnanairoBlock .img 					{ background: url(../../img/top/bg_service_wpn.jpg) no-repeat left center; background-size: cover; display: block; width: 720px; height: 283px; z-index: 1;}
.wpnanairoBlock .txt 					{ position: absolute; top: 0; left: 0; background-color: rgba( 35, 24, 24, 0.6 ); z-index: 2; min-height: 283px; ox-sizing: border-box; padding: 30px 18px 0 28px; color: #fff; width: 540px;}
.wpnanairoBlock .txt p 					{ letter-spacing: -0.02em;}

/* muchcolorplusBlockBlock*/
.mprBlock .img 						{ background: url(../../img/top/bg_service_mpr.jpg) no-repeat left center; background-size: cover; display: block; width: 720px; height: 283px; z-index: 1;}
.mprBlock .txt 						{ position: absolute; top: 0; left: 200px; background-color: rgba( 35, 24, 24, 0.6 ); z-index: 2; min-height: 283px; box-sizing: border-box; padding: 30px 18px 0 28px; color: #fff;}


/* font
----------------------------------------------------------- */
/* basic font-size: 14px; */
#mainImg h2
										{ font-size: 80px;}
.wowdBlock .txt .title h3
										{ font-size: 40px;}


}
	
/* スマホ用スタイル */
@media screen and (max-width: 767px){
	
			/* head h2 */
			#companyCont h2,
			#serviceCont h2
													{ color: #222; border-bottom: #222 2px solid; margin-bottom: 2rem; line-height: 1.3; padding-bottom: 1rem;}

			#companyCont h2 span,
			#serviceCont h2 span
													{ font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,メイリオ,Meiryo,sans-serif;
													  display: block; padding-left: 0.3rem}

			/* mainImg
			----------------------------------------------------------- */	
			#mainImg 								{ width: 100%; background: url(../../img/top/mainimg.jpg) no-repeat center top; background-size: cover; text-align: center; color: #fff; min-height: 300px; margin-bottom: 30px;}
			#mainImg 								{ position: relative;}
			#mainImg h2								{ position: absolute; top: 30%; left: 50%; transform: translateY(-30%) translateX(-50%); -webkit- transform: translateY(-30%) translateX(-50%); width: 100%;}
			#mainImg p								{ position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); width: 100%; line-height: 1.5;}
			#mainImg div.btn						{ position: absolute; top: 75%; left: 50%; transform: translateY(-75%) translateX(-50%); -webkit- transform: translateY(-75%) translateX(-50%);}
			#mainImg div.btn a 						{ background-color: rgba( 41, 31, 31, 0.5 ); border: #fff 1px solid; border-radius: 8px; padding: 8px 30px 6px 30px; display: block; color: #fff; width: 260px; box-sizing: border-box;}
			#mainImg div.btn a:hover 				{ background-color: #000; border: #000 1px solid; }


			/* companyCont
			----------------------------------------------------------- */
			#companyCont p 							{ font-weight: bold; padding-bottom: 2rem;}
			#companyCont ul.wish4goal 				{ margin-bottom: 2rem;}
			#companyCont ul.wish4goal li 			{ width: 100%; margin-bottom: 2%; background-color: #efefef; padding: 2rem 2rem; box-sizing: border-box; text-align: center;}
	
			#companyCont li span.goal 				{ font-weight: bold; letter-spacing: -0.02em; line-height: 1.5;}
			#companyCont li:first-letter 			{ color: #00a0e9;}
			#companyCont li h3 						{ padding-bottom: 1rem;}
			#companyCont li p 						{ line-height: 1.5; text-align: center; padding-bottom: 0;}
			#companyCont li p span 					{ display: block;}
			#companyCont li p span.txt01			{ }
			#companyCont li p span.txt02			{ text-align: center;}

			#companyCont div.btn 					{ text-align: center;}
			#companyCont div.btn a 					{ background-color: #00a0e9; border-radius: 8px; padding: 8px 60px 6px 60px; display: inline-block; color: #fff; margin-bottom: 40px}
			#companyCont div.btn a:hover 			{ background-color: #000;}



			/* serviceCont
			----------------------------------------------------------- */
			/* wowdBlock */
			.wowdBlock 								{ margin-bottom: 20px;}
			.wowdBlock .img 						{ background: url(../../img/top/bg_service_wowd.jpg) center center / cover no-repeat; padding-top: calc(394 / 1000 * 100%); width: 100%; height: 0; position: relative;}
			.wowdBlock .txt 						{ background-color: rgba( 35, 24, 24, 0.8 ); box-sizing: border-box; padding: 2rem 2rem; color: #fff;}
			.wowdBlock .img .logo 					{ display: block; background: url(../../img/top/logo_wowd.jpg) no-repeat left top; width: 100px; height: 100px; background-size: cover; position: absolute; top: 12px; left: 62px; margin-left: -50px;}
			.wowdBlock .txt .title 					{ margin-bottom: 1rem;}
			.wowdBlock .txt .title h3				{ line-height: 1;}
			.wowdBlock .txt .title > span			{ font-weight: bold; letter-spacing: -0.02em;}
			.wowdBlock .txt p 						{ padding: 0 0 1rem 0;}
			.wowdBlock .txt div.btn a 				{ background-color: rgba( 41, 31, 31, 0.5 ); border: #fff 1px solid; border-radius: 8px; padding: 8px 0 6px 0; width: 80%; margin: 0 auto; text-align: center; display: block; color: #fff;}
			.wowdBlock .txt div.btn a:hover 		{ background-color: #000; border: #000 1px solid; }

			/* muchcolorBlock */
			.muchcolorBlock 						{ margin-bottom: 20px;}
			.muchcolorBlock .img 					{ background: url(../../img/top/bg_service_much.jpg) center center / cover no-repeat; padding-top: calc(394 / 1000 * 100%); width: 100%; height: 0; position: relative;}
			.muchcolorBlock .txt 					{ background-color: rgba( 35, 24, 24, 0.8 ); box-sizing: border-box; padding: 2rem 2rem; color: #fff;}
			.muchcolorBlock .img .logo 				{ display: block; background: url(../../img/top/logo_muchcolorfitness.jpg) no-repeat left top; width: 100px; height: 100px; background-size: cover; position: absolute; top: 12px; left: 62px; margin-left: -50px;}
			.muchcolorBlock .txt .title 			{ margin-bottom: 1rem;}
			.muchcolorBlock .txt .title h3			{ line-height: 1;}
			.muchcolorBlock .txt .title > span		{ font-weight: bold; letter-spacing: -0.02em;}
			.muchcolorBlock .txt p 					{ padding: 0 0 1rem 0;}
			.muchcolorBlock .txt div.btn a 			{ background-color: rgba( 41, 31, 31, 0.5 ); border: #fff 1px solid; border-radius: 8px; padding: 8px 0 6px 0; width: 80%; margin: 0 auto; text-align: center; display: block; color: #fff;}
			.muchcolorBlock .txt div.btn a:hover 	{ background-color: #000; border: #000 1px solid; }

			/* plusBlock*/
			.plusBlock								{ margin-bottom: 50px;}
			.plusBlock .img 						{ background: url(../../img/top/bg_service_plus.jpg) center center / cover no-repeat; padding-top: calc(394 / 1000 * 100%); width: 100%; height: 0; position: relative;}
			.plusBlock .txt 						{ background-color: rgba( 35, 24, 24, 0.8 ); box-sizing: border-box; padding: 2rem 2rem; color: #fff;}
			.plusBlock .img .logo 					{ display: block; background: url(../../img/top/logo_wowdplus.jpg) no-repeat left top; width: 100px; height: 100px; background-size: cover; position: absolute; top: 12px; left: 62px; margin-left: -50px;}
			.plusBlock .txt .title 					{ margin-bottom: 1rem;}
			.plusBlock .txt .title h3				{ line-height: 1;}
			.plusBlock .txt .title h3 span			{ position: relative; top: -10px; font-weight: normal;}
			.plusBlock .txt .title > span			{ font-weight: bold; letter-spacing: -0.02em;}
			.plusBlock .txt p 						{ padding: 0 0 1rem 0;}
			.plusBlock .txt div.btn a 				{ background-color: rgba( 41, 31, 31, 0.5 ); border: #fff 1px solid; border-radius: 8px; padding: 8px 0 6px 0; width: 80%; margin: 0 auto; text-align: center; display: block; color: #fff;}
			.plusBlock .txt div.btn a:hover 		{ background-color: #000; border: #000 1px solid; }


			/* wpmiyakanBlock */
			.wpmiyakanBlock 						{ margin-bottom: 20px;}
			.wpmiyakanBlock .img 					{ background: url(../../img/top/bg_service_wdpmiyakan.jpg) center center / cover no-repeat; padding-top: calc(394 / 1000 * 100%); width: 100%; height: 0; position: relative;}
			.wpmiyakanBlock .txt 					{ background-color: rgba( 35, 24, 24, 0.8 ); box-sizing: border-box; padding: 2rem 2rem; color: #fff;}
			.wpmiyakanBlock .img .logo 				{ display: block; background: url(../../img/top/logo_wdpmiyakan.jpg) no-repeat left top; width: 100px; height: 100px; background-size: cover; position: absolute; top: 12px; left: 62px; margin-left: -50px;}
			.wpmiyakanBlock .txt .title 			{ margin-bottom: 1rem;}
			.wpmiyakanBlock .txt .title h3			{ line-height: 1;}
			.wpmiyakanBlock .txt .title > span		{ font-weight: bold; letter-spacing: -0.02em;}
			.wpmiyakanBlock .txt p 					{ padding: 0 0 1rem 0;}
			.wpmiyakanBlock .txt div.btn a 			{ background-color: rgba( 41, 31, 31, 0.5 ); border: #fff 1px solid; border-radius: 8px; padding: 8px 0 6px 0; width: 80%; margin: 0 auto; text-align: center; display: block; color: #fff;}
			.wpmiyakanBlock .txt div.btn a:hover 	{ background-color: #000; border: #000 1px solid; }


			/* muchcolorplusBlockBlock*/
			.muchcolorplusBlock								{ margin-bottom: 50px;}
			.muchcolorplusBlock .img 						{ background: url(../../img/top/bg_service_mp.jpg) center center / cover no-repeat; padding-top: calc(394 / 1000 * 100%); width: 100%; height: 0; position: relative;}
			.muchcolorplusBlock .txt 						{ background-color: rgba( 35, 24, 24, 0.8 ); box-sizing: border-box; padding: 2rem 2rem; color: #fff;}
			.muchcolorplusBlock .img .logo 					{ display: block; background: url(../../img/top/logo_muchcolorplus.jpg) no-repeat left top; width: 100px; height: 100px; background-size: cover; position: absolute; top: 12px; left: 62px; margin-left: -50px;}
			.muchcolorplusBlock .txt .title 					{ margin-bottom: 1rem;}
			.muchcolorplusBlock .txt .title h3				{ line-height: 1;}
			.muchcolorplusBlock .txt .title h3 span			{ position: relative; top: -10px; font-weight: normal;}
			.muchcolorplusBlock .txt .title > span			{ font-weight: bold; letter-spacing: -0.02em;}
			.muchcolorplusBlock .txt p 						{ padding: 0 0 1rem 0;}
			.muchcolorplusBlock .txt div.btn a 				{ background-color: rgba( 41, 31, 31, 0.5 ); border: #fff 1px solid; border-radius: 8px; padding: 8px 0 6px 0; width: 80%; margin: 0 auto; text-align: center; display: block; color: #fff;}
			.muchcolorplusBlock .txt div.btn a:hover 		{ background-color: #000; border: #000 1px solid; }

			/* wpmiyakanBlock */
			.wpnanairoBlock 						{ margin-bottom: 20px;}
			.wpnanairoBlock .img 					{ background: url(../../img/top/bg_service_wpn.jpg) center center / cover no-repeat; padding-top: calc(394 / 1000 * 100%); width: 100%; height: 0; position: relative;}
			.wpnanairoBlock .txt 					{ background-color: rgba( 35, 24, 24, 0.8 ); box-sizing: border-box; padding: 2rem 2rem; color: #fff;}
			.wpnanairoBlock .img .logo 				{ display: block; background: url(../../img/top/logo_wpn.jpg) no-repeat left top; width: 100px; height: 100px; background-size: cover; position: absolute; top: 12px; left: 62px; margin-left: -50px;}
			.wpnanairoBlock .txt .title 			{ margin-bottom: 1rem;}
			.wpnanairoBlock .txt .title h3			{ line-height: 1;}
			.wpnanairoBlock .txt .title > span		{ font-weight: bold; letter-spacing: -0.02em;}
			.wpnanairoBlock .txt p 					{ padding: 0 0 1rem 0;}
			.wpnanairoBlock .txt div.btn a 			{ background-color: rgba( 41, 31, 31, 0.5 ); border: #fff 1px solid; border-radius: 8px; padding: 8px 0 6px 0; width: 80%; margin: 0 auto; text-align: center; display: block; color: #fff;}
			.wpnanairoBlock .txt div.btn a:hover 	{ background-color: #000; border: #000 1px solid; }

			/* mprBlockBlock*/
			.mprBlock								{ margin-bottom: 50px;}
			.mprBlock .img 						{ background: url(../../img/top/bg_service_mpr.jpg) center center / cover no-repeat; padding-top: calc(394 / 1000 * 100%); width: 100%; height: 0; position: relative;}
			.mprBlock .txt 						{ background-color: rgba( 35, 24, 24, 0.8 ); box-sizing: border-box; padding: 2rem 2rem; color: #fff;}
			.mprBlock .img .logo 					{ display: block; background: url(../../img/top/logo_mpr.jpg) no-repeat left top; width: 100px; height: 100px; background-size: cover; position: absolute; top: 12px; left: 62px; margin-left: -50px;}
			.mprBlock .txt .title 					{ margin-bottom: 1rem;}
			.mprBlock .txt .title h3				{ line-height: 1;}
			.mprBlock .txt .title h3 span			{ position: relative; top: -10px; font-weight: normal;}
			.mprBlock .txt .title > span			{ font-weight: bold; letter-spacing: -0.02em;}
			.mprBlock .txt p 						{ padding: 0 0 1rem 0;}
			.mprBlock .txt div.btn a 				{ background-color: rgba( 41, 31, 31, 0.5 ); border: #fff 1px solid; border-radius: 8px; padding: 8px 0 6px 0; width: 80%; margin: 0 auto; text-align: center; display: block; color: #fff;}
			.mprBlock .txt div.btn a:hover 		{ background-color: #000; border: #000 1px solid; }

			/* font
			----------------------------------------------------------- */
			/* basic font-size: 14px; */
			#mainImg h2
													{ font-size: 3.0rem;}
			#companyCont h2,
			#serviceCont h2,
			.wowdBlock .txt .title h3,
			.muchcolorBlock .txt .title h3,
			.plusBlock .txt .title h3,
			.wpmiyakanBlock .txt .title h3,
			.muchcolorplusBlock .txt .title h3,
			.wpnanairoBlock .txt .title h3,
			.mprBlock .txt .title h3
													{ font-size: 2.8rem;}
			#companyCont li span.goal
													{ font-size: 2.8rem;}
			#companyCont p
													{ font-size: 2.0rem;}
			#mainImg p
													{ font-size: 1.8rem;}
			#companyCont li h3
													{ font-size: 1.8rem;}
			.wowdBlock .txt .title > span,
			.muchcolorBlock .txt .title > span,
			.plusBlock .txt .title > span,
			.wpmiyakanBlock .txt .title > span,
			.muchcolorplusBlock .txt .title > span,
			.wpnanairoBlock .txt .title > span,
			.mprBlock .txt .title > span
													{ font-size: 1.5rem;}
			div.btn
													{ font-size: 1.5rem;}
			#companyCont h2 span,
			#serviceCont h2 span
													{ font-size: 1.2rem;}

			#companyCont li p,
			.wowdBlock .txt p,
			.muchcolorBlock .txt p,
			.plusBlock .txt p,
			.wpmiyakanBlock .txt p
			.muchcolorplusBlock .txt p,
			.wpnanairoBlock .txt p,			
			.mprBlock .txt p
													{ font-size: 1.2rem;}

}