@charset "utf-8";


/******************************************************************** structure
*/

.wrapper {
	width:98%;
	max-width:1200px;
	text-align: left;
	margin: 0 auto;
	box-sizing:border-box;
}
.pc_none{display:none;}
.sp_none{display:block;}


/******************************************************************** header
*/
header #header{
	max-width:1200px;
	margin:0 auto;
	height:95px;
	padding:0;
}

header #header .logo{
	width:125px;
	float:left;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
header #header .logo img{

}

header .fixed{
	height:60px !important;
	width:auto;
}
header .fixed .logo img{
	width:70% !important;
}

/******************************************************************** globalNav
*/
.globNav-toggle,
#globalNav li.home,
#globalNav li.close{display:none;}
#globalNav {
	position:static;
	top:0;
	right:0;
	/*
	margin-top:-24px;
	*/
	float:right;
	width:860px;

}
#globalNav li{
	background:transparent;
	display: inline-block;
}
#globalNav li a{
/*
	width:140px;
*/
	height:95px;
	line-height:95px;
	font-size:13px;
	padding:0 15px;
	display:block;
}
#globalNav li a:hover{color: #fff;}
#globalNav li a::before,
#globalNav li a::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
#globalNav li a::after{
	top: -100%;
	width: 100%;
	height: 100%;
}
#globalNav li a,
#globalNav li a::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
#globalNav li a:hover::after{
	top: 0;
	left: 0;
	background-color: #191919;
}

.fixed #globalNav li a{
	height:60px !important;
	line-height:60px !important;
}

/******************************************************************** container
*/
.ttl{
	margin-bottom:6%;
	text-align:center;
}
.ttl p{
	font-size:2rem;
	line-height:1;
}
.ttl p:after{
	display:block;
	content:" ";
	background:#E50012;
	width:80px;
	height:2px;
	margin:2.5% auto;
}
.ttl h2{
	letter-spacing:0.05em;
	font-size:2.4rem;
	font-weight:800;
	font-style: italic;
	line-height:1.2;
}
.bg_line {
    background-image: linear-gradient(rgba(0, 0, 0, 0) 50%, #f3ecd0 50%);
}
/******************************************************************** footer
*/

footer{
	padding:40px 0;
	color:#FFF;
}
footer .wrapper{text-align:center;}
footer .logo{margin-bottom:20px;}
footer h2{margin-bottom:40px; line-height:1;}
footer ul{margin-bottom:40px;}
footer .txt { letter-spacing: 0.05em; font-size:1.2rem; margin-bottom:2%}
footer #copy { letter-spacing: 0.05em; font-size:0.7rem; color:#CCC;}

/******************************************************************** index
*/
.catch{
	background:url(../img/bg.jpg) no-repeat 50% 0;
	background-size:cover;
	height:100vh;
}

.catch  .top_logo{
	width:12%;
	top:14%;
	margin:0 auto 0 10%;
	line-height:0;
	position: relative;
}
.catch .top_logo img{
	width:100%;
}
h1{
	width:45%;
	margin:0 auto 0 10%;
	line-height:0;
	position: relative;
	top: 52%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.catch h1 .cname:after{margin:3em auto;}

.catch h2{
	width:46%;
	margin:0 auto 0 10%;
	bottom: 2%;
}
.ttl{margin-bottom:80px;}
.ttl p{font-size:2.4em;}
.ttl p:after{margin:15px auto;}




/******************************************************************** btn_contact
*/
#btn_contact{
	text-align:center;
	padding:4% 5%;
	position:relative;
	overflow:hidden;
	box-sizing:border-box;
	background:#ffffff;
}
#btn_contact img{
	max-width:889px;
}
.tel{
	margin:30px auto 0 auto;
}
.tel p{
	margin:30px 0 0 0;
}
.tel p.tel_txt{
	font-family: "Oswald";
	font-size: 4rem;
	font-weight: 900;
}
.tel p.tel_txt span{
	font-size: 1.2rem;
}


