.contents {
    padding:34px 64px 60px 64px;
    margin: 0;
    background: #f4f4f4;   
}
.contents:after {
	content: "";
	clear: both;
	display: block;
}

.contents-04 {
	width:1200px; 
	height:472px;
	
}
.contents-04 a {
	/*background: url("../images/main-1.jpg") no-repeat;*/
	width:100%;
    height:100%;
	background-size: 100% 100%;
}

.contents-01 {
	position:relative;
	overflow: hidden;
	border-bottom: 1px solid #dfdfdf;
	margin-bottom:32px;	
}
.contents-01:after {
	content:  "";
	clear:both;
	display: block;
}
.contents-box01 {
	position: relative;
	display: block;	
	
}
.contents-01-01 {
	float:left;
	width:706px;  
	height:348px;	
	padding-bottom:32px;
}
.contents-01-01 a {
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/main-01.jpg") no-repeat;
    background-size: 100% 100%;
}

.contents-01-02 {
	float:right;
	width:338px;
	height:348px;		
}

.contents-01-02 a {
    display: block;
    width: 100%;
    height: 100%;
    background: url("../images/main-02.jpg") no-repeat;
    background-size: 100% 100%;
}

/*------------------------------------------------------------------------------------------------------------*/
.contents-02 {
	position:relative;
	overflow: hidden;
	border-bottom: 1px solid #dfdfdf;
	margin-bottom:30px;		
}
.contents-02:after {
	content: "";
	clear: both;
	display: block;
}
.contents-box02 {
	position: relative;
	display: block;	
	padding:0;
	
}
.contents-02-01 {
	float:left;
	width:338px;   
	height:312px;	
	padding-bottom:32px;	
}
.contents-02-02 {
	float:left;
	width:338px;   
	height:312px;	
	margin: 0 29px 0 29px;		
}
contents-02-03 {
	float:left;
	width:338px;   
	height:312px;			
}
/*------------------------------------------------------------------------------------------------------------*/

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

.contents-box03 {
	position: relative;
	width:100%;	
	display: block;	
	padding:0;	
}
.contents-03-01 {
	float:left;
	width:338px;   
	height:312px;		
}
.contents-03-02 {
	float:left;
	width:338px;   
	height:312px;	
	margin: 0 29px 0 29px;	
}
.contents-03-03 {
	width:338px;
	float:left;
}
.contents-03-03-1 {	
	width:338px;   
	height:140px;	
	margin-bottom:10px;		
}
.contents-03-03-2 {	
	width:338px;   
	height:76x;
	margin-bottom:10px;			
}
.contents-03-03-3 {	
	width:338px;   
	height:76px;		
}


/*------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:640px) {
.contents {padding:0;}

.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;
	border-bottom: 0px solid #dfdfdf;
}

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

.contents-04 {width:100%; height:auto}
.contents-04 img {
		width: 100%!important;
        height: auto!important;}	

.contents-01-01 {float:none; width:100% !important;height:auto; padding-bottom:10px;}
.contents-01-01 img {width:338px;}	

.contents-01-02 {
	float:none;
	width:100%;
	height:auto;
	margin:0;
	padding-top:10px;	
	padding-left:10px;
	background-size:contain;
}

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

.contents-02 {
	position: relative;
	overflow: hidden;
	border: 0px solid red;
	padding:10px 10px 0 10px;
	margin-bottom:0px;		
		
}
.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:10px;	
}
.contents-02-02 {
	float:none;
	width:100%;
	height:auto;
	margin:0;
}
.contents-02-03 {
	float:none;
	width:100%;
	height:auto;	
	padding-top:10px;
	margin:0;
}
/*------------------------------------------------------------------------------------------------------------*/

.contents-03 {
	border: 0px solid red;	
	padding:10px;
}
.contents-03:after {
	content: "";
	clear: both;
	display: block;
}
.contents-box03 {
	margin-bottom:0;	
}
.contents-03-01 {
	float:none;
	width:100%;
	height:auto;
	margin-bottom:10px;	
	margin-left:0px;		
}
.contents-03-02 {
	float:left;
	width:100%;	
	height:auto;
	margin-left:0;
	margin-right:0;	
	margin-bottom:10px;	
}
.contents-03-03 {
	float:left;
	width:100%;
	height:auto;
	margin-bottom:10px;	
}
.contents-03-03-1 {	
	width:100%;   
	height:auto;	
	margin-bottom:10px;		
}
.contents-03-03-2 {	
	width:100%;   
	height:auto;
	margin-bottom:10px;	
}
.contents-03-03-3 {	
	width:100%;   
	height:auto;
	
}
/*------------------------------------------------------------------------------------------------------------*/

}