@charset "utf-8";

/*
	common
-------------------------------------------------------------------- */

#contents section {
	padding: 50px 0;
}



/*
	title
-------------------------------------------------------------------- */

h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}

h3 {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 30px;
}


/*
	contents
-------------------------------------------------------------------- */

#contents section .txt01 {
	font-size: 16px;
	line-height: 2em;
	margin-top: 50px;
}

#contents section .text_box {
	width: 55%;
	margin-right: 10%;
	float: left;
}

#contents section .img {
	width: 35%;
	float: right;
}

#cont02,
#cont04 {
	background: #D9EEF7;
}







/* tablet */
@media screen and (max-width: 768px){
/*
	common
-------------------------------------------------------------------- */

#contents section {
	margin: 0;
	padding-left: 30px;
	padding-right: 30px;
}


	
/*
	title
-------------------------------------------------------------------- */

h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 20px;
}

	
h3 {
	font-size: 16px;
	margin-bottom: 30px;
}





/*
	contents
-------------------------------------------------------------------- */

#contents section .txt01 {
	font-size: 16px;
	line-height: 2em;
	margin-top: 50px;
}

#contents section .text_box {
	width: 60%;
	margin-right: 5%;
	float: left;
}

#contents section .img {
	width: 35%;
	float: right;
	margin: 30px auto;
}

}





/* SP */
@media screen and (max-width:640px){

/*
	common
-------------------------------------------------------------------- */

#contents section {
	padding: 20px;
}


	
/*
	title
-------------------------------------------------------------------- */

h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
	text-align: center;
}

h3 {
	font-size: 16px;
	margin-bottom: 20px;
	text-align: center;
}





/*
	contents
-------------------------------------------------------------------- */

#contents section .txt01 {
	font-size: 16px;
	line-height: 1.6em;
	margin-top: 0px;
}

#contents section .text_box {
	width: 100%;
	margin-right: 0;
	float: none;
}

#contents section .img {
	width: 60%;
	float: none;
}

}