/**************************************************************************************/
/**************************************************************************************/
/* PC Site*/
/**************************************************************************************/
/**************************************************************************************/




#header{
	position: fixed ;
	top : 0px ;
	left : 0px ;
	width : 100% ;
	height : 72px ;
	background-color: #FFFFFF ;
	z-index : 44 ;
}
.header_dummy{
	width : 100% ;
	height : 72px ;
	z-index : 1 ;
}


.header_inner{
	width : 100% ;
	max-width : 1200px ;
	height : 72px ;
	margin : 0px auto ;
	justify-content: space-between !important ;
}

.header_logobox{
	width : 250px ;
	height : 72px ;
	border-right:  1px solid #CCCCCC ;
}

.header_logo{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	transform : translate(-50%,-50%);
	width : 100% ;
	max-width : 140px ;
}

.gnavi_about{
	width : 100px ;
	height : 72px ;
}
.gnavi_features{
	width : 64px ;
	height : 72px ;
}
.gnavi_result{
	width : 48px ;
	height : 72px ;
}
.gnavi_partners{
	width : 64px ;
	height : 72px ;
}
.gnavi_sns{
	width: 100px ;
	height: 72px ;
	justify-content: space-between !important;
}
/**
.gnavi_buy{
	width : 32px ;
	height : 72px ;
}
**/
.gnavi_buy{
	width : 100px  ;
	height : 72px ;
	background-color: #DDB34A ;
}
.gnavi_buy div{
	width: 32px ;
}
.gnavi_contact{
	width : 60px ;
	height : 72px ;
}
.gnavi_insta{
	width : 40px ;
	height : 72px ;
}

.gnavi_wrap{
	position: absolute;
	top : 16px ;
	left : 50% ;
	transform: translate(-50%,0% );
	width : 100% ;
	height : 40px ;
	z-index : 45 ;
}
.gnavi_base{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
}
.gnavi_on{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	opacity : 0 ;
}


.gnavi_ol{
	position: absolute;
	top : 16px ;
	left : 50% ;
	transform: translate(-50%,0% );
	width : 100% ;
	height : 40px ;
	z-index : 46 ;
}




.fv_section{
	width: 100% ;
	height : auto ;
	background-color: #000000 ;
	z-index: 1 ;
}

.fv_mainimage{
	width : 100% ;
	z-index : 1 ;
	opacity : 0.0 ;
}

.fv_title{
	position: absolute ;
	top : 12%;
	left: 6%;
	width : 30% ;
	z-index : 4 ;
	margin-left : -20px ;
	opacity: 0;
}

.news_section{
	width : 100% ;
	max-width : 1000px ;
	background-color: #E3DFD8 ;
	padding : 54px 10px 60px ;
	margin-left : auto ;
	margin-right : auto ;
	margin-top : 220px ;
	top : 20px ;
	z-index : 4 ;
}

.news_inner{
	width : 100% ;
	max-width: 800px ;
	margin : 0px auto ;
}

.news_title_20211020{
	width : 100% ;
	max-width : 700px ;
	margin : 0px auto ;
}

.news_image{
	width : 100% ;
	margin : 32px auto 0px ;
}

.news_latest{
	position: absolute ;
	top : -70px ;
	right : -32px ;
	width : 140px ;
	height : 140px ;
	border-radius: 50% ;
	z-index :  5 ;
	background-color: #FFFF00 ;
	margin-top : -40px;
}
.news_latest img{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	width : 80px ;
	transform: translate(-50%,-50%);
}

.news_story{
	font-size : 14px ;
	line-height: 30px ;
	color : #000000 ;
}
.news_story p{
	margin-top : 36px ;
}

.news_extra a,
.news_story a{
	color : #CC9900 ;
	font-weight: 700 ;
	text-decoration: underline;
}

.news_extra{
	width : 100% ;
	padding : 20px 40px ;
	border : 1px dashed #000000 ;
	margin : 36px auto 0px ;
	line-height: 30px ;
	color : #000000 ;
}



.section_title{
	width : 100% ;
	max-width : 1000px ;
	margin : 128px auto 48px ;
}

.section_titleimage{
	width : 160px ;
}
.section_title_jp{
	font-size : 12px ;
	font-weight : 700 ;
}

.section_title_bar{
	width : 20% ;
	height : 1px ;
	background-color: #CCCCCC ;
	margin-top : 10px ;
}
.section_title_chip{
	width : 20px ;
	height : 1px ;
	background-color: #000000 ;
}

.inner1000{
	width : 100% ;
	max-width : 1080px ;
	padding : 0px 40px ;
	margin : 0px auto ;
}


