@charset "utf-8";
/* CSS Document */
#business .sec1{margin-top: 100px;text-align: center;}
#business .sec1 h3{font-size: 3rem;font-weight: bold; line-height: 1.3;}
#business .sec1 p{line-height: 1.6;margin: 45px 0 80px;}

#business .sec2 .contents{max-width: 1200px;margin: 50px auto 140px;}
#business .sec2 .contents ul{display: flex;flex-wrap: wrap;margin: 0 auto;}
#business .sec2 .contents ul li{width: 33%;background: url(../img/business/sec2_bg.png) center no-repeat;padding: 50px 0px 85px;text-align: center;color: #fff;font-size: 20px;}

#business .sec3{background:#edecec; }
#business .sec3 .ttl{padding: 60px 0 0;}
#business .sec3  h3.intro{text-align:center;margin:50px 0;line-height: 1.3;}
#business .sec3 .contents{display: flex;max-width: 1200px;margin: 0 auto; padding-bottom: 80px;justify-content: space-around;}
#business .sec3 .contents .box{width: 30%;background:#dedede url(../img/business/sec3_bg.jpg) center no-repeat;height: auto;background-size:50%;padding: 20px 0;}
#business .sec3 .contents .box .number{text-align:center; }
#business .sec3 .contents .box .number p{font-size:3rem;font-weight: bold;font-style: italic;color:#2562b1;}
#business .sec3 .contents .box .number hr{width: 50px;background: #2562b1;padding:1px 0;border: 0;margin: 0 auto;}
#business .sec3 .contents .box h4{background: rgba(255, 255, 255, 0.55);text-align: center;padding: 15px;width: auto;margin: 20px 10px;font-size: 20px;font-weight: bold;}
#business .sec3 .contents .box p{width: auto;margin: 0 18px;}

#business .sec4 .ttl{padding: 60px 0 0;}
#business .sec4 .contents{display: flex;max-width: 1200px;margin: 50px auto 0; padding-bottom: 80px;justify-content: space-around;}
#business .sec4 .contents .box{width: 30%;}
#business .sec4 .contents .box h4{background: #2562b1 url(../img/business/sec4_icon_ttl.png) center left no-repeat;padding: 15px 0 15px 30px;width: auto;font-size: 20px;font-weight: bold;background-size: 10px;color: #fff;}
#business .sec4 .contents .box img{margin: 10px 0;}

#business .sec5{background:#edecec; }
#business .sec5 .ttl{padding: 60px 0 0;}
#business .sec5  h3.intro{text-align:center;margin:50px 0;color:#454545;}
#business .sec5 .contents{display: flex;max-width: 1000px;margin: 0 auto; padding-bottom: 80px;justify-content: space-around;}
#business .sec5 .contents .left{width:70%;}
#business .sec5 .contents .right{width:30%;}
#business .sec5 .contents .left p{line-height: 1.6;margin: 40px 0px;}

@media print,screen and (max-width: 960px) {
	#business .sec1{width: auto;margin: 10% 2% 0;}

	#business .sec2 .contents{max-width: 1200px;margin: 10% 0 15%;}
	#business .sec2 .contents ul{display:block;}
	#business .sec2 .contents ul li{width: auto;background: #2562b1 url(../img/business/sp/sec2_bg.png) center left no-repeat;padding: 4% 0px;margin: 0 3% 5%;background-size: contain;border-radius: 5px; font-size: 18px;letter-spacing: -1px;font-weight: bold;}

	#business .sec3 .contents,#business .sec4 .contents,#business .sec5 .contents{display:block; padding-bottom: 15%;}
	#business .sec3 .contents .box,#business .sec4 .contents .box{width:auto;}

	#business .box{margin: 0 5% 5% !important;}

	#business .sec5 .contents .left,#business .sec5 .contents .right{width:auto;margin: 0 2%;}
	#business .sec5 .contents .right img{margin-top:5%; }


}