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

@media screen and (max-width: 1000px) {	
	
	article {overflow: hidden; padding: 50px 2%; width: 100%;}
	aside {padding: 20px 2%; width: 96%;}

	/*Figure*/
	figure {background-size: cover;}
	figure h1 {font: 30px/34px 'DTV-DIN'; top: -50px;}
	figure article {width: 96%; padding: 0 2% 0;}
	
	section h2, section h2 a {font-size:32px; line-height:36px; letter-spacing: -0.015em;}
	
	section p {font-size: 14px; line-height: 22px;}
	
	.Box .image {
		width: 40%;
	}
	.Box .txt {
		width: 60%;
	}
	.Box .txt p {
		font: 17px/20px "DTV-DIN-MEDIUM";
		padding-bottom: 20px;
	}

}

@media  screen and  (min-width: 320px) and (max-width: 600px){

	figure h1 {
    font-size: 28px;
    line-height: 32px;
	top: inherit;
    bottom: -60px;
	}
	figure article {
		height: 180px;
		width: 100%;
    	padding: 0 3%;
	}
	article {
		width: 94%;
		padding: 40px 3%;
	}
	section h2, section h2 a {font-size: 28px; line-height: 32px;}
	section a {font-size:14px;}
	
	.Box {
		width: 100%;
	}
	.Box.A {
		padding-right: 0;
		margin-bottom: 20px;
	}
	.Box.B {padding-left: 0;}
	.Box .image {width: 40%;}
	.Box .txt {width: 60%;}

}