.about_catch{
	padding-top : 92px ;
	font-size : 68px ;
	font-weight : 900 ;
	font-style : italic ;
	line-height : 90px ;
	margin-left : -40px ;
	z-index: 4 ;
}

.about_image{
	position: absolute;
	top : -60px ;
	right : -160px ;
	width : 100% ;
	max-width : 840px ;
	z-index: 1 ;
	margin-right : -40px ; 
}

.about_story{
	font-size : 16px ;
	font-weight : 700 ;
	width : 100% ;
	max-width : 900px ;
	margin : 120px auto 0px ;
	z-index : 4 ;
}



.features_secction{
	width : 100% ;
	background-color: #000000 ;
	padding : 90px 0px 0px ;
	margin-bottom : 150px ;
}


.features_back01{
	position: absolute ;
	bottom : -146px ;
	left : 0px ;
	width : 100% ;
	height : 150px ;
	z-index: 1 ;
}


.features01_left{
	float : left ;
	width : calc( 100% - 400px ) ;
	font-size : 30px ;
	font-weight: 900 ;
	font-style: italic;
	color : #FFFFFF ;
	line-height : 60px ;
	padding : 160px 0px 40px ;
	margin-left : -40px ;
}
.features01_left span{
	border-bottom : 8px solid #FCEE21 ;
}

.features_right{
	float : right ;
	width : 400px 
}

.features01_image{
	width : 100% ;
}

.features01_story{
	color : #FFFFFF ;
	font-size : 16px ;
	font-weight : 700 ;
	line-height : 36px ;
	margin-top : 30px ;
}

.features01_list{
	margin-top : 30px ;
	color : #FFFFFF ;
	font-size : 14px;
	font-weight: 700;
}

.features01_list_left{
	float : left;
	width : 40% ;
	margin-top : 10px ;
}
.features01_list_right{
	float : right;
	width : 60% ;
	margin-top : 10px ;
}


.features02_right{
	float : right ;
	width : calc( 100% - 600px ) ;
	min-width : 380px ;
	font-size : 30px ;
	font-weight: 900 ;
	font-style: italic;
	color : #000000 ;
	line-height : 60px ;
	padding : 320px 0px 40px ;
	margin-right : -40px ;
	z-index : 4 ;
}
.features02_right span{
	border-bottom : 8px solid #FCEE21 ;
}

.features02_left{
	float : left ;
	width : 400px ;
	z-index : 4 ;
}

.features02_story{
	font-size : 16px ;
	font-weight : 700 ;
	line-height: 36px ;
	z-index : 4 ;
}

.features_logos{
	width : 100% ;
	max-width : 340px ;
	margin : 16px auto 0px ;
	z-index : 4 ;
}

.features_trainerbox{
	width : 100% ;
	max-width : 280px ;
	font-size : 11px ;
	margin : 20px auto 0px;
	z-index : 4 ;
}
.features_trainer{
	width : 100% ;
	margin-bottom : 8px ;
	z-index : 4 ;
}

.features_trainer_about{
	width : 100% ;
	padding-left : 60px ;
	font-size : 14px ;
	font-weight: 700 ;
	margin-top : 24px ;
	z-index : 4 ;
}
.features_trainer_about div{
	position: absolute ;
	top : 0px ;
	left : 0px ;
	width : 60px ;
	text-align : center ;
}




.features03_section{
	width : 100% ;
	background-color: #000000 ;
	padding : 90px 0px 0px ;
	margin-bottom : 150px ;
	margin-top : 100px ;
}


.features_back02{
	position: absolute ;
	top : -216px ;
	left : 0px ;
	width : 100% ;
	height : 220px ;
	z-index: 1 ;
}



.features03_left{
	float : left ;
	width : calc( 100% - 560px ) ;
	font-size : 30px ;
	font-weight: 900 ;
	font-style: italic;
	color : #FFFFFF ;
	line-height : 60px ;
	padding : 160px 0px 40px ;
	margin-left : -40px ;
}
.features03_left span{
	border-bottom : 8px solid #FCEE21 ;
}

.features03_right{
	float : right ;
	width : 500px 
}

.features_bag{
	width : 100% ;
	max-width : 500px ;
	margin : 0px auto ;
}

.features03_story{
	width : 100% ;
	max-width : 400px ;
	margin : 60px auto 0px ;
	color : #FFFFFF ;
	font-size : 16px ;
	font-weight : 700 ;
	line-height : 36px ;
}



