@charset "utf-8";
/*--------------------------------------------------------------
 * Typography
--------------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: bold;
}
/*------------------------------------------------------------
  書式設定
------------------------------------------------------------*/
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }
/* フォントの大きさ（プラス） */
.fsP1 { font-size: 1.06em !important; }
.fsP2 { font-size: 1.125em !important; }
.fsP3 { font-size: 1.25em !important; }
.fsP4 { font-size: 1.375em !important; }
.fsP5 { font-size: 1.5em !important; }
/* フォントの大きさ（マイナス） */
.fsM1 { font-size: 0.94em !important; }
.fsM2 { font-size: 0.87em !important; }
.fsM3 { font-size: 0.81em !important; }
.fsM4 { font-size: 0.75em !important; }
.fsM5 { font-size: 0.69em !important; }
/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }
.caption {
  margin-top: 10px;
  font-size: 0.875em;
}
sup {
  font-size: 0.867em;
  vertical-align: top;
}
span.angle {
  max-width: 191px !important;
  margin: 0 10px;
}
span.angle img {
    margin-top: .1em;
  }
.notes {
  color: #595959;
  font-size: 0.94em
}
.small {
  font-size: 0.875em;
}
.textTrim {
  visibility: hidden;
}
@media (max-width: 767px) {
  .caption {
    font-size: .867em;
  }
}
/*------------------------------------------------------------
  微調整用クラス（※多用しないこと）
------------------------------------------------------------*/
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }
/*------------------------------------------------------------
  汎用スタイル
------------------------------------------------------------*/
* html .clearfix {
    zoom: 1;
  }
*+html .clearfix {
    zoom: 1;
  }
.clearfix:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
.cf:after {
  content: '';
  display: block;
  clear: both;
  visibility: hidden;}
/*------------------------------------------------------------
  背景色
------------------------------------------------------------*/
.bg_base {
  background-color: #002b62 !important;
}
.bg_blue {
  background-color: #d5e8ff !important;
}
.bg_gray {
  background-color: #f2f2f2 !important;
}
.bg_green {
  background-color: #c3e6ea !important;
}
.bg_white {
  background-color: #fff !important;
}
/*------------------------------------------------------------
  headLine
------------------------------------------------------------*/
.headLine {
  width: 1200px;
  margin: 0 auto;
}
.headLine span {
  display: inline-block;
  max-width: 80px;
  margin-right: 16px;
  vertical-align: middle;
}
.headLine a {
  display: inline-block;
}
.headLine01 {
  margin-bottom: 24px;
  line-height: 1.4;
  font-size: 30px;
  font-weight: normal;
  text-align: center;
}
.headLine02 {
  margin-bottom: 24px;
  padding-bottom: 4px;
  border-bottom: 2px solid #002b62;
  line-height: 1.2;
  font-size: 30px;
  font-weight: normal;
}
.headLine03 {
  margin-bottom: 24px;
  line-height: 1.4;
  font-size: 24px;
  font-weight: normal;
}
.headLine04 {
  margin-bottom: 20px;
  line-height: 1.4;
  font-size: 22px;
  font-weight: normal;
}
.headLine05 {
  margin-bottom: 20px;
  line-height: 1.6;
  font-size: 22px;
  font-weight: normal;
  text-align: center;
}
.headLine06 {
  margin-bottom: 10px;
  line-height: 1.6;
  font-size: 18px;
  font-weight: normal;
}
@media (max-width: 767px) {
  .headLine {
    width: 94%;
  }
  .headLine span {
    display: block;
    max-width: 64px;
    margin: 0 auto 15px;
  }
  .headLine01 {
    margin-bottom: 12px;
    font-size: 20px;
  }
  .headLine02 {
    margin-bottom: 12px;
    font-size: 20px;
  }
  .headLine03 {
    margin-bottom: 12px;
    font-size: 20px;
  }
  .headLine04 {
    margin-bottom: 10px;
    font-size: 18px;
  }
  .headLine05 {
    margin-bottom: 10px;
    font-size: 18px;
  }
  .headLine06 {
    margin-bottom: 5px;
    font-size: 16px;
  }

}
/*------------------------------------------------------------
  leadText
------------------------------------------------------------*/
.lead {
  margin: 0 auto 30px;
  text-align: center;
}
@media (max-width: 767px) {
  .lead {
    margin-bottom: 24px;
    text-align: left;
  }
}
/*------------------------------------------------------------
  mainVisual
------------------------------------------------------------*/
.mainVisual {
  height: 390px;
  background: #002b62;
  color: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden
}
.mainVisual > .imgBox {
  position: relative;
  width: 1200px;
  margin: 0 auto;
}
.mainVisual > .imgBox .photoBox {
      float: right;
      width: 50%;
      text-align: center;
}
.mainVisual > .imgBox .textBox {
      position: relative;
      width: 50%;
      float: left;
      padding: 32px 0 0;
}
.mainVisual > .imgBox .textBox .textBox {
        margin-right: 0;
        padding: 0;
      }
