@charset "UTF-8";
/* CSS Document */

.pc{ display:inline;}
.mp,
.mmp,
.sp,
.mw600{display:none;}


/*Contact*/
#contact .lp-text-content p span{ font-size:90%; color:#FF8D8F;}
#contact .lp-text-content p a{ text-decoration:none;}


@media screen and (max-width: 1150px) {
#access > div > ul > li, #access > div > ul > li > a
{font-size: 22px; padding: 0 5px; margin-right: 3px;}
}

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

h2.header-open{font-size: 70px;}
h2.header-open span{ font-size: 60px;}


.drop_icon{width:75px;}
.taiken_icon{width: 75px;}

.tik_icon,
.insta_icon,
.line_icon{width: 55px; margin-right: 5px;}

}

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

.t-main{ background-size: 450px; min-height: 700px;}
.t-box{padding: 0px 20px 30px 20px; width: 50%; }
.t-name{margin: -50px 0 0 -100px; }
.t-box p{line-height: 1.4;}
}


@media screen and (max-width: 1000px) {
#access > div > ul > li, #access > div > ul > li > a
{font-size: 18px; padding: 0 3px; margin-right: 3px;}
}


@media screen and (max-width: 991px) {
.mp{ display: inline;}
.mmp{ display:none;}
.sp{display:none;}


h2.header-open{font-size: 70px;}
h2.header-open span{ font-size: 55px;}

section{ padding-left:0 !important; padding-right:0 !important;}

#container:not(.bravada-landing-page) .main {
	/*padding-top: 4em;
	padding-bottom: 4em;*/
	padding-top: 0em;
	padding-bottom: 0em;
	margin-top: 0px;
	margin-bottom: 30px;
}

}


@media (max-width: 900px) {
	
.mp{ }
.mmp{ display: inline;}
.sp{display:none;}


#container:not(.bravada-landing-page) .main > *:not(#content-masonry) {
	padding-left: 2em;
	padding-right: 2em;}
	
.header-image-main {
	height: 1000px;
}

	#header-page-title {
	display: inherit; margin: 200px 0 0 0; height: auto;}
	
#header-page-title-inside{width: fit-content;position: static;padding-top: 0!important;}
#header-page-title h2.entry-title{ position: static;margin: 0!important;}


.fix_icon{left: 7%;}

.header-center{ width: 100%; }
.header-bottom{ width: 100%; bottom:5%; }

.header-icon:first-child{bottom: 1%}
.header-icon:last-child{ height: inherit; margin: 0 50px 0 0; }
.boshu_icon{float:right;}

.tik_icon{width: 70px; margin: 0 10px 30px 0;}
.insta_icon{width: 70px; margin: 0 10px 30px 0;}
.line_icon{width: 70px;margin: 0 0 30px;}

h2.header-open{float: none;font-size: 60px;}
h2.header-open span{ font-size: 45px;}


/*TRAINER*/

.l-box{padding: 20px 40px 40px 60px;}
.l-box-left { float: none; padding: 20px 0;border-top: 1px solid rgba(255,255,255,0.3);
margin: 20px auto 0;}
.licence{float: none;}
.lpc{display: none;}
.lsp{display: inline; }
}

@media (max-width: 850px) {

.t-main{min-height: inherit; text-align: center; background-size: 450px;padding-top: 650px; background-position: center top;}

.t-box{padding: 0 30px 30px; color: #000; float:none; width: fit-content; margin: 0 auto; }
.t-name{position: static; margin: 0px auto;width: 80%;}
.t-box p:first-of-type{margin-top:30px;text-align: center;}
.t-box p:last-child{margin-top:50px; }
}


@media (max-width: 768px) {
.pc{ display:none;}
.mp{ }
.sp{ display:inline;}

#footer #toTop {
	right: 1em;
	bottom: 1em;}
	
.header-image{background-image: url(img/index_sp.jpg);}

#header-page-title h2.entry-title{font-size: 40px;}
#header-page-title .byline{font-size: 22px;padding-top: 20px; line-height: 28px;}

h2.header-open{float: none;font-size: 50px;}
h2.header-open span{ font-size: 35px;}

.header-icon:last-child{ margin: 0 15px 30px 0; }
.boshu_icon{float:right; width: 175px;}

h1.heading { font-weight: 700; font-size: 40px; line-height:33px; padding: 20px;}
h1.heading span{ font-size: 25px;}

#about .plan p{padding: 20px 0;}
#about .plan p span{font-size: 24px;}
#about .plan p span.ls0{margin: 0 5px 0 -10px;}

#price h2{line-height:1.2;}
#price h2 span{font-size: 30px;}
  
.option,
.others{width: fit-content; float: none;}

#facility p{text-align: left;}
#contact .contact-text{text-align: center;}


}

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

img.custom-logo {max-height: 80%;}

#price table tr td span{font-size: 12px;}
#price table tr td:nth-of-type(2),
#price table tr td:nth-of-type(3){text-align: center; padding-left: 5px; padding-right: 5px;}

.t-main{background-size: 400px;padding-top: 550px;}

.tik_icon,
.insta_icon,
.line_icon{width: 55px; margin-right: 5px; margin-bottom: 50px;}
}


@media screen and (max-width:600px) {
.mw600{display: inline;}
#about .plan p span.ls0{margin: 0 5px 0 -20px;}

.t-name{width: fit-content;}

.l-box{padding: 10px 15px 30px 25px;}
.licence{width: 90%;margin: 25px auto;}

}
@media screen and (max-width:480px) {
.t-main{background-size: 350px;padding-top: 480px;}
}