@charset "utf-8";
/* Mobile Layout: 480px and below. */
/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

/*clientここから*/
#cl_main{
	width:80%;
	margin:25px auto 0;
	font-size:75%;
	padding-left:6%;
	}
.cl_a{
	width:100%;
	margin:0 auto;
	}	
.cl_b{
	width:100%;
	margin:0 auto;
	}

#cl_main h2{
  font-size: 110%;
  letter-spacing: 0.05em;
	}


@media only screen and (min-width: 481px) {
/*clientここから*/
#cl_main{
	clear:both;
	overflow:hidden;
	width:60%;
	margin:100px 30%;
	white-space:nowrap;
	padding-left:0;
	}
#cl_main h2{
	margin-bottom:16px;
	}	

}



@media only screen and (min-width: 681px) {
/*clientここから*/

#cl_main{
	clear:both;
	overflow:hidden;
	width:100%;
	min-height:400px;
	margin:0 auto;
	padding-top:15%;
	}
  
#cl_main h2{
  margin:0 0 1em 0;
  font-size: 130%;
  letter-spacing: 0.05em;
	}
	
#cl_main ul li{
  line-height:2.2em;
  }
    
.cl_a{
	display:block;
	width:50%;
	float:left;
	}
/* .fl_r{
  float:right;
  padding-right:2.5em;
  }  
 	
*/.cl_b{
	display:block;
  width:50%;
  float:right;
	}
 .fl_l{
  float:left;
  padding-left:2.5em;
  padding-top:3.3em;
  }  

}
/* Desktop Layout: 830px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 830px) {


/*clientここから*/
#cl_main h2{
  margin:0 0 1em 0;
  font-size: 130%;
  letter-spacing: 0.05em;
	}
	
#cl_main ul li{
  line-height:2.2em;
  }
    
.cl_a{
	display:block;
	width:50%;
	float:left;
	}
 .fl_r{
  float:right;
  padding-right:2.5em;
  }  
 	
.cl_b{
	display:block;
  width:50%;
  float:right;
	}
 .fl_l{
  float:left;
  padding-left:2.5em;
  padding-top:2.9em;
  }  


}