@charset "utf-8";


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

/******************************************************************** header
*/


/******************************************************************** globalNav
*/

/******************************************************************** container
*/



/******************************************************************** footer
*/
footer{
/*
	background:url(../img/bg_footer.jpg) no-repeat center top fixed;
*/
	background:url(../img/bg_footer.jpg) no-repeat center top;
	background-size:cover;
}
footer ul{display:block; margin-bottom:5%}
footer ul li{display:inline; margin-right:5%;}
footer ul li:last-child{ margin-right:0;}
footer ul li a:link{color:#FFF;}
footer ul li a:visited{color:#FFF;}

footer #copy { font-size:0.9rem;}


/******************************************************************** index
*/
.catch{
	background:url(../img/bg.jpg) no-repeat 67% 0;
	background-size:cover;
	height:100vh;
}
.catch  .top_logo{
	width:18%;
	top:14%;
	margin:0 auto 0 4%;
	line-height:0;
	position: relative;
}
h1{
	width:60%;
	margin:0 auto 0 4%;
	line-height:0;
	position: relative;
	top: 36%;
	-webkit-transform: translateY(-42%);
	-ms-transform: translateY(-42%);
	transform: translateY(-42%);
}
.catch h1 .cname:after{margin:3em auto;}

.catch h2{
	width:60%;
	bottom: 3%;
	margin:0 auto 0 4%;
}
.ttl{margin-bottom:80px;}
.ttl p{font-size:2.2rem;}
.ttl p:after{margin:15px auto;}
.ttl h2{
	letter-spacing:0.05em;
	font-size:2.2rem;
	font-weight:800;
	font-style: italic;
	line-height:1.2;
}
.bg_line {
    background-image: linear-gradient(rgba(0, 0, 0, 0) 50%, #f3ecd0 50%);
}

/******************************************************************** about
*/
#about{
	text-align:center;
	background:url(../img/nayami_bg_sp.jpg) no-repeat center top;
	background-size:cover;
	padding:80px 0 80px 0; 
	box-sizing:border-box;
}
#about .wrapper {
	text-align:left;
}
#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;
	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:25%;
	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;
}





/******************************************************************** osusume
*/
#osusume{
	background:url(../img/osusume_bg.jpg) no-repeat center top;
	background-size:cover;
	padding:80px 0 0 0; 
	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:50px;
}
#osusume ul li{
	background:url(../img/ico_check.png) no-repeat left center;
	padding-left:30px;
	margin-bottom:12px;
	font-size:1.2rem;
	font-weight:bold;
	background-size:20px 20px;
}
#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 .wrapper{
	padding:0 5% 0 5%;
}
#concept .concept_box_01{

}
#concept .concept_box_01_l{
	margin:0 auto;
	width:60%;
}
#concept .concept_box_01_l img{
	width:100%;
}
#concept .concept_box_01_r{

}



/******************************************************************** support
*/
#support{
	padding:30px 5% 120px 5%;
	background:url(../img/trainer_01.png) no-repeat right 80px #f1f1f1;
	background-position: right 80px;
	background-position: left 95% top 80px;
	background-size:50% auto;
}
#support .support_txt{
	width:55%;
	float:left;
}


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

/******************************************************************** voice
*/
#voice .wrapper{
	padding:0 5% 0 5%;
}
.youtube2 {
	margin:40px auto 0 auto;
}


/******************************************************************** price
*/
#price{
	background:url(../img/bg_price.jpg) no-repeat center center;
	background-size:cover;
}


/******************************************************************** contact
*/
#contact .wrapper{
	max-width:500px;
	margin:0 auto;
}