/*
プログラム
*/
#training h3{
	text-align:center;
	font-size: 40px;
    margin: 150px auto 100px auto;
}
#training p.txt{
	width:1600px;
	margin:50px auto;
    line-height: 1.5;
    font-size: 20px;
    text-align: center;
}
#training dl{
	width:1600px;
	margin:50px auto;
}
#training dt{
	padding: 10px;
	background: #5b5e65;
	font-size: 20px;
}
#training dd{
	margin-left: 0;
	margin-bottom: 20px;
	padding: 10px;
	font-size: 20px;
}
#training .beside{
	display: flex;
}
#training .circle_width{
	width: 20%;
	border: 2px solid #333;
	border-radius: 50%;
	background: #ff6600;
}
#training .circle_height {
	position: relative;
	padding-top: 100%;
	height: 0;
}
#training .circle_height p {
	position: absolute;
	top: calc((100% - 1em)/2);
	left: 0;
	right: 0;
	margin: 0;
	text-align: center;
	font-size: 40px;
}
#training .contents img.rio{ width:33.3%; }

#training .circle_height p.g3 {
	top: calc((100% - 1em)/2.5);
}
#training .flex-beside{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
#training .flex-beside > *{
    width: calc( 25% - 30px );
    margin-right: 40px;
    margin-bottom: 40px;
    font-size: 20px;
    line-height: 1.4;
    text-align: center;
}
#training .flex-beside > *:nth-child(4n){
    margin-right: auto;
}
#training .features img{
	width: 100%;
}
#training .features p{
	margin-top: 0;
	font-size: 16px;
    line-height: 1.4;
    text-align: left;
}
@media screen and (max-width: 1800px){
	#training p.txt{ width:100%; }
	#training .circle_height p { font-size: 30px; }
}
@media screen and (max-width: 1600px){
	#training dl{ width: 100%; }
}
@media screen and (max-width: 1500px){
	#training .circle_height p { font-size: 20px; }
	#training .flex-beside > *{ width: calc( 50% - 20px ); }
	#training .flex-beside > *:nth-child(3n){ margin-right: 40px; }
	#training .flex-beside > *:nth-child(2n){ margin-right: auto; }
}
@media screen and (max-width: 1100px){
	#training .circle_height p { font-size: 20px; }
}
@media screen and (max-width: 900px){
	#training .circle_height p { font-size: 16px; }
}
@media screen and (max-width: 800px){
	#training .flex-beside > *{ width: 100%;  margin-right: auto;  }
	#training .flex-beside > *:nth-child(3n){ margin-right: auto; }
	#training .features p{ text-align: center; }

}



/*
健康
*/
#training_health h3{
	text-align:center;
	font-size: 40px;
    margin: 150px auto 50px auto;
}
#training_health p.txt{
	width:1600px;
	margin:20px auto;
    line-height: 1.5;
    font-size: 20px;
    text-align:center;
}
#training_health p.photo { width:96%; margin:0px auto 20px auto; text-align:center; }
#training_health p.photo img { width:640px;  }
@media screen and (max-width: 1600px){
	#training_health p.txt { width:96%; }
	#training_health p.photo { width:96%; margin:0px auto 20px auto; text-align:center; }
	#training_health p.photo img { width:320px;  }
}

/*
ダイエット
*/
#training_diet h3{
	text-align:center;
	font-size: 40px;
    margin: 150px auto 50px auto;;
}
#training_diet p.txt{
	width:1600px;
	margin:50px auto;
    line-height: 1.5;
    font-size: 20px;
    text-align:center;
}
#training_diet ul{
	margin:50px auto;
    line-height: 1.5;
    font-size: 20px;
    text-align:center;
    list-style: none;
    color:#f00;
}

#training_diet dl{
	width:1600px;
	margin:50px auto;
	    text-align:center;
}
#training_diet dt{
	padding: 10px;
	background: #5b5e65;
	font-size: 20px;
	    text-align:center;
}
#training_diet dd{
	margin-left: 0;
	margin-bottom: 20px;
	padding: 10px;
	font-size: 20px;
    text-align:center;
}
@media screen and (max-width: 1600px){
	#training_diet p.txt { width:96%; }
	#training_diet ul{ width:96%; }
	#training_diet dl{ width:96%; }
}

/*
ボディメイク
*/
#training_bodymakeup h3{
	text-align:center;
	font-size: 40px;
    margin: 150px auto;
}
#training_bodymakeup ul li{
	width: 1600px;
    margin: 50px auto;
    line-height: 1.5;
    font-size: 20px;
    list-style: none;
    text-align:center;
}
#training_bodymakeup p.txt{
	width:1600px;
    margin: 0px auto 50px auto;
    line-height: 1.5;
    font-size: 20px;
    text-align:center;
}

#training_bodymakeup p.viocetxt{
	width:1600px;
    margin: 0px auto 50px auto;
    line-height: 1.5;
    font-size: 20px;
    text-align:center;
}

@media screen and (max-width: 1600px){
	#training_bodymakeup p.txt { width:96%; }
	#training_bodymakeup ul li{ width:96%; }
	#training_bodymakeup p.viocetxt{ width:96%; }
}
@media screen and (max-width: 1024px){
	#training .circle_width{ width: 30%; }
}