@charset "UTF-8";
#main .ttl_main.movement h1{
	background:linear-gradient(-90deg, rgba(0,0,0,.1) 50%,rgba(0,0,0,.9)) 50%,url(../img/ttl_sz_movement.jpg) no-repeat center center / cover;
	}

#main .txt{
	margin:0 auto 50px;
	}
#main section{
	width:100%;
	height:auto;
	margin:0 auto 80px;
	}
#main h2{
	font-size:28px;
	line-height:48px;
	font-weight:normal;
	border-bottom:solid 1px #ccc;
	}
#main p{
	margin:0 auto 30px;
	}	
#main figure{
	width:100%;
	height:auto;
	margin:0 auto 30px;
	position:relative;
	}
#main figure img{
	width:35%;
	height:auto;
	margin:0 5% 0 0;
	float:left;
	}
#main figure figcaption{
	width:60%;
	height:auto;
	float:left;
	position:absolute;
	bottom:20px;
	right:0;
	}	


@media screen and (min-width:700px) and ( max-width:1050px) {
#main .txt{
	margin:0 auto 50px;
	}
#main section{
	width:100%;
	height:auto;
	margin:0 auto 80px;
	}
#main h2{
	font-size:28px;
	line-height:48px;
	font-weight:normal;
	border-bottom:solid 1px #ccc;
	}
#main p{
	margin:0 auto 30px;
	}	
#main figure{
	width:100%;
	height:auto;
	margin:0 auto 30px;
	position:relative;
	}
#main figure img{
	width:35%;
	height:auto;
	margin:0 5% 0 0;
	float:left;
	}
#main figure figcaption{
	width:60%;
	height:auto;
	float:left;
	position:absolute;
	bottom:20px;
	right:0;
	}	
}

@media screen and (max-width:700px) {
#main .txt{
	margin:0 auto 30px;
	}
#main section{
	width:100%;
	height:auto;
	margin:0 auto 50px;
	}
#main h2{
	font-size:28px;
	line-height:48px;
	font-weight:normal;
	border-bottom:solid 1px #ccc;
	}
#main p{
	margin:0 auto 30px;
	}	
#main figure{
	width:100%;
	height:auto;
	margin:0 auto 30px;
	position:static;
	}
#main figure img{
	width:100%;
	height:auto;
	margin:0 auto 20px;
	float:none;
	}
#main figure figcaption{
	width:100%;
	height:auto;
	float:none;
	position:static;
	}	
}