.result_schoolbox{
	width : 33% ;
	max-width : 310px ;
	height : 100px ;
	line-height : 100px ;
	text-align : center ;
	font-size : 18px ;
	font-weight: 700 ;
	background-color: #000000 ;
	color : #FFFFFF ;
	margin-bottom : 36px ;
}
.result_schoolbox a,
.result_schoolbox a:link,
.result_schoolbox a:visited{
	text-decoration: none ;
}
.result_schoolbox_wrap{
	width : 100% ;
	height : 100px ;
	color : #FFFFFF ;
	text-decoration: none ;
}

.result_schoolbox_dummy{
	width : 33% ;
	max-width : 310px ;
	height : 1px ;
}

.result_photobox{
	width : 33% ;
	max-width : 310px ;
	height : 388px ;
	margin-bottom : 36px ;
}
.result_photobox img{
	width: 100% ; 
	height : 100% ;
	object-fit: cover ;
}

.partners_left{
	float : left ;
	width : 49% ;
	max-width : 470px ;
	height : 426px ;
	background-color: #F5F5F5 ;
	margin-bottom : 20px ;
}
.partners_right{
	float : right ;
	width : 49% ;
	max-width : 470px ;
	height : 426px ;
	background-color: #F5F5F5 ;
	margin-bottom : 20px ;
}
.partners_left_inner{
	position: absolute;
	top : 50% ;
	left : 50% ;
	transform : translate(-50%,-50%);
	width : 90% ;
	max-width: 280px ;
}

.partners_consul{
	width : 100% ;
	height : 42px ;
	line-height : 42px ;
	background: linear-gradient(to right , #1E58FF , #FF2A44 );
	text-align : center ;
	font-size : 16px ;
	font-weight : 700 ;
	color : #FFFFFF ;
	border-radius: 21px ;
}

.partners_thestadium{
	width : 100% ;
	max-width : 160px ;
	margin : 44px auto 0px ;
}

.partners_sunchlorella{
	position: absolute;
	top : 50% ;
	left : 50% ;
	transform : translate(-50%,-50%);
	width : 90% ;
	max-width : 320px 
}



.followus{
	width : 100% ;
	max-width : 800px ;
	margin : 128px auto 0px ;
	left : 40px ;
}

.followus_snsbox{
	width: calc( 100% - 80px ) ;
	max-width: 360px ;
	margin : 110px auto 0px ;
}
.insta_title{
	float : left ;
	width : 140px ;
	margin : 0px auto ;
}
.tiktok_title{
	float : right ;
	width : 140px ;
	margin : 0px auto ;
}


.insta_flex{
	width : 100% ;
	max-width : 800px ;
	margin : 80px auto 0px ;
}

.insta_item{
	width : 33% ;
	max-width : 250px ;
}

.insta_item img{
	width : 100% ;
}


#footer{
	width : 100% ;
	padding : 72px 0px ;
	background-color: #000000 ;
	margin-top : 146px ;
}


.footer_logo{
	width: calc( 100% - 40px );
	max-width : 340px ;
	margin : 0px auto ;
}











.mailform_form{
	width : 100% ;
}

.mailform_item_title{
	float : left ;
	width : 200px ;
	font-size : 14px ;
	color : #000000 ;
	margin-bottom : 30px ;
	padding-top : 26px ;
}
.mailform_item_title .must{
	color : #DDB34A ;
	font-size : 16px ;
	padding-left : 10px ;
}

#mailform_mail_notice,
#mailform_mail02_notice,
#mailform_q_notice,
#mailform_kana_notice,
#mailform_name_notice{
	color : #DD0000 ;
	font-size : 12px ;
	font-weight : 700 ;
	display : none ;
}

.mailform_input{
	position: relative;
	float : right ;
	box-sizing : border-box ;
	width : calc( 100% - 200px ) ;
	height : 80px ;
	padding : 0px 40px  ;
	color : #000000 ;
	font-size : 14px ;
	background-color : #F5F5F5 ;
	border : 1px solid #F5F5F5 ;
	margin-bottom : 30px ;
}

.mailform_textarea{
	position: relative;
	box-sizing : border-box ;
	width : calc( 100% - 200px ) ;
	height : 360px ;
	padding : 40px  ;
	color : #000000 ;
	font-size : 14px ;
	background-color : #F5F5F5 ;
	border : 1px solid #F5F5F5 ;
	margin-bottom : 30px ;
}

