/* business
=============================================== */

#business #page-header { background-image:url(../img/index/bg_header.jpg); }

.bs-chapter { margin-bottom:2.0em; padding-top:2.0em; border-top:#d9d9d9 1px solid; }
.bs-ttl, .bs-subttl { font-size:160%; line-height:140%; margin-bottom:0.7em; }



/* bs-intro
-------------------------------- */

.bs-intro { margin-bottom:2.0em; }

#pic-business { width:760px; margin:auto; aspect-ratio:1247 / 716; background:url(../img/index/pic_business.jpg) center center no-repeat; background-size:cover; text-indent:-9999px; }
@media all and (max-width: 767px) {
#pic-business { width:100%; }
}


/* business-list
-------------------------------- */

.bs-list-box { display:flex; flex-wrap:wrap; }
.bs-list { width:30%; margin:0 3.3% 1.5em 0; }
.bs-list-ttl { font-size:145%; line-height:140%; margin-bottom:0.5em; color:#CC6DF2; }

#btn-bslist a { width:15.0em; }

/* -- Media Queries -- */

@media all and (max-width: 1079px) {

.bs-list { width:47%; margin:0 3% 1.5em 0; }

}

@media all and (max-width: 767px) {

.bs-list { width:100%; margin:0 0 1.5em 0; }
.bs-list-ttl { font-size:130%; }

}


/* business-edge
-------------------------------- */

#pic-edge { margin:0 10% 1.0em 10%; min-width:80%; aspect-ratio:1249 / 532; background:url(../img/index/pic_edge.jpg) center center no-repeat; background-size:cover; text-indent:-9999px; }
@media all and (max-width: 767px) {
#pic-edge { width:100%; margin:0 auto 1.0em auto; }
}


/*eof*/