@charset "UTF-8";
/*business*/
.lead_biz {
 font-size: 1.8rem;
 margin-bottom: 10px;
}
#business .ex {
 margin: 10px 0;
}
#business .ex li {
 text-indent: -1.0em;
 padding-left: 1.0em;
 margin-bottom: 8px;
}
#business .ex .sub {
 display: block;
 text-indent: 0;
 font-size: 1.4rem;
 color: #555;
 margin-top: 2px;
}
.biz__grid {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 14px 2%;
 margin: 10px 0 20px;
}
.biz__item {
 border: 2px solid #216496;
}
.biz__item h4 {
 background: #216496;
 color: #fff;
 font-size: 1.6rem;
 line-height: 1.3;
 margin: 0 0 8px;
 padding: 10px 8px;
 text-align: center;
}
.biz__item:nth-child(3n+2) { border-color: #2f99ce; }
.biz__item:nth-child(3n+2) h4 { background: #2f99ce; }
.biz__item:nth-child(3n) { border-color: #0bc3bf; }
.biz__item:nth-child(3n) h4 { background: #0bc3bf; }
.biz__item p {
 font-size: 1.4rem;
 margin: 0 10px 12px;
}
.biz__flow {
 counter-reset: step;
 margin: 10px 0 15px;
}
.biz__flow li {
 counter-increment: step;
 position: relative;
 padding: 8px 0 8px 40px;
 border-bottom: 1px solid #ddd;
}
.biz__flow li:before {
 content: counter(step);
 position: absolute;
 left: 0;
 top: 8px;
 width: 28px;
 height: 28px;
 line-height: 28px;
 border-radius: 50%;
 background: #0e8b74;
 color: #fff;
 text-align: center;
 font-weight: bold;
}
.trial__msg {
 margin-top: 40px;
 text-align: center;
}
@media screen and (max-width: 767px) {
 .lead_biz { font-size: 1.4rem; }
 .biz__grid { grid-template-columns: 1fr; }
 #business .ex .sub { font-size: 1.2rem; }
 .biz__item p { font-size: 1.2rem; }
 .trial__msg { text-align: left; }
}