@charset "UTF-8";


@media (max-width: 768px) {
	#sec03 .wrap {
		padding: 0 20px;
		margin-bottom: 40px;
	}  

	#sec03 .title {
		font-size: 16px;
		font-weight: 600;
		line-height: 1.4;
		padding-left: 15px;
		border-left: 5px solid #4C5870;
		margin-bottom: 23px;
	}

	#sec03 .wrap p {
		font-size: 12px;
		line-height: 23px;
		margin-bottom:23px;
	}
	
	#sec03 .wrap .imageBox .image {
		width: 85%;
		margin: 0 auto;
	}
		
	#sec03 .wrap .imageBox img {
		width: 100%;
	}
	
	.phone div:last-child {
		text-align: center;
		width: 60%;
		margin: 0 auto;
	}
	
	.phone div:last-child img {
		width: 100%;
	}
	
	#sec03 .wrap p.small {
		font-size: 11px;
	}	
	#sec03 .wrap p.support_info {
		letter-spacing: 0;
		font-size: 11px;
		text-align: left;
	}	
}

@media all and (min-width: 769px) {
    .buildPage .system02Sec .secondBlock .box {
      margin-bottom: 60px; }
	  
	  
	#sec03 .wrap {
		max-width: 1240px;
		padding: 0 40px;
		margin: 0 auto;
	}  
	  
	#sec03 .title {
		font-size: 24px;
		font-weight: 600;
		line-height: 1.4;
		padding-left: 32px;
		border-left: 10px solid #4C5870;
		margin-bottom: 28px;
	}
	
	#sec03 .wrap p {
		font-size: 16px;
		line-height: 30px;
		margin-bottom: 50px;
	}
	
	#sec03 .wrap .imageBox {
		text-align: center;
		margin: 0 auto 80px;
		max-width: 960px;
	}
	
	#sec03 .wrap p.small {
		font-size: 12px;
	}
	#sec03 .wrap p.support_info {
		letter-spacing: -1px;
		font-size: 12px;
		text-align: center;
	}	

	.phone {
		display: flex;
		justify-content: center;
		align-items: center;
		margin-bottom: 4rem;
	}	
	
	.phone div:first-child {
		margin-right: 2rem;
	}
	  
}


/*横スクロール*/
.data{
	max-width: 980px;
	width: 100%;
	margin: auto;
}
.yoko {
    display: none;
}

@media (max-width: 430px){
    .data {
        max-width: 1160px;
        overflow-x: scroll;
		margin-bottom: 20px;
    }
    .yoko {
        margin: 0 auto 0px;
        display: block;
        font-size: 14px;
    }
}