/******************************************************************** about
*/
#about{
	text-align:center;
	background:url(../img/nayami_bg.jpg) no-repeat center top;
	background-size:cover;
	padding:80px 0 80px 0; 
	box-sizing:border-box;
}
#about .wrapper {
	text-align:left;
	max-width:1600px;
}
#about h3{
	font-size: 1.6rem;
	font-weight: 900;
	line-height:1.3;
	margin-bottom:1.5rem;
}
#about h3 span{
	background: linear-gradient(transparent 60%, #FFD200 60%);
}
#about .txt{
	line-height:1.6;
	font-size:1rem;
	text-align:left;
	width:55%;
	margin-bottom:30px;
}
#about .txt strong{
	font-weight:bold;
}

#about ul.about_box_01_list{
    margin:10px 0px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
}
.about_box_01_list li{
	width:20%;
	float:left;
}
.about_box_01_list li img{
	width:100%;
}
.about_box_01_list li p{
	text-align:left;
	padding:0 10px 0 10px;
	font-size:0.9rem;
	line-height:1.4;
}


/******************************************************************** polar
*/
#polar{
	text-align:center;
	/*
	background:url(../img/nayami_bg.jpg) no-repeat center top;
	*/
	background-size:cover;
	padding:80px 0 80px 0; 
	box-sizing:border-box;
	margin-bottom:40px;
}
#polar .wrapper {
	text-align:left;
	margin-bottom:20px;
}
.polar_img{
	width:40%;
	float:left;
}
.polar_img img{
	width:100%;
}
.polar_img_02{
	width:40%;
	float:right;
}
.polar_img_02 img{
	width:100%;
}
#polar h3{
	font-size: 1.6rem;
	font-weight: 900;
	line-height:1.3;
	margin-bottom:1.5rem;
}
#polar h3 span{
	background: linear-gradient(transparent 60%, #FFD200 60%);
}
#polar .txt{
	line-height:1.6;
	font-size:1rem;
	text-align:left;
	margin-bottom:30px;
}
#polar .txt strong{
	font-weight:bold;
}

#polar ul.polar_box_01_list{
    margin:40px 0px 0px 0px ;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
}
.polar_box_01_list li{
	width:50%;
	float:left;
	margin-bottom:15px;
}
.polar_box_01_list li img{
	width:100%;
}
.polar_box_01_list li p{
	text-align:left;
	padding:0 10px 0 10px;
	font-size:0.9rem;
	line-height:1.4;
}




/******************************************************************** method
*/
#method{
	text-align:center;
	/*
	background:url(../img/nayami_bg.jpg) no-repeat center top;
	*/
	background-size:cover;
	background:#F4F2EC;
	padding:80px 0 80px 0; 
	box-sizing:border-box;
}
#method h3{
	font-size: 1.6rem;
	font-weight: 900;
	line-height:1.3;
	margin-bottom:1.5rem;
	text-align:center;
}
#method h3 span{
	background: linear-gradient(transparent 60%, #FFD200 60%);
}
#method .txt{
	line-height:1.6;
	font-size:1rem;
	text-align:left;
	margin-bottom:30px;
}
#method .txt strong{
	font-weight:bold;
}

#method .method_box{
	background:#fff;
	padding:4%;
	margin-top:30px;
}
#method .no{
	margin:0 auto 30px auto;
	text-align:center;
}
#method h3{
	font-size: 2rem;
	font-weight: 900;
	text-align:center;
	line-height:1.3;
	margin-bottom:3rem;
}


#method .method_box_l{
	float:left;
	width:48%;
}
#method .method_box_l img{
	width:100%;
}
#method .method_box_r{
	float:right;
	width:48%;
}

#method .method_box_s{
	border:1px solid #ccc;
	margin:20px 0;
	padding:16px 20px;
}

#method_box_01_list{

}
#method  ul.method_box_01_list{
    margin:10px 0px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
}
#method  ul.method_box_01_list li{
	width:24%;
	margin-right:1%;
	float:left;
}
#method  ul.method_box_01_list li img{
	width:100%;
}
#method  ul.method_box_01_list li p{
	text-align:left;
	font-size:0.9rem;
	line-height:1.4;
}

/******************************************************************** soap
*/
#soap{
	padding:80px 0;
	background:#EFF3F4;
}

#soap .ttl h2{}

