@charset "UTF-8";

/*-----------------------------------

/business/index_sph.css

-----------------------------------*/

/*-------------------------
__index_style
-------------------------*/

#content .topic_path{width:auto;padding:10px;}

.businessTitle_wrap{height:150px;margin:0;}
.businessTitle_wrap .businessTitle{font-size:25px;}
.businessTitle_wrap .businessTitle span{font-size:15px;margin:10px 0 0;}

#link01,
#link02{margin-top:-150px;padding-top:150px;}

#business .box01{margin:0 10px;padding:40px 0 50px;}
#business .box01 .row{display:block;}
#business .box01 .row li{width:100%;}
#business .box01 .row li + li{margin:10px 0 0;}
#business .box01 .row li a{font-size:15px;line-height:30px;padding:5px 10px;}
#business .box01 .txt{font-size:15px;margin:20px 0 0;}

#business .box02{width:auto;margin:0 10px;padding:0;}
#business .box02 .row{display:block;margin:40px 0 0;}
#business .box02 .row dl dt{font-size:25px;padding:0 0 0 15px;}
#business .box02 .row dl dt span{font-size:13px;margin:5px 5px 0 0;padding:6px 8px 4px;}
#business .box02 .row dl dt span + span{margin-left:0;}
#business .box02 .row dl dd{font-size:15px;margin:10px 0 0;}
#business .box02 .row .img{width:100%;margin:-40px 0 0;}
#business .box02 .img_row{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8px 0 0;}
#business .box02 .img_row li{flex:auto;width:calc((100% - 16px)/2);margin:0 8px 8px 0;}
#business .box02 .img_row li + li{margin:0 8px 8px 0;}
#business .box02 .img_row li:nth-child(2n),
#business .box02 .img_row li:last-child{margin-right:0;}

#business .box02 .before_after{display:block;margin:20px 0 0;}
#business .box02 .before_after::before{content:"▼";font-size:60px;text-shadow:none;}
#business .box02 .before_after li + li{margin:70px 0 0;}