.mainVisual > .imgBox .textBox .photoBox {
        float: none;
      }
.mainVisual .pageTitle {
    margin-bottom: 24px;
    font-size: 36px;
    font-weight: normal;
    line-height: 1.4;
}
.mainVisual .subTitle {
    margin-bottom: 24px;
    font-size: 18px;
    line-height: 1.5;
}
.mainVisual .titleBox {
    max-width: 560px;
    margin-bottom: 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
.mainVisual .titleBox .pageTitle {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle;
    }
.mainVisual .titleBox span {
      display: inline-block;
      width: 80px;
      padding-left: 24px;
      vertical-align: middle;
      font-size: 0;

    }
.mainVisual .topText {
    font-size: 18px;
    line-height: 1.8;
}
@media (max-width: 767px) {
  .mainVisual {
    height: auto;
  }
  .mainVisual > .imgBox {
    width: 100%;
  }
  .mainVisual > .imgBox .photoBox,
      .mainVisual > .imgBox .textBox {
        float: none;
  }
  .mainVisual > .imgBox .photoBox {
        position: relative;
        width: 100%;
  }
  .mainVisual > .imgBox .textBox {
        width: 92%;
        margin: 0 auto;
        padding: 20px 0;
  }
        .mainVisual > .imgBox .textBox .textBox {
          padding: 0;
        }
  .mainVisual .pageTitle {
      margin-bottom: 8px;
      font-size: 30px;
      line-height: 1.4;
  }
  .mainVisual .subTitle {
      margin-bottom: 8px;
      font-size: 16px;
  }
  .mainVisual .titleBox {
      max-width: 100%;
      margin-bottom: 10px;
      text-align: center;
  }
      .mainVisual .titleBox .pageTitle {
        display: block;
        margin-bottom: 0;
      }
      .mainVisual .titleBox span {
        margin: 10px auto;
        padding-left: 0;
      }
  .mainVisual .topText {
      font-size: 100%;
      line-height: 1.6;
  }
}
/*------------------------------------------------------------
  insider-mainVisual
------------------------------------------------------------*/
.insider-mainVisual {
  background: #fff;
  color: #000;
}
.insider-mainVisual .imgBox {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  }
.insider-mainVisual .photoBox {
      float: right;
      width: 50%;
      text-align: center;
  }
.insider-mainVisual .textBox {
      position: relative;
      width: 50%;
      float: left;
      padding: 32px 0 0;
  }
.insider-mainVisual .titleBox {
    margin-bottom: 20px;
    padding: 0;
    color: #002b62;
    font-size: 20px;
  }
.insider-mainVisual .titleBox a {
    color: #002b62;
    text-decoration: none;
  }
.insider-mainVisual .titleBox a:hover {
    text-decoration: underline;
  }
.insider-mainVisual .titleBox .pageTitle,
    .insider-mainVisual .titleBox .subTitle {
      display: block;
    }
.insider-mainVisual .titleBox span {
      display: inline-block;
      position: absolute;
      top: 0;
      left: 0;
      width: auto;
      padding: 0;
    }
.insider-mainVisual .pageTitle {
    margin: 8px 0 0;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.4;
  }
.insider-mainVisual .topText {
    font-size: 100%;
    line-height: 1.8;
  }
@media (min-width: 768px) and (max-width: 1200px) {
  .insider-mainVisual .photoBox img {
      width: 600px;
  }
}
@media (max-width: 767px) {
  .insider-mainVisual {
    height: auto;
  }
  .insider-mainVisual .imgBox {
    width: 100%;
  }
  .insider-mainVisual .photoBox {
        position: relative;
        width: 100%;
        float: none;
  }
  #main .insider-mainVisual .textBox {
        width: 92%;
        margin: 0 auto !important;
        padding: 20px 0;
        float: none;
  }
  .insider-mainVisual .titleBox {
      display: block;
      max-width: 100%;
      min-height: inherit;
      margin-bottom: 16px;
      padding: 0;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      font-size: 18px;
      text-align: center;
  }
      .insider-mainVisual .titleBox .subTitle {
          padding: 0;
      }
      .insider-mainVisual .titleBox span {
        position: inherit;
        width: 68px;
        margin: 0 auto 10px;
      }
  .insider-mainVisual .pageTitle {
      margin-bottom: 8px;
      font-size: 30px;
      line-height: 1.4;
  }
  .insider-mainVisual .topText {
      font-size: 100%;
      line-height: 1.6;
  }
  .insider-mainVisual .btnLink a {
      width: 100%;
  }
}
/*------------------------------------------------------------
  comMainVisual
------------------------------------------------------------*/
.comMainVisual {
  background-color: #404040;
  color: #fff;
}
.comMainVisual .imgBox {
    width: 1200px;
    margin: 0 auto;
  }
