@charset "utf-8";
/* ##### for business use-case common ##### */

/* ### use-case list
============================ */
.business-usecase-nav{}
.business-usecase{}
.business-usecase-nav div.frame{border:solid #ffffff 1px; padding:0.2rem;}
.business-usecase div.frame{border:solid #dddddd 1px;padding:0.8rem; height:100%;}
.business-usecase-nav div.frame:hover, .business-usecase div.frame:hover{border:solid #0068b6 1px; box-shadow:0px 0px 4px 2px #c9c9c9;}
.business-usecase-nav div.frame p {font-size:0.8rem;}
.business-usecase p.business-usecase-text{font-size:1.2rem; color:#000000; margin-bottom:1rem; text-align:left;}
/*
.business-usecase p.business-usecase-title{font-size:1rem; color:#555555; text-align:left;padding-top:1rem; display:inline-block; margin: 0.5rem 0 0 auto; float:right;}
*/
.business-usecase a:hover{text-decoration:none;}

/* ### use-case detail
============================ */
.business-usecase-detail{}
.business-usecase-detail .business-usecase-detail-frame {border:solid #dddddd 2px; padding:0 0.8rem 0.8rem 0.8rem; height:100%;}
.business-usecase-detail .business-usecase-detail-frame p.frame-title {font-weight:600; font-size:1.2rem;}
.business-usecase-detail .business-usecase-detail-frame h5.problem {font-weight:600; color:#cd0007;}
.business-usecase-detail .business-usecase-detail-frame h5.solution {font-weight:600; color:#0068b6;position: relative; margin-top:2.8rem;}
.business-usecase-detail .business-usecase-detail-frame h5.solution:before{content: ''; box-sizing: border-box; width: 1rem; height: 1rem; border: 1rem solid transparent; border-top:solid #666666 1rem; position: absolute; top: 0rem; left: 44%; margin-top: -1.2rem; }
.business-usecase-detail p.main-catch{font-size:1.6rem;}