#soap .soap_box{
	background:#fff;
	padding:4%;
	margin-top:30px;
}
#soap .no{
	margin:0 auto 30px auto;
	text-align:center;
}
#soap .no span{
	display:block;
	font-size:20px;
}
#soap h3{
	font-size: 2rem;
	font-weight: 900;
	text-align:center;
	line-height:1.3;
	margin-bottom:3rem;
}




#soap .soap_box_01 img{
	width:100%;
}
#soap .soap_box_01_l{
	float:left;
	width:48%;
}
#soap .soap_box_01_l img{
	width:100%;
}
#soap .soap_box_01_r{
	float:right;
	width:48%;
}
#soap ul.soap_box_03_list{
    margin:0 0 10px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
}
.soap_box_03_list li{
	width:50%;
	margin:0 auto;
	/*
	float:left;
	*/
}
.soap_box_03_list li img{
	width:100%;
}
.soap_box_03_list li p{
	text-align:left;
	padding:0 20px 0 20px;
}


.soap_kinou_box{
	border:1px solid #ccc;
	margin:20px 0;
	padding:16px 20px;
}

/******************************************************************** omakase
*/
#omakase{
	padding:40px 0 80px 0;
}
#omakase .wrapper{
	background:url(../img/koriman.png) no-repeat left top;
}
#omakase .omakase_txt{
	width:50%;
	float:right;
}
#omakase .omakase_catch{
	font-size:2rem;
	font-weight:bold;
	line-height:1.3;
	margin-bottom:30px;
}
#omakase img{
	margin:40px auto 40px auto;
	width:100%;
}
#omakase .txt_f{
	padding-top:30px;
	background:#fff;
}




/******************************************************************** osusume
*/
.osusume_01{
	margin:0 auto 30px auto;
}
.osusume_01 img{
	width:100%;
}

#osusume{
	background:url(../img/osusume_bg.jpg) no-repeat center top;
	/*
	background-size:100% auto;
	*/
	background-size:cover;
	padding:80px;
	box-sizing:border-box;
}
#osusume .ttl,
#osusume .txt{
	position:relative;
	z-index:2;
}
#osusume .txt{
/*
	line-height:2.25;
	text-align: justify;
	text-justify: inter-ideograph;
*/
}
#osusume ul{
	margin-bottom:100px;
}
#osusume ul li{
	background:url(../img/ico_check.png) no-repeat left center;
	padding-left:60px;
	margin-bottom:26px;
	font-size:1.7rem;
	font-weight:bold;
	background-size:40px 40px;
}
#osusume ul li span{
	color:#E20000;
}
#osusume .arrow{
	background:url(../img/onayami_arrow.png) no-repeat bottom center;
	bottom:0;
	height:60px;
	width:100%;
}
/******************************************************************** concept
*/
#concept{
	padding:80px 0;
}

#concept .ttl h2{}

#concept .concept_box{
	background:#fff;
	padding:4%;
	margin-top:30px;
}
#concept .no{
	margin:0 auto 30px auto;
	padding:10px;
	width:90px;
	height:90px;
	line-height:1;
	background:#333;
	color:#fff;
	font-size: 4rem;
	font-weight: 900;
	text-align:center;
}
#concept .no span{
	display:block;
	font-size:20px;
}
#concept h3{
	font-size: 2rem;
	font-weight: 900;
	text-align:center;
	line-height:1.3;
	margin-bottom:3rem;
}



#concept ul li{
	margin-bottom:30px;
	text-align:center;
}
#serconceptvice ul li h3{
	font-size:1.2rem;
	margin-bottom:0.5em;
}
#concept .ico{
	border:#FFF 2px solid;
	border-radius:80px;
	width:160px;
	height:160px;
	text-align:center;
	line-height:0;
	padding:40px 0;
	margin:0 auto;
	box-sizing:border-box;
}
#concept .fR{
	float:none;
	margin-top:2.5%;
}
#concept .txt{
	line-height:1.8;
	margin-bottom:1rem;
}
#concept a:link,
#concept a:visited{color:#FF6; text-decoration:underline;}


