@charset "UTF-8";


/*--------------------------------------------
↓　#training
--------------------------------------------*/
#training .box {
	margin-top: 50px;
}
#training .box-left {
	width: 300px;
	float: left;
}
#training .box-left img {
	width: 100%;
	height: auto;
}
#training .box-right {
	padding-left: 40px;
	box-sizing: border-box;
	float: right;
	display: inline-block;
	width: calc(100% - 300px);
}

@media screen and (max-width: 768px) {
#training .box {
	margin-top: 40px;
}
#training .box-left {
	width: 250px;
}
#training .box-right {
	padding-left: 30px;
	width: calc(100% - 250px);
}
}

@media screen and (max-width: 640px) {
#training .box-left,
#training .box-right {
	float: none;
}
#training .box-left {
	width: 100%;
}
#training .box-right {
	padding-left: 0;
	width: 100%;
	margin-bottom: 10px;
}
}