.comMainVisual .photoBox {
    float: right;
    width: 320px;
  }
.comMainVisual .textBox {
    float: left;
    width: 840px;
    padding-top: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
.comMainVisual .pageTitle {
    margin-bottom: 8px;
    font-size: 27px;
    font-weight: normal;
    line-height: 1.4;
  }
.comMainVisual .subTitle {
    margin-bottom: 16px;
    font-size: 18px;
    line-height: 1.5;
  }
.comMainVisual .topText {
    display: inline-block;
    margin-left: 2px;
    padding: 6px 12px 4px;
    border: 2px solid #fff;
    font-size: 18px;
    line-height: 1.2;
  }
.comMainVisual .titleBox {
    margin-bottom: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
.comMainVisual .titleBox .pageTitle {
      display: inline-block;
      margin-bottom: 0;
      vertical-align: middle;
    }
.comMainVisual .titleBox p {
      float: left;
    }
.comMainVisual .titleBox .topText {
      clear: left;
    }
.comMainVisual .titleBox span {
      display: inline-block;
      width: 64px;
      padding-left: 32px;
      vertical-align: middle;
    }
.comMainVisual .titleBox:after {
  content: '';
  display: block;
  clear: both;
  visibility: hidden
  }
@media (max-width: 767px) {
  .comMainVisual .imgBox {
      width: 100%;
  }
  .comMainVisual .photoBox {
      width: 100%;
      float: none;
  }
  .comMainVisual .textBox {
      width: 92%;
      margin-left: 4%;
      padding: 20px 0;
  }
  .comMainVisual .pageTitle {
      margin-bottom: 0;
      font-size: 24px;
  }
  .comMainVisual .subTitle {
      margin-bottom: 8px;
      font-size: 16px;
  }
  .comMainVisual .topText {
      margin: 0 auto;
      padding: 8px 10px 6px;
      font-size: 16px;
  }
  .comMainVisual .titleBox {
      margin-bottom: 10px;
      text-align: center;
  }
      .comMainVisual .titleBox p {
        float: none;
      }
      .comMainVisual .titleBox .pageTitle {
        display: block;
        margin-bottom: 0;
      }
      .comMainVisual .titleBox span {
        display: block;
        margin: 10px auto;
        padding-left: 0;
      }
}
/*------------------------------------------------------------
  section
------------------------------------------------------------*/
section {
  padding: 48px 0;
}
section .textBox p,
  section .text p {
    margin-bottom: 1.5em;
  }
@media (max-width: 767px) {
  section {
    padding: 24px 0;
  }
}
/*------------------------------------------------------------
  Box
------------------------------------------------------------*/
.mainBox {
  width: 1200px;
  margin: 0 auto;
}
.boxWm {
  width: 960px;
}
/* column */
.column {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 48px;
  background-color: #fff;
}
.column .photoBox {
    width: 400px;
  }
.column .textBox {
    width: calc(100% - 456px);
    margin-right: 24px;
    padding: 16px 0;
  }
.column .textBox .title {
      margin-bottom: 1em;
      font-size: 1.125em;
      font-weight: bold;
    }
.column .textBox .author {
      margin-top: -1em;
    }
.column .btnLink {
    margin-top: 1.5em;
    margin-bottom: 0;
  }
.column.alltext .textBox {
      width: 100%;
      margin: 0 40px 24px;
}
.column.alltext .textBox .title {
        font-size: 24px;
        margin-bottom: 16px;
      }
.column.imgS .photoBox {
  width: 320px;
}
.column.imgS .textBox {
  width: calc(100% - 376px);
}
@media (max-width: 767px) {
  .mainBox,
  .boxWm {
    width: 92%;
  }
  /* column */
  .column {
    margin-bottom: 24px;
  }
    .column .photoBox {
      margin-bottom: 20px;
    }
    .column .textBox {
      margin-right: 0;
      padding: 0 10px 20px;
    }
  .column.alltext .textBox {
      margin: 0;
      padding-top: 20px;
  }
      .column.alltext .textBox .title {
        font-size: 18px;
        margin-bottom: 10px;
      }
  .column.imgS .photoBox,
  .column.imgS .textBox {
    width: 100%;
  }
}
/*------------------------------------------------------------
  colBox
------------------------------------------------------------*/
.colBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 767px) {
    #main section .colBox .textBox,
    #main section .colBox .photoBox {
      width: 100%;
    }
}
/*------------------------------------------------------------
  comContactBox
------------------------------------------------------------*/
.comContactBox {
  padding: 40px 0 44px;
  background-color: #002b62;
}
.comContactBox .imgBox {
  width: 1200px;
  margin: 0 auto;
}
.comContactBox .photoBox {
  float: left;
  width: 270px;
  margin-left: 6px;
}
.comContactBox .textBox {
  width: 880px;
  float: right;
}
.comContactBox .textBox p {
  margin-bottom: 1.5em;
  color: #fff;
  line-height: 1.8;
}
.comContactBox .textBox .title {
  margin-bottom: 16px;
  font-size: 30px;
  line-height: 1.2;
}
.comContactBox .textBox .subTitle {
  margin-bottom: 10px;
  font-size: 18px;
}
@media (max-width: 767px) {
  .comContactBox {
    padding: 20px 0 10px;
  }
  .comContactBox .imgBox {
    width: 92%;
  }
  .comContactBox .photoBox {
    width: 90%;
    margin: 0 auto 15px;
    float: none;
  }
  .comContactBox .photoBox img {
    width: 100%;
  }
  .comContactBox .textBox {
    width: 100%;
    float: none;
  }
  .comContactBox .textBox p {
    margin: 0 0 20px;
    line-height: 1.6;
  }
  .comContactBox .textBox .title {
    margin-bottom: 16px;
    font-size: 24px;
  }
  .comContactBox .textBox .subTitle {
    margin-bottom: 10px;
    font-size: 16px;
  }
  .comContactBox .textBox .btnDL a {

    margin: 0 auto;
    padding-left: 0;
    padding-right: 24px;
    text-align: center
  }
  .comContactBox .textBox .btnDL a:hover {
    text-decoration: none;
  }
}
/*------------------------------------------------------------
  Contents
------------------------------------------------------------*/
/* security-words */
#security-words .wordsList {
    margin: 30px 0 -24px
  }