#concept .concept_box_01 img{
	width:100%;
}
#concept .concept_box_01_l{
	float:left;
	width:48%;
}
#concept .concept_box_01_l img{
	width:100%;
}
#concept .concept_box_01_r{
	float:right;
	width:48%;
}
#concept ul.concept_box_03_list{
    margin:0 0 10px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
}
.concept_box_03_list li{
	width:50%;
	margin:0 auto;
	/*
	float:left;
	*/
}
.concept_box_03_list li img{
	width:100%;
}
.concept_box_03_list li p{
	text-align:left;
	padding:0 20px 0 20px;
}



/******************************************************************** support
*/
#support{
	padding:30px 50px 120px 50px;
	background:url(../img/trainer_01.png) no-repeat right 80px #f1f1f1;
	background-position: right 80px;
	background-position: left 85% top 80px;
}
#support .support_txt{
	width:55%;
	float:left;
}
#support .support_catch{
	font-size:2.4rem;
	font-weight:bold;
	line-height:1.3;
	margin-bottom:30px;
}


/******************************************************************** flow
*/
#flow{
	padding:80px 0;
}
#flow .flow_img{
	margin:0 30px 20px 0;
	width:40%;
	float:left;
}
#flow .flow_img img{
	width:100%;
}


#flow .ttl h2{}
#flow ul li{
	margin-bottom:12%;
	text-align:center;
}
#flow ul li h3{
	font-size:1.2rem;
	margin-bottom:0.5em;
}
#flow .ico{
	border:#FFF 2px solid;
	border-radius:80px;
	width:160px;
	height:160px;
	text-align:center;
	line-height:0;
	padding:40px 0;
	margin:0 auto;
	box-sizing:border-box;
}
#flow .fR{
	float:none;
	margin-top:2.5%;
}
#flow ul li .txt{
	line-height:1.4;
	font-size:0.9em;
	text-align: justify;
	text-justify: inter-ideograph;
}

#flow .step{
	background:#fff;
	padding:40px;
	margin-top:50px;
}
#flow .step_box{
	background:#fff;
	padding:40px;
	margin-top:50px;
}
#flow .no{
	margin:0 auto 30px auto;
	padding:10px;
	width:90px;
	height:90px;
	line-height:1;
	background:#69CAF7;
	color:#fff;
	font-family: 'Didact Gothic';
	font-size: 4rem;
	font-weight: 900;
	text-align:center;
}
#flow .no span{
	display:block;
	font-size:20px;
}
#flow h3{
	font-size: 2rem;
	font-weight: 900;
	text-align:center;
	line-height:1.3;
	margin-bottom:3rem;
}
#flow .about_tel_btn{

}
#flow .about_tel_btn img{
	margin-top:18px;
	width:400px;
}
.flow_03_02{
	text-align:center;
}
.flow_03_02 img{
	width:80%;
}


/******************************************************************** fct
*/
#fct{
	padding:80px 0;
	background:#f5f5f5;
}
#fct p.txt{
	margin-bottom:20px;
 }
#fct ul.fct_box_01_list{
    margin:10px 0px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
}
.fct_box_01_list li{
	width:31%;
	padding:1%;
	float:left;
}
.fct_box_01_list li img{
	width:100%;
}
.fct_box_01_list li p.fct_ttl_sub{
	font-size:1rem;
	font-weight:bold;
	margin-bottom:10px;
}
.fct_box_01_list li p{
	text-align:left;
	padding:0 10px 0 10px;
	font-size:0.9rem;
	line-height:1.5;
}


/******************************************************************** price
*/
#price{
	padding:60px 0 60px 0;
	background:url(../img/bg_price.jpg) no-repeat center top 
	background-attachment:fixed;
}
#price .ttl_price{
	margin-bottom:0px;
}
#price .nyukaikin{
/*
	margin-bottom:400px;
*/
	margin-top:700px;
}
#price .ttl h2{
	color:#fff;
}
#price h3{
	color:#fff;
	font-size: 2rem;
	font-weight: 900;
	text-align:center;
	line-height:1.3;
	margin-bottom:3rem;
}
#price a:link,
#price a:visited{color:#FF6; text-decoration:underline;}
#price .txt p:first-of-type {
    margin-top: 0;
}
#price .txt {
    margin-top: 40px;
}
#price p.txt  {
	color:#fff;
    margin-top: 16px;
    text-align:center;
}
#price table{
	margin:30px auto 30px auto;
	width: 100%;
}

