@charset "utf-8";

@import url(default.css);
@import url(base.css);

		.wrapper header .inner{
			/*background-image:url(../about/images/ico_content.png);*/
		}


		@media screen and (max-width:1200px){
			.wrapper header p{font-size: 1.7em;}
		}

		@media screen and (max-width:840px){
			.wrapper header p{
				font-size: 1.4em;
				margin-bottom:0;
			}
		}

		@media screen and (max-width:680px){
			.wrapper header p br{
				display:none;
				font-size: 1.3em;
			}
		}
		
		@media screen and (max-width:540px){
			.wrapper header p{
				font-size: 1.2em;
				margin-bottom:0;
			}
		}

		@media screen and (max-width:370px){
			.wrapper header p{font-size: 1.1em;}
		}


	@media screen and (max-width:640px){
		#main{margin-top:50px;	}
	}


		.contentimage{
			max-width:1200px;
			width:100%;
			margin:50px auto;
		}
		.contentimage img{width:100%;}
	
	@media screen and (max-width:640px){
		.contentimage{margin-top:30px;}
	}
	
	@media screen and (max-width:480px){
		.contentimage{margin:0;}
	}


	#servicelist{
		margin-bottom:70px;
	}


	#servicelist li{
		padding:35px 0 15px;
		list-style:none;
		border-bottom:1px dashed 999;
	}
	
		#servicelist li .inner{
			max-width:980px;
			width:90%;
			margin:0 auto;
			
		}
	
	
		#servicelist li:after{
			content: "";
			display: block;
			visibility: hidden;
			clear: both;
			height: 0px;
		}
		* html #servicelist li .inner{display: inline-table;}
		/* no ie mac \*/
		* html #servicelist li .inner{height:1%;}
		#servicelist li .inner{display: block; min-height:0;}
		/* */



		#servicelist li h3{
			width:74%;
			float:right;
			color:#304f7b;
			font-size:1.4em;
			font-weight:700;
		}

		#servicelist li img{
			width:20%;
			margin:0 0 20px 0;
			float:left;
		}

		#servicelist li p{
			width:74%;
			float:right;
			word-break:break-all;
			word-wrap:break-word;
		}

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

		#servicelist li h3{
			clear:both;
			width:auto;
			margin-bottom:30px;
			text-align:center;
			float:none;
		}

		#servicelist li img{
			display:block;
			width:120px;
			margin:0 auto 20px;
			float:none;
		}

		#servicelist li p{
			width:100%;
			float:none;
		}

	}