#security-words .wordsList::after {
  content: "";
  display: block;
  width: 380px;
}
#security-words .wordsList li {
      width: 380px;
      margin-bottom: 24px;
}
#security-words .wordsList a {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: relative;
      height: 100%;
      min-height: 5.5em;
      padding: 15px 40px 15px 20px;
      background: #fff;
      border: 5px solid #002b62;
      color: #002b62;
      text-align: center;
      text-decoration: none;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
}
#security-words .wordsList a:hover {
  background-color: #f2f2f2;
  text-decoration: none;
}
#security-words .wordsList a::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 15px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  border-top: 2px solid;
  border-right: 2px solid;
  border-color: #002b62 #002b62 transparent transparent;
      -webkit-transform: rotate(45deg);
              transform: rotate(45deg);
  line-height: 1;
}
@media (max-width: 767px) {
  #security-words .wordsList {
      margin: 20px 0 -10px;
  }
  #security-words .wordsList::after {
    display: none;
  }
  #security-words .wordsList li {
        width: 100%;;
        margin-bottom: 10px;
  }
  #security-words .wordsList a {
        min-height: 4.8em;
        padding: 10px 40px 10px 20px;
        border-width: 3px;
  }
}
/* security-news */
#security-news .headLine span {
    max-width: 56px;
  }
#security-news .column {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
#security-news .column .textBox {
      padding-top: 16px;
      padding-bottom: 16px;
    }
#security-news .notes {
    display: block;
    margin-left: 18px;
  }
@media (max-width: 767px) {
  #security-news .column .textBox {
      padding-top: 0;
  }
}
/* column-backnumber */
#column-backnumber .slick-prev,
  #column-backnumber .slick-next {
    position: absolute;
    top: 0;
    display: block;
    width: 48px;
    height: calc(100% - 40px);
    padding: 0;
    background: #fff;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    z-index: 100;
    overflow: hidden;
    text-indent: 101%;
    white-space: nowrap
  }
