@charset "utf-8";

/* --- common ---*/

.l-content .h2TtlWrap {
    display: table;
    box-sizing: border-box;
    width: 100%;
    margin: 0 20px 20px;
    text-indent: 0;
}
.l-content .h2TtlWrap:before {
    border-left: 10px solid #0169c6;
    display: table-cell;
    content: "";
    width: 13px;
    margin-left: -18px;
}
.l-content .h2TtlWrap .h2Ttl__aside {
    display: table-cell;
    width: 120px;
    vertical-align: middle;
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.l-content .h2TtlWrap .h2Ttl__aside span {
    display: block;
    width: 120px;
    padding: 5px 0;
    background-color: #818999;
}
.l-content .h2TtlWrap .h2Ttl {
    display: table-cell;
    width: auto;
    padding-bottom: 0;
    border: none;
}
.l-content .btn_dl {
  width: 440px;
  height: 45px;
  font-size: 16px;
}
.l-content .h4Ttl_tips {
  font-size: 17px;
  font-weight: bold;
}

.l-content .sectionInner .sectionInnerBox {
  padding: 0 15px;
  font-size: 15px;
  margin: 0 auto 60px;
}

/* shortcut keyBox */
.l-content .shortcut_Wrap {
  padding: 15px 20px;
}
.l-content .shortcut {
  display: table;
  margin: 15px 10px 30px 20px;
  height: 55px;
}
.l-content .shortcut .keyBox_100 {
  display: table-cell;
  vertical-align: middle;
  background: #f6f6f6;
  border: 3px solid #3071b7;
  font-size: 24px;
  font-weight: bold;
  width: 100px;
  text-align: center;
  border-radius: 3px;
  padding-top: 3px;
  box-sizing: border-box;
}
.l-content .shortcut .keyBox_80 {
  display: table-cell;
  vertical-align: middle;
  background: #f6f6f6;
  border: 3px solid #3071b7;
  font-size: 24px;
  font-weight: bold;
  width: 80px;
  text-align: center;
  border-radius: 3px;
  padding-top: 3px;
  box-sizing: border-box;
}
.l-content .shortcut .key_plus {
  display: table-cell;
  vertical-align: middle;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  width: 80px;
}
.l-content .shortcut .key_txt {
  display: table-cell;
  vertical-align: middle;
  font-size: 24px;
  font-weight: bold;
  text-align: left;
  padding-left: 40px;
}
.l-content .pic01 {
  position: relative;
  width: 900px;
  height: 260px;
  margin: 20px 0 30px 15px;
}
.l-content .pic01 .pic_txt01 {
  font-size: 15px;
  font-weight: bold;
  position: absolute;
  top: -20px;
  left: 620px;
}

/* --- col2Box ---*/
/* col2Box */
.l-content .col2Box {
  display: table;
}
.l-content .col2Box .colInner01 {
  display: table-cell;
  vertical-align: top;
  text-align: left;
  font-size: 15px;
  width: 420px;
}
.l-content .col2Box .colInner02 {
  display: table-cell;
  vertical-align: top;
  text-align: left;
  font-size: 15px;
  width: 550px;
  padding-left: 40px;
}

.l-content .col2Box .colInner03 {
  display: table-cell;
  vertical-align: top;
  text-align: left;
  font-size: 15px;
  width: 550px;
}
.l-content .col2Box .colInner .pic {
  display: inline-block;
  text-align: center;
  font-size: 14px;
}

/* col3Box */
.l-content .col3Box {
  display: table;
  margin: 20px 0 30px 20px;
}
.l-content .col3Box .colInner {
  display: table-cell;
  vertical-align: top;
  text-align: left;
  font-size: 15px;
  padding-left: 150px;
}
.l-content .col3Box .colInner:first-child {
  padding-left: 0;
}