@charset "utf-8";

/* ===============================================

	BODY
  
=============================================== */


html {
	height:100%;
	overflow:auto;
	_overflow-y: scroll;
}

body {
	width:100%;
	height:100%;
}
*/

/* ===============================================

	LINK DECORATION
  
=============================================== */

a {
	color:#0068b7;
	text-decoration:none;
	outline:none;
}

a:link {
	color:#0068b7;
	text-decoration:underline;
}

a:visited {
	color:#0068b7;
	text-decoration:underline;
}

a:hover {
	color:#0068b7;
	text-decoration:none;
}
*/

/* ===============================================

	STYLE
  
=============================================== */


@media(min-width:769px){
.wrap {
	width: 800px;
	margin: 0 auto;
	padding: 0 20px;
	text-align:center;
}

.left {
	width: 380px;
	height: 290px;
}

.right {
	width: 380px;
	height: 290px;
}

.left h2,
.left p,
.right p {
	margin-bottom: 13px;
}

.right h2 {
	margin-bottom: 67px;
}
.right p a:hover img {
	opacity: 0.7;
}

.copy {
	padding-bottom: 30px;
}

}



@media(max-width:769px){
	.wrap {
		width: 100%;
		margin: 0 auto;
		padding: 0 20px;
		text-align:center;
	}

	.left {
		float: none !important;
		margin-bottom:60px;
	}

	.right {
		float: none !important;
	}

	.left h2,
	.left p,
	.right p {
		margin-bottom: 20px;
	}

	.right h2 {
		margin-bottom: 20px;
	}
	.right p a:hover img {
		opacity: 0.7;
	}

	.copy {
		padding-bottom: 30px;
	}

	.wrap img {
		width:95%;	
	}

.clear { clear: none !important;}


}