#column-backnumber .slick-prev::before, #column-backnumber .slick-next::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 32px;
  height: 32px;
  margin-top: -18px;
  border-top: 2px solid;
  border-right: 2px solid;
  border-color: #878dab #878dab transparent transparent;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  line-height: 1;
}
#column-backnumber .slick-prev:hover::before, #column-backnumber .slick-next:hover::before {
  border-color: #002b62 #002b62 transparent transparent;
}
#column-backnumber .slick-prev {
    left: 0
  }
#column-backnumber .slick-prev::before {
  left: auto;
  right: 0;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
}
#column-backnumber .slick-next {
    right: 0;
  }
#column-backnumber .slick-dots {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
  }
#column-backnumber .slick-dots li {
      display: inline-block;
      width: 12px;
      height: 12px;
      margin: 0 10px;
      padding: 0;
      background: #bfbfbf;
      border-radius: 50%;
      cursor: pointer;
      line-height: 1;
    }
#column-backnumber .slick-dots li button {
        display: none;
      }
#column-backnumber .slick-dots li:hover,
      #column-backnumber .slick-dots li.slick-active {
  background: #002b62;
}
#column-backnumber .headLine span:first-child {
      max-width: 48px;
    }
#column-backnumber .headLine .subTitle {
      max-width: inherit;
      margin-right: 0;
      font-size: 24px;
      vertical-align: text-bottom;
      color: #595959;
    }
#column-backnumber .slide-column {
    position: relative;
    padding: 0 48px 40px 18px;
    width: 1200px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
#column-backnumber .col {
    width: 346px;
    margin-left: 32px;
    border: 1px solid #bfbfbf;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
#column-backnumber .col a {
      display: block;
      height: 100%;
      background-color: #fff
    }
#column-backnumber .col a:hover {
  text-decoration: none;
  background-color: #f2f2f2;
}
#column-backnumber .col .text {
      padding: 12px 12px 20px;
    }
#column-backnumber .col .text p {
        margin-bottom: 0;
        font-size: 15px;
      }
#column-backnumber .col h4 {
      margin-bottom: 16px;
      font-size: 18px;
      font-weight: normal;
      color: #595959;
    }
#column-backnumber .col h4 span {
        display: block;
        color: #222;
      }
#column-backnumber .col .small {
      font-size: 14px;
    }
@media (max-width: 767px) {
  #column-backnumber .slick-prev,
  #column-backnumber .slick-next {
    width: 32px;
    height: 100%;
    padding: 0;
    background: transparent;
  }
  #column-backnumber .slick-prev::before, #column-backnumber .slick-next::before {
    top: 43%;
    left: -4px;
    width: 24px;
    height: 24px;
    margin-top: 0;
  }
  #column-backnumber .slick-prev::before {
    left: auto;
    right: -4px;
  }
    #column-backnumber .headLine .angle {
      display: block;
      margin: 0 auto;
    }
  #column-backnumber .slide-column {
    padding: 0px;
    width: 100%;
  }
    #column-backnumber .slick-dots li {
      width: 8px;
      height: 8px;
    }
  #column-backnumber .col {
    width: 100%;
    margin-left: 0;
  }
    #column-backnumber .col .text {
      padding: 10px 10px 16px;
    }
      #column-backnumber .col .text p {
        margin-bottom: 0;
        font-size: 14px;
      }
    #column-backnumber .col h4 {
      margin-bottom: 10px;
      font-size: 16px;
    }
    #column-backnumber .col .small {
      font-size: 12px;
    }
}
/* seminar */
#seminar {

}
/* #download */
#download {
  background-color: #f2f2f2;
}
#download .headLine span {
    max-width: 64px;
  }
#download .headLine04 {
    padding-top: 0;
    padding-bottom: 0;
    border: none;
  }
#download .col {
    position: relative;
    margin-bottom: 40px;
    padding: 20px 20px 48px;
    background-color: #fff;
    border: 2px solid #bfbfbf;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
#download .col .photo {
      margin-bottom: 10px;
      text-align: center;
    }
#download .col .photo img {
        width: 128px;
        border: 1px solid #ccc;
      }
#download .col .text p {
        margin-bottom: 0;
      }
#download .subTitle {
    margin-bottom: .5em;
    color: #595959;
  }
#download .imgBox {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 0 20px;
  }
#download .imgBox .photo {
      -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
              order: 2;
      width: 160px;
    }
#download .imgBox .text {
      -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
              order: 1;
      width: 360px;
    }
#download .dlList {
    padding: 0 0 20px;
  }
#download .dlList li {
      text-align: center;
    }
#download .dlList .title {
      font-size: 12px;
    }