.mailform_submit{
	display : block ;
	position: relative ;
	box-sizing : border-box ;
	width : 100% ;
	max-width : 400px ;
	height : 60px ;
	text-align : center ;
	background-color: #000000 ;
	border : 2px solid #000000 ;
	color : #FFFFFF ;
	font-size : 20px ;
	font-weight : 700 ;
	margin : 60px auto 0px ;
	border-radius: 8px ;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.25) ;
	cursor: pointer ;
}




.mailform_result_superbox{
	position: fixed;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	z-index : 51 ;
	display : none ;
}

.mailform_result_background{
	position: absolute;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	background-color: rgba(0,0,0,0.8);
	z-index : 52 ;
	cursor: pointer ;
}

.mailform_result_contents{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	transform : translate( -50% , -50% );
	width : 600px ;
	height : auto ;
	padding : 40px ;
	background-color: #E0E0E0 ;
	border-radius: 16px ;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.25) ;
	z-index : 54 ;
	color : #2B2B2B ;
}
.mailform_result_title{
	text-align : center ;
	font-size : 24px ;
	font-weight : 700 ;
	letter-spacing: 10px 
}
.mailform_result_story{
	margin-top : 40px ;
	font-size : 15px ;
}
.mailform_result_story p{
	margin-bottom : 20px ;
}
.mailform_result_story a,
.mailform_result_story a:link,
.mailform_result_story a:visited{
	color : #2B2B2B ;
	font-weight : 700 ;
}

.mailform_result_done{
	width : 100% ;
	height : 60px ;
	line-height : 60px ;
	text-align : center ;
	font-size : 20px ;
	font-weight : 700 ;
	color : #FFFFFF ;
	background-color: #000000 ;
	margin : 80px auto 0px;
	cursor: pointer ;
}


.fv_buybtn{
	position: absolute;
	bottom : 0px ;
	right: 0px ;
	width: 300px ;
	height: 72px ;
	line-height: 72px ;
	background-color: #D4145A ;
	color: #FFFFFF ;
	text-align: center ;
	font-size: 20px ;
	font-weight: 700 ;
	overflow: hidden ;
		z-index: 8 ;
}


.fv_buybtn_corner{
	position: absolute;
	top : -10px ;
	left : -10px ;
	width: 20px ;
	height: 20px ;
	background-color: #000000 ;
	transform: rotate(45deg);
}

.fv_buybtn_arrow{
	position: absolute;
	top : 50% ;
	right : 16px ;
	width: 12px ;
	transform: translate(0%,-50%);

}






















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

.section_titleimage{
	margin-left : 40px ;
}
.section_title_jp{
	margin-left : 40px ;
}

.gnavi_sns{
	width: 80px ;
}


}


