@charset "utf-8";
/* CSS Document */

/* screenwidth less than 1030px
--------------------------------------------------------------------- */
@media only screen and (max-width: 1030px) {
	
#section1,#section2,#section3,#section4{
	width:98%;
}
	
}


/* screenwidth less than 999px
--------------------------------------------------------------------- */
@media only screen and (max-width: 999px) {
	
#section1 ul li {
    width: 30%;
	height:auto;
}

#section2 .left h3{
	font-size:32px;
}

}

/* screenwidth less than 873px
--------------------------------------------------------------------- */
@media only screen and (max-width: 873px) {
	
#section4 article ul li dl dt{
	float:none;
	margin:0 auto 10px 0;
	width:98%;

}

#section4 article ul li dl dt span{
	display:inline-block;
	width:auto;
}


#section4 article ul li dl dd{
	width:98%;
	float:none;
	margin:0 auto;
}


	
}





/* screenwidth less than 640px
--------------------------------------------------------------------- */
@media only screen and (max-width: 640px) {
	
#section2 .left h3{
	font-size:29px;
}
	
#section3 h3,#section4 h3{
	font-size:35px;
}



}



/* screenwidth less than 540px
--------------------------------------------------------------------- */
@media only screen and (max-width: 540px) {
	


#section1 ul li{
    width:45%;

}
	
	
}


/* screenwidth less than 480px
--------------------------------------------------------------------- */
@media only screen and (max-width: 480px) {
	
#section2 .left h3{
	font-size:22px;
}

#section2 .right h3{
	width:80%;
	margin:0 auto;
}

#section2 .right h3 img{
	margin:0 auto;
}


#section2 .right{
	width:98%;
	float:none;
	margin:0 auto 10px auto;
}

#section2 .left{
	width:98%;
	float:none;
	margin:0 auto 10px auto;
}


#section2 .right p{
	width:80%;
	margin:0 auto;
	text-align:center;
	
	
}

	
}



/* screenwidth less than 450px
--------------------------------------------------------------------- */
@media only screen and (max-width: 450px) {
	
#section1 ul{
	width:60%;
}

#section1 ul li{
    width:100%;

}
	
	
}


/* screenwidth less than 320px
--------------------------------------------------------------------- */
@media only screen and (max-width: 320px) {
	
#section1 ul{
	width:80%;
}	
	
}