#download .dlPage,
  #download .dlList .title span {
    display: block;
    color: #595959;
  }
#download .btnDL {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: 0;
  }
#download .btnDL a {
      width: 100%;
    }
#download .download01,
  #download .download02 {
    width: 580px;
  }
#download .download02 .dlList li {
      width: 31%;
    }
#download .download02 .dlList li:nth-child(2) {
      width: 36%;
    }
#download .download03 {
    width: 100%;
    margin-bottom: 0;
  }
#download .download03 .text {
      margin-bottom: 20px;
    }
#download .download03 .dlList li {
      width: 14.2857%;
    }
@media (max-width: 767px) {
  #download .col {
      margin-bottom: 20px;
      padding: 10px 10px 48px;
      border-width: 1px;
  }
      #download .col .text {
        font-size: 14px;
      }
  #download .imgBox {
      padding-bottom: 10px;
  }
      #download .imgBox .photo {
        -webkit-box-ordinal-group: 2;
            -ms-flex-order: 1;
                order: 1;
        width: 130px;
      }
      #download .imgBox .text {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        width: calc(100% - 140px);
      }
  #download .dlList {
      padding-bottom: 0;
  }
      #download .dlList li {
        margin-bottom: 20px;
      }
  #download .dlPage {
      font-size: 12px;
  }
  #download .download01,
    #download .download02 {
      width: 100%;
  }
      #download .download02 .dlList li,
      #download .download02 .dlList li:nth-child(2) {
        width: 48%;
      }
        #download .download02 .dlList li img, #download .download02 .dlList li:nth-child(2) img {
          width: 114px;
        }
      #download .download03 .dlList li {
        width: 50%;
      }
}
/*------------------------------------------------------------
  btnLink
------------------------------------------------------------*/
.btnLink {
  margin: 30px 0;
}
.btnLink a,
.btnLink span {
  display: inline-block;
  position: relative;
  min-width: 200px;
  padding: 15px 40px 14px 16px;
  background-color: #002b62;
  color: #fff;
  line-height: 1.2;
  -webkit-box-sizing: border-box;
          box-sizing: border-box
}
.btnLink a:hover, .btnLink span:hover {
  background-color: #4a5880;
  text-decoration: none;
}
.btnLink a::after, .btnLink span::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 12px;
  width: 12px;
  height: 12px;
  margin-top: -6px;
  border-top: 2px solid;
  border-right: 2px solid;
  border-color: #fff #fff transparent transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
/*
.btnLink a[target="_blank"] {
  padding-left: 0
}
*/
.btnLink a[target="_blank"]::before {
  display: none;
}
.btnLink.orange a {
  background-color: #ed7a1b
}
.btnLink.orange a:hover {
  background-color: #ba5000;
}
.btnDL a,
.btnDL span {
  min-width: 400px;
  background-color: #ed7a1b;
  font-size: 18px;
  text-align: center
}
.btnDL a:hover, .btnDL span:hover {
  background-color: #ba5000;
}
.btnDL a::after, .btnDL span::after {
  right: 20px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
}
.btnSc {
  margin: 48px 0 0;
  text-align: center;
}
.btnSc a {
    min-width: 280px;
  }
.btnLinkBox {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.btnLinkBox .btnLink:not(:first-child) {
    margin-left: 20px;
  }
@media (max-width: 767px) {
  .btnLink {
    margin: 20px 0;
  }
  .btnDL a,
  .btnDL span {
    min-width: inherit;
    width: 100%;
  }
  .btnSc {
    margin: 24px 0 0;
    text-align: center;
  }
    .btnSc a {
      min-width: 200px;
      width: 80%;
    }
    .btnLinkBox .btnLink {
      margin-top: 0;
    }
    .btnLinkBox .btnLink:not(:first-child) {
      margin-top: 10px;
      margin-left: 0;
    }
}
.link-arrow {
  position: relative;
  padding-right: 1.5em
}
.link-arrow::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  width: 14px;
  height:14px;
  margin-top: -8px;
  border-top: 2px solid;
  border-right: 2px solid;
  border-color: #fff #fff transparent transparent;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  line-height: 1;
}
.link-arrow::after {
  right: 32px;
}
.link-arrow02 a {
    display: inline-block;
    position: relative;
    padding-left: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box
  }
