/*.contents {
	padding:0;
	margin:0;
}
.contents:after {
	content: "";
	clear: both;
	display: block;
}*/
.contents-01 {
	position: relative;
	top:-30px;
	margin-top:0px;
	margin-bottom:25px;	
	overflow: hidden;
	border:0px solid red;
}

.contents-01:after {
	content:  "";
	clear:both;
	display: block;
}
.contents-box01 {
	position: relative;
	width:1200px;
	height:520px;
	display: block;	
	padding:0;	
}
/*------------------------------------------------------------------------------------------------------------*/
.contents-02 {
	position:relative;
	overflow: hidden;
	border: 0px solid red;		
}
.contents-02:after {
	content: "";
	clear: both;
	display: block;
}
.contents-box02 {
	position: relative;
	display: block;	
	padding:0;
	margin-bottom:50px;	
}
.contents-02-01 {
	float:left;
	width:585px;
  
	
}
.contents-02-02 {
	float:right;
	width:585px;		
}
/* Opacity #1 */

/*------------------------------------------------------------------------------------------------------------*/

.contents-03 {
	position:relative;
	overflow:hidden;
	border:0px solid red;
	margin-bottom:80px;
}
.contents-03:after {
	content: "";
	clear: both;
	display: block;
}
.contents-03_title{
   padding-bottom:25px;
}
.contents-box03 {
	position: relative;
	width:100%;	
	display: block;	
	padding:0;	
	
	
}
.contents-03-01 {
	float:left;
	width:369px;	
}
.contents-03-02 {
	float:left;
	width:369px;
	margin-left:45px;
	margin-right:45px;
}
.contents-03-03 {
	float:right;
	width:369px;
	
}
/*------------------------------------------------------------------------------------------------------------*/
.contents-04 {
	border: 0px solid red;
	margin-top:50px;
	margin-bottom:50px;	
}
.contents-04:after {
	content: "";
	clear: both;
	display: block;}



.contents-04_toon {
	border:0px solid red;	
	float:left;		
}
.toon_box {
   width:100%;
   height:auto;
}
/*------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width:640px) {
	
.contents-01-01 img{ width:100%; height:auto; vertical-align:middle}
.contents:after {
	content: "";
	clear: both;
	display: block;
}

.contents-01 {
	top:0px;
	margin-top:0px;
	margin-bottom:0px;
	width:100%;
	overflow: hidden;
}

.contents-01:after {
	content:  "";
	clear:both;
	display: block;
}
.contents-box01 {
	position: relative;
	width:100%;
	height:auto;
	display: block;	
	padding:0;	
}
.contents-01-01 {	
	max-width:100%;
	height:auto;	
}
/*------------------------------------------------------------------------------------------------------------*/

.contents-02 {
	position: relative;
	overflow: hidden;
	border: 0px solid red;
	padding:10px;	
		
}
.contents-02:after {
	content: "";
	clear: both;
	display: block;
}

.contents-box02 {
	margin-bottom:0;	
}
.contents-02-01 {
	float:none;
	max-width:100%;
	height:auto;
	padding-bottom:0px;	
}
.contents-02-02 {
	float:none;
	max-width:100%;
	height:auto;	
	padding-top:10px;
}


/*------------------------------------------------------------------------------------------------------------*/

.contents-03 {
	border: 0px solid red;	
	padding:10px;
}
.contents-03:after {
	content: "";
	clear: both;
	display: block;
}

.contents-03_title {
	float:none;	
	margin-right:0;
	width:100%;
}
.contents-03_title img{ width:100%; height:auto}
.contents-03-01 {
	float:none;
	width:100%;
	height:auto;	
}
.contents-03-02 {
	float:left;
	width:100%;
	margin-right:0;
	margin-left:0;
	height:auto;	
}
.contents-03-03 {
	float:left;
	width:100%;
	height:auto;
}
/*------------------------------------------------------------------------------------------------------------*/

.contents-04 {
	border: 0px solid red;
	margin-top:0;
	margin-bottom:0;
	padding:10px	
}
.contents-04:after {
	content: "";
	clear: both;
	display: block;
}

.contents-04_toon {
	border:0px solid red;	
	float:none;	
	margin-top:0px;
	max-width:100%;
	height:auto;
	
}
.toon_box {
   width:100%;
   height:auto;
}
}