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

.container{
max-width:750px;
margin:0 auto;
font-family:'Noto-Sans',sans-serif;
position:relative;
}
@media screen and (max-width:780px){
	.container{
		width:100%;
	}
}
/*main*/
.main{
	margin:5% auto;
	overflow:hidden;
		position:relative;
	text-align: center;
}
.cell{
	width:95%;
	height:auto;
margin:0 auto;
}
.main_wrap{
	margin:12% auto 0 auto;
	text-align: center;

}
.main_wrap img{
	z-index:99;
	
	width:90%;
	
}
.main_back{
width:100%;
position:relative;
}
.main_backImage{
width:100%;
}
#course{
	position:absolute;
	width:85%;
	right:7.5%;
	bottom:30%;
}
.main_anime img{
max-width:32%;
height:auto;
position:absolute;	
}
/*吹き出しアニメーション*/
/*eat*/
#anime01{
	top:32%;
	left:7%;
}
/*remote*/
#anime02{
	left:0%;
	top:62.5%;
	width:25.5%;
}
/*cold*/
#anime03{
	top:32%;
	right:3%;
	z-index:-1;
}
/*tired*/
#anime04{
	top:45%;
	left:0%;
	z-index:-1;
}
/*sports*/
#anime05{
	top:30.5%;
	left:40%;
	width:25%;
}
/*stress*/
#anime06{
	top:53%;
	right:-2%;
	
}



/*コンバージョンボタン*/
.fixed{
	position:fixed;
	bottom:0;
	width:100%;
	z-index:99999;
	right:0;
		animation:fwari ease-in-out 1.8s infinite alternate;
    -webkit-animation:fwari ease-in-out 1.8s infinite alternate;
    -moz-animation:fwari ease-in-out 1.8s infinite alternate;
}
.fixed img{

}
.btn_wrap{ 
	margin:0 auto;
	text-align: center;
	max-width:750px;
	display:flex;
	justify-content: space-between;
	max-height:227px;
	
    }
.btn_wrap{ 
	margin:0 auto;
	text-align: center;
	max-width:750px;
	display:flex;
	justify-content: space-between;
	max-height:227px;
	
    }
#kotei img{
	display:block;
	max-width:100%;
}
#kotei a:last-child img{
margin-top:27.1%;
}
.fixBtn a{
display:block;
cursor:pointer;
text-align: center;
}
.fixBtn a:hover{
opacity:0.75;
}
.fixBtn img{
max-width:750px;
margin:0 auto;

}
@media screen and (max-width:780px){
.fixBtn img{
max-width:100%;

}
}
/**/
.fixed a{
display:block;
cursor:pointer;
text-align: center;
}
.fixed a:hover{
opacity:0.75;
}
.fixed img{
max-width:750px;
margin:0 auto;
}

@media screen and (max-width:780px){
.fixed img{
max-width:100%;

}
}



/*共通項*/
.block02,.block03,.block04,.block05,.block06,.block07{
	position:relative;
}

.block02_back,.block03_back,.block04_back,.block05_back{
	width:100%;
}
.btn{
	position:absolute;
	width:100%;
	bottom:-19%;
	left:0;
	z-index:99;
/*	huwahuwa animation*/
/*
    animation:fwari ease-in-out 1.3s infinite alternate;
    -webkit-animation:fwari ease-in-out 1.3s infinite alternate;
    -moz-animation:fwari ease-in-out 1.3s infinite alternate;
*/
}
@keyframes fwari{
    0%   { transform:translate(0%, -2px); }
	 50%   { transform:translate(0%, -8px); }
    100% { transform:translate(0%, 8px); }
}
@-webkit-keyframes fwari{
     0%   { transform:translate(0%, -2px); }
	 50%   { transform:translate(0%, -8px); }
    100% { transform:translate(0%, 8px); }
}
@-moz-keyframes fwari{
     0%   { transform:translate(0%, -2px); }
	 50%   { transform:translate(0%, -8px); }
    100% { transform:translate(0%, 8px); }
}
/*block02*/
.stars{
	position:absolute;
	width:100%;
	top:7%;
	left:0;
	height:20%;
}
.stars img{
	width:11.5%;
	position:absolute;
}
.stars img:first-child{
top:21%;
	left:32%;
}
.stars img:nth-child(2){
left:45%;
	top:18%;
}
.stars img:nth-child(3){
right:31%;

top:21%;
}
#b1{position:absolute;
width:30%;
bottom:26%;
left:5%;
opacity:0.8;}
#b2{position:absolute;
width:30%;
bottom:26%;
right:5%;
opacity:0.8;}

