@charset "utf-8";

h2#second-title{
	background: url("../../img/h2_title.png") no-repeat right top;
	width: 100%;
	padding-top: 56px;
	margin-top: 65px;
	min-height:91px;
}

/* ==========================================================================
   block1
============================================================================= */

div#contents-block1{
	margin-bottom: 70px;
}

div#contents-block1 div.fll img{
	border: 2px solid #EEEEEE;
}

div#contents-block1 div.fll{
	width: 270px;
}

div#contents-block1 div.flr{
	width: 530px;
}

div#contents-block1 div.dl{
	background-color: #DDF2EF;
	padding: 20px;
	width: 490px;
	margin-top: 140px;
}

div#contents-block1 div.dl div.fll{
	color:#6ea69d;
	width: 250px;
}

div#contents-block1 div.dl div.flr{
	color:#6ea69d;
	width: 230px;
}

div#contents-block1 div.dl div.flr a{
	color:#fff;
	background-color: #0CAD84;
	display: block;
	padding: 15px 0;
	transition:all .2s;
}

div#contents-block1 div.dl div.flr a:hover{
	background-color: #6FB92C;
}

/* ==========================================================================
   block2
============================================================================= */

div#contents-block2{
	margin-bottom: 70px;
}

div#contents-block2 div.fll{
	width: 60%;
}
div#contents-block2 div.flr{
	width: 40%;
}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media screen and (max-width: 750px) {
	/* ==========================================================================
	   container
	============================================================================= */
	div.container{
		width: 600px;
	}
	
	h2#second-title{
		width: 100%;
		padding-top: 45px;
		margin-top: 115px;
		margin-bottom: 40px;
	}
	
	/* ==========================================================================
	   block1
	============================================================================= */
	
	div#contents-block1 p.fs18{
		font-size: 30px;
	}
	
	div#contents-block1 div.fll,
	div#contents-block1 div.flr{
		width: 100%;
	}
	
	div#contents-block1 div.fll{
		margin-top: 60px;
		text-align: center;
	}
	
	div#contents-block1 div.fll img{
		border: 1px solid #EEEEEE;
		width: 441px;
		height: 601px;
	}
	
	div#contents-block1 div#txt-dl{
		width: 100%;
		margin-top: 50px;
		font-size: 30px;
		background-color: #DDF2EF;
		padding: 15px 0;
	}
	
	div#contents-block1 div#btn-dl a{
		color:#fff;
		background-color: #0CAD84;
		display: block;
		padding: 40px 0;
		font-size: 45px;
		transition:all .2s;
	}
	
	div#contents-block1 div#btn-dl a:hover{
		background-color: #6FB92C;
	}
	
	
	/* ==========================================================================
	   block2
	============================================================================= */
	
	div#contents-block2 div.fll,
	div#contents-block2 div.flr{
		width: 100%;
		float: none;
	}
	
	div#contents-block2 p.fs18{
		font-size: 28px;
	}
	

}