@charset 'utf-8';

/* --------------------------------------------------------------------------------
	link
-------------------------------------------------------------------------------- */
h2{
	margin:0 0 5%;
	padding:0 20%;
	text-align:center;
	background:url(../images/common/t-bg.png) repeat-x 0 0;
	background-size:auto 100%;
}


/* --------------------------------------------------------------------------------
	PC
-------------------------------------------------------------------------------- */
@media screen and (min-width: 850px){
	
	/********** マスク **********/
	.mask {
		top:0;
		width:100%;
		height:100%;
		background:#000;
		background:rgba(0,0,0,0.5);
	}
	
	#business .section1{
		margin:-100px 0 0;
		padding:100px 0 0;
	}
	
	
	#business .section1 .business_title{
		float:left;
		width:41%;
		margin-right:3%;
		/*border:solid 1px #b5b5b5;*/
	}
	
	
	#business .section-box{
		position:relative;
		padding:5% 0 5% 1.2%;
		border-bottom:solid 1px #ccc;
		background:#fff;
	}
	
/*		#business .section1 .business_title span{
		  display: block;
		  padding:8% 4%;
		  text-align: center;
		  font-weight: bold;
		  font-size: 3em;
		}
		
			#business .section1#list1 .business_title span{
				color:#004082;
			}
			
			#business .section1#list2 .business_title span{
				color:#88b500;
			}
			
			#business .section1#list3 .business_title span{
				color:#f0970b;
			}
			
			#business .section1#list4 .business_title span{
				color:#3483e8;
			}
*/	

	#business .section1 .business_text{
		float:left;
		width:55%;
		font-size: 1.2em;
	}
	
	#business .section1 .business_text span{
		font-weight:bold;
		font-size:1.25em;
	}
	
	#business #list4{
		border:none;
	}
}



/* --------------------------------------------------------------------------------
	スマホ
-------------------------------------------------------------------------------- */
@media screen and (max-width: 849px){
	
	#business .section1{
		position:relative;
		padding:4% 3.5%;
		background:#fff;
		line-height:1.6;
		font-size:130%;
	}
	
	#business .section1 .business_title{
		width:100%;
		/*border:solid 1px #b5b5b5;*/
		margin-bottom:4%;
	}
	
		/*#business .section1 .business_title span{
		  display: block;
		  padding: 8%;
		  text-align: center;
		  font-weight: bold;
		  font-size: 3.85em;
		}
		
			#business .section1#list1 .business_title span{
				color:#004082;
			}
			
			#business .section1#list2 .business_title span{
				color:#88b500;
			}
			
			#business .section1#list3 .business_title span{
				color:#f0970b;
			}
			
			#business .section1#list4 .business_title span{
				color:#3483e8;
			}*/
	
	#business .section1 .business_text{
		width:100%;
		font-size: 1.8em;
	}
		#business .section1 .business_text span{
		font-weight:bold;
		font-size:1.2em;
	}
	
	
	
}