/**************************************************************************************/
/**************************************************************************************/
/* TB Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 800px) {







#header{
}
.header_dummy{
}


.spnavi_superbox{
	position: fixed ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 0% ;
	background-color: #FFFFFF ;
	z-index : 43 ;
	overflow: hidden ;
}

.header_inner{
}

.header_logobox{
	width : 220px ;
	border : none ;
	margin : 0px auto ;
	padding-top : 48px ;
}

.header_logo{
}

.gnavi_about{
}
.gnavi_features{
}
.gnavi_result{
}
.gnavi_partners{
}
.gnavi_buy{
	height: 100px !important;
	padding : 14px 0px ;
}
.gnavi_contact{
}
.gnavi_insta{
	width: 40px !important;
}

.gnavi_wrap{
}
.gnavi_base{
}
.gnavi_on{
}


.gnavi_ol{
}

.gnavi_item{
	width : 100% ;
	margin-top : 20px ;
	height : auto !important ;
}

.gnavi_item img{
	width :auto ;
	height : 44px ;
	margin : 0px auto ;
}

.gnavi_sns{
	width: 120px ;
	margin : 20px auto 0px ;
}
.gnavi_sns img{
	width: 40px !important;
}









.fv_section{
	height : 100vh ;
}

.fv_mainimage{
	position: absolute;
	bottom : 40px ;
	right : 0px ;
	width : 90% 
}

.fv_title{
	top : 40px ;
	left: 50%;
	width : 75% ;
	max-width : 375px ;
	margin-left : -20px ;
	transform : translate(-50%,0%);
}

.news_section{
	margin-top: 100px ;
	padding : 54px 20px 60px ;
}

.news_inner{
}

.news_title_20211020{
}

.news_image{
}

.news_latest{
	top : -40px ;
	right : -20px ;
	width : 100px ;
	height : 100px ;
}
.news_latest img{
	width : 60px ;
}

.news_story{
}
.news_story p{
}

.news_extra a,
.news_story a{
}

.news_extra{
	padding : 20px 20px ;
}



.section_title{
}

.section_titleimage{
	width : 120px ;
	margin-left : 20px 
}
.section_title_jp{
	margin-left : 20px 
}

.section_title_bar{
}
.section_title_chip{
	width : 40px ;
}

.inner1000{
	padding : 0px 20px ;
}


.about_catch{
	padding-top : 240px ;
	font-size : 40px ;
	line-height : 60px ;
}

.about_image{
	width : 120% ;
	top : -60px ;
	right : -20px ;
}

.about_story{
	margin : 40px auto 0px ;
}



.features_secction{
	padding : 40px 0px 40px ;
	margin-bottom : 75px ;
}


.features_back01{
	bottom : -73px ;
	height : 75px ;
}


.features01_left{
	float : none ;
	width : 100% ;
	padding : 60px 0px 40px ;
}
.features01_left span{
}

.features_right{
	float : none ;
	width : 100% ; 
}

.features01_image{
}

.features01_story{
}

.features01_list{
}

.features01_list_left{
	width : 50% ;
}
.features01_list_right{
	width : 50% ;
}


.features02_right{
	float : none ;
	width : 100% ;
	padding : 60px 0px 40px ;
}
.features02_right span{
}

.features02_left{
	float : none ;
	width : 100% ;
}

.features02_story{
}

.features_logos{
}

.features_trainerbox{
}
.features_trainer{
}

.features_trainer_about{
	padding-left : 0px ;
}
.features_trainer_about div{
	position: relative  ;
	top : auto ;
	left : auto ;
	text-align : left ;
}



.features03_section{
	padding : 60px 0px 40px ;
	margin-bottom : 75px ;
	margin-top : 100px ;
}


.features_back02{
	top : -108px ;
	height : 110px ;
}



.features03_left{
	float : none ;
	width : 100% ;
	padding : 60px 0px 40px ;
}
.features03_left span{
}

.features03_right{
	float : none ;
	width : 100% ; 
}

.features_bag{
}

.features03_story{
}



.result_schoolbox{
	width : 100% ;
	max-width : 800px ;
	height : 40px ;
	line-height : 40px ;
	font-size : 16px ;
	margin-bottom : 10px ;
}
.result_schoolbox_wrap{
	width : 100% ;
	height : 40px ;
}
.result_schoolbox_dummy{
	width : 100% ;
	max-width : 800px ;
}

.result_photobox{
	width : 100% ;
	max-width : 400px ;
	margin-left : auto ;
	margin-right : auto ;
	margin-bottom : 10px ;
}
.result_photobox img{
}

.partners_left{
	float : none ;
	width : 100% ;
	max-width : 470px ;
	height : 200px ;
	margin-left : auto ;
	margin-right : auto ;
}
.partners_right{
	float : none ;
	width : 100% ;
	max-width : 470px ;
	height : 200px ;
	margin-left : auto ;
	margin-right : auto ;
}
.partners_left_inner{
	max-width: 280px ;
}

.partners_consul{
}

.partners_thestadium{
	margin-top : 20px ;
}

.partners_sunchlorella{
}



.followus{
}

.insta_title{
}


.insta_flex{
}

.insta_item{
	width : 33.3% ;
}

.insta_item img{
}


#footer{
	padding : 72px 0px 144px ;
}


.footer_logo{
}











.mailform_form{
}

.mailform_item_title{
	float : none ;
	width : 100% ;
	margin-bottom : 10px ;
	padding-top : 0px ;
}
.mailform_item_title .must{
}

#mailform_mail_notice,
#mailform_mail02_notice,
#mailform_q_notice,
#mailform_kana_notice,
#mailform_name_notice{
}

.mailform_input{
	float : none ;
	width : 100% ;
	height : 80px ;
}

.mailform_textarea{
	width : 100% ;
}

.mailform_submit{
}




.mailform_result_superbox{
}

.mailform_result_background{
}

.mailform_result_contents{
	width : calc( 100% - 40px ) ;
	padding : 20px ;
}
.mailform_result_title{
}
.mailform_result_story{
	margin-top : 20px ;
}
.mailform_result_story p{
}
.mailform_result_story a,
.mailform_result_story a:link,
.mailform_result_story a:visited{
}

.mailform_result_done{
	margin : 40px auto 0px;
}





.fv_buybtn{
	position: fixed;
	bottom : 0px ;
	right: 0px ;
	width: 100% ;
	z-index: 41;
}


.fv_buybtn_corner{
}

.fv_buybtn_arrow{
}














}

















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




.about_catch{
	padding-top : 120px ;
}















}