.link-arrow02 a::before {
  content: "";
  display: block;
  position: absolute;
  top: .1em;
  left: 0;
  width: 0;
  height: 0;
  background: none;
  border-style: solid;
  border-width: 9px 0 9px 10px;
  border-color: transparent transparent transparent #002b62;
  border-radius: 0;
}
/*------------------------------------------------------------
  Lists
------------------------------------------------------------*/
/* normal list */
.ul li {
    margin-bottom: .5em;
    padding-left: 1.5em;
    position: relative
  }
.ul li::before {
  content: "";
  position: absolute;
  top: .56em;
  left: .375em;
  display: block;
  width: 6px;
  height: 6px;
  background-color: #595959;
  border-radius: 50%;
  line-height: 1;
}
.ol {
  padding-left: 2em;
}
.ol li {
    margin-bottom: .5em;
    list-style-type: decimal;
    list-style-position: outside;

  }
/* contentList */
.contentList {
  padding: 32px 32px 24px;
}
.contentList li {
    position: relative;
    margin-bottom: .5em;
    padding-left: 24px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
.contentList li a::before {
      content: "";
      display: block;
      position: absolute;
      top: .1em;
      left: 0;
      width: 18px;
      height: 18px;
      background: #4a5880 url(../img/common/arrow-down.png) no-repeat center center;
      background-size: 10px auto;
      border-radius: 50%;
      color: #fff;
    }
.contentList .subList {
    margin-top: .5em;
  }
.contentList .subList li {
      padding-left: 20px;
    }
.contentList .subList li a::before {
        width: 0;
        height: 0;
        background: none;
        border-style: solid;
        border-width: 9px 0 9px 9px;
        border-color: transparent transparent transparent #4a5880;
        border-radius: 0;
      }
@media (max-width: 767px) {
  .contentList {
    padding: 16px 10px 10px;
  }
  .contentList li {
      margin-bottom: .5em;
      padding-left: 20px;
  }
      .contentList li a::before {
    top: .2em;
    width: 16px;
    height: 16px;
    background-size: 8px auto;
  }
}
/* newsList */
.newsList01 a:link, .newsList02 a:link, .newsList03 a:link {
    text-decoration: underline;
  }
.newsList01 a:hover, .newsList02 a:hover, .newsList03 a:hover {
    text-decoration: none;
  }
.newsList01 {
  display: table;
  padding: 0 32px;
}
.newsList01 dt,.newsList01 dd {
    margin-bottom: .5em;
  }
.newsList01 dt {
    float: left;
    width: 9em;
  }
.newsList01 dd {
    overflow: hidden;
  }
.newsList02 {
  padding: 0 40px;
}
.newsList02 li {
    margin-bottom: .5em;
  }
.newsList03 {
  margin-bottom: -.5em;
}
.newsList03 li {
    margin-bottom: .5em;
  }
@media (max-width: 767px) {
  .newsList01 {
    display: block;
    padding: 0;
  }
    .newsList01 dt {
      float: none;
      width: 100%;
      margin-bottom: .3em;
    }
    .newsList01 dd {
      margin-bottom: 1.5em;
    }
  .newsList02 {
    padding: 20px 0 10px;
  }
    .newsList02 li {
      margin-bottom: .5em;
    }
  .newsList03 {
    margin-bottom: -20px
  }
  .newsList03::after {
    display: none;
  }
  .newsList03 li {
      width: 100%;
      margin-bottom: 20px;
  }
}
/* textList */
.textList {
  width: 75%;
  margin: 0 auto -30px
}
.textList::after {
  content: "";
  display: block;
  width: 270px;
}
.textList li {
    width: 270px;
    margin-bottom: 30px;
    text-align: left;
}
.textList li a {
      display: block;
      height: 100%;
      padding: 12px 12px 12px 16px;
      border: 1px solid #fff;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
    }
.textList li:nth-child(odd) a {
  background: #97c6ff;
}
.textList li:nth-child(even) a {
  background: #f2f2f2;
}
.textList li a:hover {
      opacity: .8;
      text-decoration: none;
}
.textList .title {
    margin-bottom: 8px;
    font-weight: bold;
    color: #005ac8;
}
.textList .title-name {
    margin: 0 0 10px;
    color: #404040;
    font-size: 17px;
    font-weight: normal;
}
.textList .title-name img {
      width: 69px;
      vertical-align: middle;
    }
.textList .title-name span {
      margin-left: 8px;
    }
.textList .colBox p {
      width: 70%;
      font-size: 16px;
    }
.textList .colBox .photo {
      display: block;
      width: 30%;
      text-align: center;
    }
@media (max-width: 767px) {
  .textList {
    width: 100%;
    margin-bottom: -20px;
  }
  .textList li {
      width: 100%;
      margin-bottom: 20px;
  }
  .textList .title {
      font-size: 20px;
  }
      .textList .colBox p {
        font-size: 14px;
      }
  .textList::after {
    display: none;
  }
}
/*------------------------------------------------------------
  Parts
------------------------------------------------------------*/
/* icon */
.icon {
  display: inline-block;
}
.icon img {
    vertical-align: middle;
  }
.icon-new {
  width: 42px;
  margin-left: 8px;
}
.icon-newL {
  width: 42px;
  margin-right: 8px;
}
.icon-new02 {
  width: 80px;
  margin-left: 16px;
}
@media (max-width: 767px) {
  .icon-new,
  .icon-newL {
    width: 36px;
  }
  .icon-new02 {
    width: 56px;
    margin-left: 8px;
  }
}
/* dummy */
.dummy {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 360px;
  background: #d9d9d9;
}
@media (max-width: 767px) {
  .dummy {
    min-height: 230px;
  }
}


.site-footer .seg-primary .scroll-top {
  font-size: 1.2rem;
  position: relative;
  margin: 0;
}

.site-footer .seg-primary .scroll-top> a {
  line-height: 2.5;
  text-decoration: none;
  text-align: right;
  color: #fff;
  background: #646e74;
  position: absolute;
  z-index: 100;
  right: 0;
  bottom: 20px;
  display: block;
  overflow: hidden;
  padding: 0 10px 0 35px;
}

html[data-script-enabled="true"] .site-footer .seg-primary .scroll-top> a {
  pointer-events: none;
  transition: .3s opacity ease;
  opacity: 0;
}

.site-footer .seg-primary .scroll-top> a::before {
  position: absolute;
  top: 50%;
  left: 7px;
  display: block;
  width: 20px;
  height: 20px;
  margin: -3px 0 0;
  content: "";
  -webkit-transform: rotate(48deg) skew(6deg);
          transform: rotate(48deg) skew(6deg);
  border: 1px solid #fff;
  border-width: 1px 0 0 1px;
}

html[data-script-enabled="true"] .site-footer .seg-primary .scroll-top.is-visible> a {
  pointer-events: auto;
}

html[data-script-enabled="true"] .site-footer .seg-primary .scroll-top> a:focus,
html[data-script-enabled="true"] .site-footer .seg-primary .scroll-top.is-visible> a {
  opacity: 1;
}

html[data-script-enabled="true"] .site-footer .seg-primary .scroll-top.is-fixed> a {
  position: fixed;
  right: 0;
  bottom: 20px;
}

html[data-script-enabled="true"] .site-footer .seg-primary .scroll-top> a:focus {
  outline: 1px dotted #333;
}

html[data-cookiebar] .site-footer .seg-primary .scroll-top.is-fixed> a {
  transition: .3s opacity ease, .2s bottom ease-out;
}

html[data-submit-bar] .site-footer .seg-primary .scroll-top.is-fixed> a {
  transition: .3s opacity ease, .2s bottom ease-out;
}


html[data-script-enabled="true"] .func-modal {
  background: rgba(0, 0, 0, .6);
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  display: none;
  -webkit-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  transition: .2s opacity ease-out;
  opacity: 0;
}

/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 *
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 *
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */
#fancybox-loading {
  position: fixed;
  z-index: 1104;
  top: 50%;
  left: 50%;
  display: none;
  overflow: hidden;
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
  cursor: pointer;
}

#fancybox-loading div {
  background-image: url("fancybox.png");
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 480px;
}

#fancybox-overlay {
  position: absolute;
  z-index: 1100;
  top: 0;
  left: 0;
  display: none;
  width: 100%;
}

#fancybox-tmp {
  display: none;
  overflow: auto;
  margin: 0;
  padding: 0;
  border: 0;
}

#fancybox-wrap {
  position: absolute;
  z-index: 1101;
  top: 0;
  left: 0;
  display: none;
  padding: 20px;
  outline: none;
}

#fancybox-outer {
  background: #fff;
  position: relative;
  width: 100%;
  height: 100%;
}

#fancybox-content {
  position: relative;
  z-index: 1102;
  width: 0;
  height: 0;
  padding: 0;
  border: 0 solid #fff;
}

.md-opjjpmhoiojifppkkcdabiobhakljdgm_doc .link {
    text-align: center;
    margin: 10px auto 0 auto;
    display: block;
}
.md-opjjpmhoiojifppkkcdabiobhakljdgm_doc .link img.icn {
    width: 16px !important;
    height: 16px !important;
    vertical-align: middle;
    margin: 0 10px 0 0;
}