@charset "utf-8";
/* -------------------------------
contents
------------------------------- */
/* common */
.l-content img {
  vertical-align: bottom;
}
.l-content .section {
  margin-bottom: 50px;
}


/* ttl */
.l-content .mainVisual {
  width: 950px;
  height: 240px;
  margin-bottom: 20px;
  padding: 0;
  border: none;
  background: url(/contents/info/einvoice20180101/img/main.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}


/* leadBox */
.l-content .leadBox {
  background: #efefef;
  padding: 20px;
  margin-bottom: 40px;
}
.l-content .leadBox .inner {
  background: url(/contents/info/einvoice20180101/img/bg_lead_btm.png) no-repeat 0 bottom #FFF;
}
.l-content .leadBox .inner .innerTop {
  background: url(/contents/info/einvoice20180101/img/bg_lead_top.png) no-repeat 0 0;
  padding: 50px 50px 60px;
}
.l-content .leadBox .inner .innerTop .txtBox {
  padding: 0 20px 20px;
  font-size:14px;
}
.l-content .leadBox .inner .innerTop .txtBox em {
  color: #ff0000;
}


/* contactBox */
.l-content .contactBox {
  display: table;
  border: 3px solid #ccd9ec;
}
.l-content .contactBox .name {
  display: table-cell;
  width: 293px;
  vertical-align: middle;
  padding: 0 20px;
  background: #ccd9ec;
}
.l-content .contactBox .name span {
  display: block;
  color: #20218c;
  font-weight: bold;
  font-size: 14px;
}
.l-content .contactBox .contact {
  display: table-cell;
  width: 512px;
  height: 80px;
  vertical-align: middle;
  padding: 0 20px;
  background: #FFF;
}
.l-content .contactBox .contact .txt {
  font-weight: bold;
  margin-top: 5px;
}
.l-content .contactBox .contact .txt:first-child {
  margin-top: 0;
}
.l-content .contactBox .contact .txt .ttl {
  color: #FFF;
  text-align: center;
  background: #628ac4;
  padding: 3px 0;
  width: 125px;
  display: inline-block;
}
.l-content .contactBox .contact .txt .detail {
  font-size: 16px;
  padding-left: 20px;
}
.l-content .h2Ttl {
  width: 950px;
  height: 60px;
  background: url(/contents/info/einvoice20180101/img/bg_h2.png) no-repeat 0 0;
  margin-bottom: 40px;
}
.l-content .h2Ttl span {
  display: block;
  text-align: center;
  font-size: 27px;
  font-weight: bold;
  padding: 10px 0 0;
  color: #FFF;
}


/* sectionList */
.l-content .sectionList li {
  float: left;
  width: 304px;
  margin-left: 19px;
}
.l-content .sectionList li:first-child {
  margin-left: 0;
}
.l-content .sectionList li .ttl {
  margin: 0;
  padding: 0;
}
.l-content .sectionList li .detail {
  border-bottom: 5px solid #ccd9ec;
  border-left: 5px solid #ccd9ec;
  border-right: 5px solid #ccd9ec;
  padding-bottom: 50px;
}
.l-content .sectionList li .detail .txt {
  padding: 36px 5px 30px;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  color: #264f8a;
  min-height: 60px;
}
.l-content .sectionList li .detail .caption {
  padding: 0 25px;
  text-align: center;
  min-height: 80px;
}


/* sectionDL  */
.l-content .sectionDL {
  display: table;
  padding-left: 90px;
  margin-bottom: 10px;
}
.l-content .sectionDL .no {
  display: table-cell;
  width: 90px;
  vertical-align: middle;
}
.l-content .sectionDL .txt {
  display: table-cell;
  width: 620px;
  vertical-align: middle;
  font-size: 18px;
  font-weight: bold;
  color: #264f8a;
}