/*block03*/
.bl03_fade{
	left:5%;
	top:24.2%;
	position:absolute;
	width:90%;
	display:flex;
	justify-content: space-between;
}
.bl03_fade img{
	width:23%;
	height:23%;
	z-index:-1;
}
#saikyou{
	width:26%;
	position:absolute;
	bottom:36%;
	left:10.5%;
}
#woman02{
	bottom:22.4%;
	left:7.5%;
	width:24.5%;
	position:absolute;
	z-index:5;
}
.check_mark{
	width:10%;
	position:absolute;
	height:10%;
	left:13.8%;
	bottom:9.5%;
}
.check_mark img{
	width:40%;
	display:block;
	margin-bottom:59%;
}
/*block04*/
.block04{
	overflow:hidden;
}
.block04_back{
	width:100%;
	
}
.block04_fade{
	position:absolute;
	width:100%;
	right:0;
	bottom:5.9%;
}

.block04_fade img{
	width:100%;
	margin-bottom:3.2%;
}

#meth01{
	position:absolute;
	top:4.2%;
	right:0;
		width:100%;
}

#meth02{
	position:absolute;
	top:32.2%;
	right:0;
	width:100%;
}


/*block05*/
.block05{
	margin-top:-1%;
}
.block05_fade{
	position:absolute;
	width:85%;
	top:19%;
	left:7.5%;
	
}
.block05_fade img{
	margin-bottom:2%;
}
.xmark{
	position:absolute;
	width:5.8%;
	z-index:999;
	top:22.9%;
	left:48%;
}
#fight{
	position:absolute;
	width:31%;
	bottom:32.3%;
	right:19.5%;
}
.block05 #course{
	bottom:12.5%;
}
.block05 .btn{
	bottom:3%;
}
/*block06 ダイエットチャレンジ*/
.block06{
	margin-top:24.5%;
}
.block06_back{
	width:100%;
}
.block06ttl{
position:absolute;
	max-width:95%;
	top:-4.2%;
	left:0;
}
#challenge{
	width:82%;
	left:8.5%;
	position:absolute;
	top:8.5%;
}
#bl06_comment{
	width:90%;
	position:absolute;
	bottom:51%;
	left:6%;
}
#bl06_coursettl{
	position:absolute;
	width:90%;
	left:5%;
	bottom:40.5%;
}
.block06_fade{
	position:absolute;
	max-width:100%;
	top:10.1%;
	text-align: center;
}
.block06_fade img{
	width:100%;
	
}
.block06_fade img:nth-child(2),.block06_fade img:nth-child(3){
	margin-top:-6.5%;
}
/*料金プラン*/

.block06_fade02{
	position:absolute;
	width:90%;
	left:5%;
	bottom:22.5%;
	text-align: center;
}
.block06_fade02 img{
	width:100%;
	margin-bottom:3%;
}
.block06 #course{
	bottom:3.3%;
}
#bl06_worning{
	width:45%;
	position:absolute;
	bottom:22%;
	right:5%;
}
.block06 .btn{
	bottom:0.3%;
}
/*block07 フェイバリックスネットワーク　地図、ロゴ*/
.block07{text-align: center;}
img.logo{
	width:70%;
	margin:15% auto 15% auto;
	text-align: center;
}
.floorPic{
	width:90%;
	margin:7% auto 3% auto;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.floorPic img{
width:49%;
	height:49%;
	margin-bottom:2%;
}
#block07_fade{
	width:90%;
}
.left{
	text-align: left;
	width:70%;
	margin-left:5%;
	margin-bottom:2%;
}

/*map*/
.map{
position:relative;

}

.map img{
	width:90%;
	margin:10% auto;
	text-align: center;
}
.map a{
	display:block;
	padding:3%;
}
.map a:hover{
	opacity:0.8;
}
.map_content img{
width:24%;
position:absolute;

}
.hokkaido{
	top:3.5%;
	right:12%;	
}
.tohoku{
	top:20%;
	right:4%;
}
.kanto{
	right:4%;
	top:37%;
}
.chubu{
	top:45.5%;
	right:24%;
}
.kinki{
	top:38%;
	right:38%;
}
.shikoku{
	top:46.4%;
	left:23.5%;
}
.kyusyu{
	top:43%;
	left:5%;
}
.okinawa{
	top:0;
	left:10%;
}
img#touch{
	width:80%;
	bottom:22%;
	right:10%;
}
.ft_att {
	padding: 1em;
}

.ft_att li {
	line-height: 1.5;
	margin-bottom: 1em;
	font-size: .75em;
}
footer {
	text-align: center;
	margin-bottom: 7em;
}