#price table th {
    text-align: center;
    padding: 5px 15px;
    background: #444;
    color: #fff;
    font-weight: normal;
    vertical-align: middle;
    border: solid 1px #aaa;
    box-sizing: border-box;
}
#price table td {
    text-align: center;
    padding: 5px 15px;
    border: solid 1px #aaa;
    box-sizing: border-box;
    background:#fff;
}
#price table td span{
	font-size:1.5rem;
	font-weight:bold;
}

/******************************************************************** voice
*/
#voice{
	padding:80px 0;
}
#voice .ttl h2{}
#voice h3.ttl_sub{
	font-size: 2rem;
	font-weight: 900;
	text-align:center;
	line-height:1.3;
	margin-bottom:20px;
}
#voice .beforeafter{
	margin-bottom:30px;
}

#voice a:link,
#voice a:visited{color:#FF6; text-decoration:underline;}


#voice .txt p:first-of-type {
    margin-top: 0;
}
#voice .txt p{
    margin-top: 16px;
}
#voice .txt p span{
    font-weight:bold;
    background-image: linear-gradient(transparent 50%, #ffafaf 50%);
}
.youtube2 {
	position: relative;
	padding:0;
	margin:40px auto 0 auto;
	width: 800px;
	height:450px;
}
.youtube2 iframe {
	position:relative;
	width: 800px;
	height:450px;
}


/******************************************************************** studio
*/

#studio{
	padding:80px 0;
}

#studio p.txt{
	text-align:center;
}
#studio h3{
	font-size: 2rem;
	font-weight: 900;
	text-align:center;
	line-height:1.3;
	margin-bottom:3rem;
}
#studio ul{
    margin:0 0 10px;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
}
#studio ul li{
	margin-top:30px;
	text-align:left;
	float:left;
	width:30%;
	padding:1.5%;
}
#studio ul li h3{
	font-size:1.2rem;
	margin-bottom:0.5em;
	font-weight:bold;
	
}
#studio ul li img{
		width:100%;
}


#studio ul li p{
	line-height:1.3;
	font-size:0.9em;
	text-align: justify;
	text-justify: inter-ideograph;
}
#studio a:link,
#studio a:visited{color:#30A0DA; text-decoration:underline;}

.official{
	width:480px;
	margin:70px auto 0 auto;
}
.official img{
	width:100%;
}

.official2 ul{
	display:flex;
	justify-content:center;
	margin:70px auto 0 auto !important;
}
.official2 li{
	width:30% !important;
	padding:0 1% !important;
}
.official2 li img{
	width:100%;
}

/******************************************************************** contact
*/
#contact{
	padding:80px 0;
}
#contact .wrapper{
	max-width:1000px;
}
#contact .contact_txt{
	text-align:center; 
}
#contact dd ol li{
/*
	width:90%;
	*/
	margin:0 auto !important;
}
#contact dt{
	float:left;
	clear:left;
	width:250px;
	padding-top:10px;
}
#contact dd{
	float:left;
	width:750px;
}
/******************************************************************** thanks
*/
.thanks{
	padding:160px 0 80px;
	text-align:center;
}
.thanks .wrapper{
	text-align:center;
}

.btn a{
	width:500px;
}




/********************************************************************  tablet
*/
@media screen and (max-width: 1080px) and (min-height: 1024px) {
	.catch{
		background:url(../img/bg.jpg) no-repeat 74% 0;
		background-size:cover;
		height:100vh;
	}
	.catch  .top_logo{
		width:18%;
		top:14%;
		margin:0 auto 0 5%;
		line-height:0;
		position: relative;
	}
	h1{
		width:58%;
		margin:0 auto 0 5%;
		line-height:0;
		position: relative;
/*
		top: 42%;
*/
		top: 60%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}

	.catch h1 .cname:after{margin:3em auto;}

	.catch h2{
		width:85%;
		margin:0 auto 0 5%;
		bottom: 2%;
	}
	
	
	#about{
		text-align:center;
		background:url(../img/nayami_bg.jpg) no-repeat 64% top;
		background-size:cover;
		padding:80px 0 80px 0; 
		box-sizing:border-box;
		margin-bottom:40px;
	}
	
}