@charset "UTF-8";
/**
 * products.css
 * createdAt: 2016.05.26
 * updatedAt: 2017.02.02
 * updatedAt: 2017.02.27
 * updatedAt: 2017.04.19
 * updatedAt: 2017.08.16
 * updatedAt: 2020.06.23
 * updatedAt: 2021.10.14
 * updatedAt: 2022.02.16
 * updatedAt: 2023.04.07
 * updatedAt: 2023.06.01
 * updatedAt: 2023.08.24
 * updatedAt: 2023.11.16
 * updatedAt: 2024.12.06
 */

/*========================================

  .pdt-idx-sec

========================================*/
.pdt-idx-sec {
  margin-top: 80px;
}
.mod-heading + .pdt-idx-sec {
  margin-top: 20px;
}
.pdt-idx-sec .item-box {
  font-size: 0;
}
.pdt-idx-sec .item-box:after {
  content: '';
  display: block;
  clear: both;
}
.pdt-idx-sec .item {
  display: inline-block;
  vertical-align: top;
  /*margin: 50px 15px 0;*/
  /*width: 565px;*/
  margin: 5.2631578% 1.2605042% 0;
  width: 47.4789915%;
}
.pdt-idx-sec .item:nth-child(1),
.pdt-idx-sec .item:nth-child(2) {
  margin-top: 15px;
}
.pdt-idx-sec .img-box {
  display: table-cell;
  vertical-align: middle;
  /*width: 153px;*/
  width: 27.079646%;
  height: inherit;
  line-height: 0;
  text-align: center;
}
.pdt-idx-sec .img-box img {
  max-width: 153px;
  width: 100%;
  height: auto;
}
.pdt-idx-sec .info-box {
  display: table-cell;
  vertical-align: middle;
  /*padding-left: 38px;*/
  /*width: 374px;*/
  padding-left: 6.7256637%;
  /*width: 66.1946902%;*/
  font-size: 16px;
  font-size: 1rem;
}
.pdt-idx-sec .bottom .info-box {
  vertical-align: bottom;
}
.pdt-idx-sec .info-box em {
  font-size: 75%;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-style: normal;
  font-weight:bold;
  line-height: 1;
}
.pdt-idx-sec .info-box h3 {
  margin: 0;
  width: 110%;
  min-height: 40px;
  font-size: 125%;
  line-height: 1.0;
}
.pdt-idx-sec .info-box h3 span {
  position: relative;
  top: -0.3em;
  margin-right: 10px;
  font-size: 55%;
}
.pdt-idx-sec .info-box h3:after {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  top: -0.1em;
  margin-top: 3px;
  margin-left: 5px;
  padding: 5px 1em 2px;
  min-width: 65px;
  font-size: 12px;
   font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  line-height: 1.0;
  text-align: center;
}
.pdt-idx-sec .info-box h3.new:after {
  content: 'NEW';
  color: #fff;
  background-color: #be3f3f;
}
.pdt-idx-sec .info-box h3.scheduled:after {
  content: 'Available summer 2023';
  color: #fff;
  background-color: #be3f3f;
}
.pdt-idx-sec .info-box h3.discon:after {
  content: 'To be discontinued';
  color: #fff;
  background-color: #737373;
}
.pdt-idx-sec .info-box h3.end:after {
  content: 'End of distribution';
  color: #fff;
  background-color: #737373;
}
.pdt-idx-sec .info-box h3.end2:after {
  content: 'discontinued';
  color: #fff;
  background-color: #737373;
}
.pdt-idx-sec .info-box h3.update:after {
  content: 'UPDATE';
  color: #fff;
  background-color: #be3f3f;
}
.pdt-idx-sec .info-box a.mod-btn {
  margin-top: 5px;
  min-width: 140px;
  font-size: 87.5%;
}
.pdt-attention {
  margin: 20px 0;
  padding: 10px 20px;
  border: 1px solid #EB0000;
}
.pdt-attention h3 {
  color: #EB0000;
  text-align:center;
  font-size: 92.5%;
}
.pdt-attention p {
  color: #EB0000;
  text-align:center;
  font-size: 87.5%;
}

@media (max-width: 640px) {
  .pdt-idx-sec .item {
    display: block;
    margin: 30px 0 0 0 !important;
    padding-top: 30px;
    width: auto;
    border-top: 1px dotted #ccc;
  }
  .pdt-idx-sec .item:first-child {
    padding-top: 0;
    border-top: none;
  }
  .pdt-idx-sec .img-box {
    display: block;
    width: auto;
  }
  .pdt-idx-sec .info-box {
    display: block;
    margin: 15px auto 0;
    padding: 0;
    width: 90%;
  }
  .pdt-idx-sec .info-box h3 {
    width: auto;
    min-height: 0;
    line-height: 1.2;
    letter-spacing: -0.02em;
  }
  .pdt-idx-sec .info-box h3 span {
    margin-left: 4px;
  }
  .pdt-idx-sec .info-box a.mod-btn {
    margin-top: 10px;
    width: 100%;
  }
}
@media (max-width: 320px) {
  .pdt-idx-sec .info-box {
    width: 100%;
  }
  .pdt-idx-sec .info-box h3 {
    font-size: 112.5%;
  }
}

/*----------------------------------------
  .ie-legacy
----------------------------------------*/
.ie-legacy .pdt-idx-sec .item.odd {
  margin-left: 0;
}
.ie-legacy .pdt-idx-sec .item.s1,
.ie-legacy .pdt-idx-sec .item.s2 {
  margin-top: 15px;
}
.ie-legacy .pdt-idx-sec .info-box h3 {
  font-size: 118.8%;
}

/*========================================

  .tag-icon

========================================*/
.tag-icon {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  top: -0.2em !important;
  margin-left: 1em;
  padding: 5px 1em 2px;
  min-width: 65px;
  font-size: 12px !important;
  line-height: 1.0;
  text-align: center;
}
.tag-icon + .tag-icon {
  margin-left: 5px;
}
.tag-icon.free {
  color: #fff !important;
  background-color: #068000 !important;
}
.tag-icon.update {
  color: #fff !important;
  background-color: #be3f3f !important;
}


/*========================================

  .tag

========================================*/
.tag {
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  margin: 10px 0;
  padding: 3px 10px 3px;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 75%;
  line-height: 1.2;
  border: 1px solid #000;
}
.pdt-sec .tag.blue {
  color: #0651ad;
  border: 1px solid #0651ad;
}
.pdt-sec .tag.green {
  color: #5dae06;
  border: 1px solid #5dae06;
}


/*========================================

  .icn

========================================*/
.icn {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  margin: 0;
  padding: 5px 1em 2px;
  min-width: 90px;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-weight: normal;
  font-size: 12px;
  line-height: 1.0;
  color: #fff;
  text-align: center;
  background: #116dbf;
}


/*========================================

  .pdt-sec

========================================*/
.pdt-sec {
  margin: 75px 0 0;
  overflow: visible;
}
.pdt-sec.discon {
  margin: 30px 0 0;
}
.pdt-sec.end {
  margin: 30px 0 0;
}
.pdt-sec .div {
  margin: 40px 0 10px;
  font-size: 125%;
  line-height: 1.2;
}
.pdt-sec .mod-heading-01 + .div {
  margin: 0 0 10px;
}

@media (max-width: 640px) {
  .pdt-sec {
    margin: 60px 0 0;
  }
}

/*----------------------------------------
  .mod-anchor-menu
----------------------------------------*/
.pdt-intro + .mod-anchor-menu,
.pdt-lead + .mod-anchor-menu {
  margin: 30px 0 0;
}


/*----------------------------------------
  .txt-heading
----------------------------------------*/
.pdt-sec .txt-heading {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-weight: bold;
  margin: 40px 0 10px;
  font-size: 118.8%;
  line-height: 1.2;
}
.mti-inactive .pdt-sec .txt-heading  {
  font-weight: normal;
}
.pdt-sec .mod-heading-01 + .txt-heading {
  margin: 0 0 10px;
}
.pdt-sec .div + .txt-heading {
  margin: 20px 0 10px;
}

@media (max-width: 640px) {
  .pdt-sec .txt-heading {
    margin: 40px 0 10px;
    line-height: 1.3;
  }
}

/*----------------------------------------
  .txt-sub-heading
----------------------------------------*/
.pdt-sec .txt-sub-heading {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-weight: bold;
  margin: 30px 0 5px;
  font-size: 100%;
  line-height: 1.2;
}

/*----------------------------------------
  .txt
----------------------------------------*/
.pdt-sec .mod-heading-01 + .txt {
  margin: 0;
}
.pdt-sec .txt-sub-heading + .txt {
  margin-top: 5px;
}
.pdt-sec .mod-table + .txt,
.pdt-sec .mod-table2 + .txt {
  margin: 25px 0 0;
}

/*----------------------------------------
  .note
----------------------------------------*/
.pdt-sec .mod-table + .note,
.pdt-sec .mod-table2 + .note {
  margin: 15px 0 0;
}
.pdt-sec .pdt-img-box + .note {
  margin-top: 20px;
}

/*----------------------------------------
  .mod-table
----------------------------------------*/
.pdt-sec .txt + .mod-table,
.pdt-sec .txt + .mod-table2 {
  margin: 10px 0 0;
}
.pdt-sec .mod-table + .mod-table {
  margin-top: 30px;
}

/*----------------------------------------
  others
----------------------------------------*/
.pdt-sec .txt + .mod-action-box {
  margin-top: 30px;
}
.pdt-sec .note.foot {
  margin-top: 30px;
}
.pdt-sec ul.list {
  margin: 10px 0 0 0;
  padding: 0 0 0 18px;
  font-size: 93.8%;
  line-height: 1.7;
}
.pdt-sec ul.list.line li {
  margin: 10px 0 0;
}
.pdt-sec ul.list.line li:first-child {
  margin-top: 0;
}
.pdt-sec .txt-sub-heading + ul.list {
  margin-top: 0;
}
.pdt-sec .mod-table + ul.list,
.pdt-sec .mod-table2 + ul.list {
  margin-top: 20px;
}


/*========================================

  .pdt-intro

========================================*/
.pdt-intro {
  margin: 100px 0 0;
}
.pdt-intro:after {
  clear: both;
  display: block;
  content: '';
}
.pdt-attention + .pdt-intro {
  margin: 50px 0 0;
}

@media (max-width: 639px) {
  .pdt-intro {
    margin: 50px 0 0;
  }
}

/*----------------------------------------
  .txt-box1
----------------------------------------*/
.pdt-intro .txt-box1 {
  float: right;
  /*width:435px;*/
  width: 45.7894736%;
}
.pdt-intro.flat .txt-box1 {
  float: none;
  width: auto;
}
.pdt-intro .txt-box1 em {
  display: block;
  margin: 0 10px 10px 0;
  font-size: 93.8%;
  font-style: normal;
  font-weight:bold;
  line-height: 1.4;
}
.pdt-intro .txt-box1 h1 {
  margin: 0;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-weight: bold;
  font-size: 162.5%;
  line-height: 1.1;
}
.mti-inactive .pdt-intro .txt-box1 h1 {
  font-weight: normal;
}
.pdt-intro .txt-box1 h1 span {
  position: relative;
  top: -0.1em;
  font-size: 56.3%;
  color: #666;
}
.pdt-intro .txt-box1 h1:after {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  top: -0.3em;
  margin-left: 1em;
  padding: 5px 1em 2px;
  min-width: 65px;
  font-size: 12px;
  line-height: 1.0;
  text-align: center;
}
.pdt-intro .txt-box1 h1.update:after {
  color: #fff;
  content: 'UPDATE';
  background-color: #be3f3f;
}
.pdt-intro .txt-box1 h1.free:after {
  content: 'Free of Charge';
  color: #fff;
  background-color: #068000;
}
.pdt-intro .txt-box1 h1.new:after {
  content: 'NEW';
  color: #fff;
  background-color: #be3f3f;
}
.pdt-intro .txt-box1 h1.scheduled:after {
  content: 'Available summer 2023';
  color: #fff;
  background-color: #be3f3f;
}
.pdt-intro .txt-box1 h1.discon:after {
  content: 'To be discontinued';
  color: #fff;
  background-color: #737373;
}
.pdt-intro .txt-box1 h1.end:after {
  content: 'End of distribution';
  color: #fff;
  background-color: #737373;
}
.pdt-intro .txt-box1 h1.end2:after {
  content: 'discontinued';
  color: #fff;
  background-color: #737373;
}
.pdt-intro .txt-box1 h1.update:after {
  content: 'UPDATE';
  color: #fff;
  background-color: #be3f3f;
}
/*.pdt-intro .txt-box1 .tag {
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  margin: 10px 0;
  padding: 3px 10px 3px;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-size: 75%;
  line-height: 1.2;
  border: 1px solid #000;
}*/
.pdt-intro .txt-box1 em + .tag {
  margin-top: 0;
}

@media (max-width: 640px) {
  .pdt-intro .txt-box1 {
    float: none !important;
    width: auto;
  }
}

/*----------------------------------------
  .txt-box2
----------------------------------------*/
.pdt-intro .txt-box2 {
  float: right;
  /*margin: 15px 0 0 0;*/
  /*width: 435px;*/
  margin: 15px 0 0 0;
  width: 45.7894736%;
}
.pdt-intro.flat .txt-box2 {
  float: none;
  margin: 15px 0 0;
  width: auto;
}
.pdt-intro .txt-box2 ul {
  margin: 0;
  padding: 0;
  font-size: 106.3%;
  line-height: 1.2;
  list-style: none;
}
.pdt-intro .txt-box2 li {
  margin-top: 8px;
  padding-left: 16px;
  background-image: url(../img/icn_list.svg);
  background-repeat: no-repeat;
  background-position: 2px 0.2em;
}
.ie-legacy .pdt-intro .txt-box2 li {
  background-image: url(../img/icn_list.png);
}

@media (max-width: 640px) {
  .pdt-intro .txt-box2 {
    float: none;
    margin: 0;
    width: auto;
  }
}

/*----------------------------------------
  .img-box
----------------------------------------*/
.pdt-intro .img-box {
  float: left;
  margin: 0 0 0 12%;
  max-width: 328px;
  width: 34.5263157%;
  line-height: 0;
}
.pdt-intro .img-box img {
  width: 100%;
  height: auto;
}
.pdt-intro .img-box span {
  display: block;
  margin: 10px 0 0;
  font-size: 11px;
  line-height: 1.2;
}

@media (max-width: 640px) {
  .pdt-intro .img-box {
    float: none;
    margin: 20px auto;
    width: 80%;
  }
}

/*----------------------------------------
  .btn-support
----------------------------------------*/
.pdt-intro .btn-support {
  position: relative;
  display: block;
  margin: 15px 0 0;
  padding: 10px 1em 10px 1em;
  max-width: 195px;
  font-size: 100%;
  text-align: center;
  color: #fff;
  background: #595959;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.pdt-intro .btn-support:after {
  content: '\e866';
  font-family: 'fontello';
  margin-left: 10px;
}

@media (max-width: 640px) {
  .pdt-intro .btn-support {
    margin: 15px auto 0;
    max-width: 240px;
  }
}


/*========================================

  .pdt-lead

========================================*/
.pdt-lead {
  margin: 50px 0 0;
}
.pdt-lead p:first-child {
  margin: 0;
}

@media (max-width: 640px) {
  .pdt-lead {
    margin: 30px 0 0;
  }
}


/*========================================

  .pdt-img-box

========================================*/
.pdt-img-box {
  margin: 30px 0 0;
  line-height: 0;
  text-align: center;
}
.mod-heading-01 + .pdt-img-box {
  margin: 45px 0 0;
}
.txt-heading + .pdt-img-box {
  margin: 15px 0 0;
}
.pdt-img-box:after {
  clear: both;
  display: block;
  content: "";
}
.pdt-img-box img {
  width: 100%;
  height: auto;
}
.pdt-img-box p.txt {
  text-align: left;
}
.pdt-img-box p.txt + img {
  margin: 10px 0 0;
}
.pdt-img-box.grid-02,
.pdt-img-box.grid-03 {
  font-size: 0;
}
.pdt-img-box .item {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  font-size: 1rem;
}
.pdt-img-box .item.bottom {
  vertical-align: bottom;
}
.pdt-img-box .item .txt {
  line-height: 1.5;
}
.pdt-img-box.grid-02 .item {
  margin: 0 0 0 4%;
  width: 48%;
}
.pdt-img-box.grid-02 .item:nth-child(2n+1) {
  margin-left: 0;
}
.pdt-img-box.grid-02 .item.odd {
  margin-left: 0;
}
.pdt-img-box.grid-03 .item {
  margin: 0 0 0 5%;
  width: 30%;
}
.pdt-img-box.grid-03 .item:nth-child(3n+1) {
  margin-left: 0;
}
.pdt-img-box.grid-03 .item.n3 {
  margin-left: 0;
}

@media (max-width: 640px) {
  .mod-heading-h3 + .pdt-img-box {
    margin: 10px 0 0;
  }
  .pdt-img-box .item {
    display: block;
    margin: 25px 0 0 !important;
    width: auto !important;
    font-size: 0.875rem;
  }
}


/*========================================

  .pdt-pdf

========================================*/
.pdt-pdf {
  display: none;
}
.pdt-pdf a {
  position: relative;
  display: block;
  font-size: 0;
}
.pdt-pdf a:after {
  content: '\e866';
  font-family: 'fontello';
  font-size: 14px;
  color: #000;
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -10px;
}
.pdt-pdf .img-box {
  display: inline-block;
  vertical-align: middle;
  line-height: 0;
  width: 15%;
}
.pdt-pdf .img-box img {
  width: 100%;
  height: auto;
}
.pdt-pdf span {
  display: inline-block;
  vertical-align: middle;
  box-sizing: border-box;
  padding: 0 20px 0 20px;
  width: 85%;
  font-size: 16px;
}

@media (max-width: 640px) {
  .pdt-pdf {
    display: block;
  }
}
@media (max-width: 320px) {
  .pdt-pdf span {
    font-size: 14px;
  }
}


/*========================================

  .pdt-download

========================================*/
.pdt-download {
  margin: 100px 0 0;
  padding: 30px 50px 40px 50px;
  background-color: #f1f5f9;
}
.pdt-download h3 {
  font-size: 125%;
  line-height: 1.2;
  text-align: center;
}
.pdt-download .pdt-download-btn {
  margin: 20px 0 0;
  font-size: 112.5%;
  text-align: center;
}
.pdt-download .pdt-download-btn a {
  display: inline-block;
  padding: 9px 20px 13px 20px;
  width: 436px;
  background-color: #145189;
  color: #ffffff;
}
.pdt-download .pdt-download-btn a:after {
  content: '\e80d';
  font-family: 'fontello';
  font-size: 30px;
  margin-left: 20px;
}
.pdt-download .pdt-download-btn i {
  font-size: 30px;
  margin-left: 30px;
}

@media (max-width: 640px) {
.pdt-download .pdt-download-btn a {
  width: 200px;
}
}


/*========================================

  .pdt-sdk

========================================*/
.pdt-sdk {
  margin: 50px 0 0;
  padding-top: 60px;
  border-top: 1px solid #bfbfbf;
}
.mod-heading-01 + .pdt-sdk {
  padding-top: 0;
  border-top: none;
}
.pdt-sdk .sdk-heading {
  margin: 0;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-weight: bold;
  font-size: 181.3%;
  line-height: 1.2;
  color: #145189;
  text-align: center;
}
.pdt-sdk .sdk-heading span {
  font-size: 57.1%;
}
.pdt-sdk p.intro {
  margin-top: 5px;
  font-size: 106.3%;
  line-height: 1.4;
  text-align: center;
}
.pdt-sdk p.red {
  line-height: 1.4;
  color: #af0000;
  text-align: center;
}
.pdt-sdk .description {
  margin: 20px 0 0;
  padding: 0;
  font-size: 87.5%;
  line-height: 1.6;
  list-style: none;
}
.pdt-sdk .description li {
  padding-left: 12px;
  background-image: url(../img/icn_list.svg);
  background-repeat: no-repeat;
  background-position: 0 0.4em;
  background-size: 8px;
}
.pdt-sdk .tag-line {
  margin: 10px 0 0;
  padding: 0;
  font-size: 0;
  line-height: 1;
}
.pdt-sdk .tag-line li {
  display: inline-block;
  vertical-align: top;
  margin-top: 5px;
  margin-right: 5px;
  font-size: 16px;
  font-size: 1rem;
}
.pdt-sdk .tag-line li:last-child {
  margin-left: 0;
}
.pdt-sdk .tag-line .tag {
  margin: 0;
}
.pdt-sdk .mod-action-box {
  margin-top: 30px;
}

@media (max-width: 640px) {
  .pdt-sdk {
    margin: 30px 0 0;
    padding-top: 40px;
  }
  .pdt-sdk .sdk-heading span {
    display: block;
  }
  .pdt-sdk p.intro {
    margin-top: 15px;
  }
}


/*========================================

  .pdt-example

========================================*/
.pdt-example {
  margin: 40px 0 0;
  padding: 25px 45px;
  background: #c6d8f0;
}
.pdt-example .heading {
  display: block;
  margin: 0 0 10px;
  font-size: 93.8%;
  line-height: 1.2;
}
.pdt-example p + .heading {
  margin: 30px 0 10px;
}
.pdt-example p {
  margin: 0;
  font-size: 87.5%;
  line-height: 1.6;
}

@media (max-width: 639px) {
  .pdt-example {
    margin: 30px 0 0;
    padding: 20px 20px;
  }
}


/*========================================

  .pdt-foot-menu

========================================*/
.pdt-foot-menu {
  margin: 80px 0 70px;
  padding: 0;
  font-size: 0;
  text-align: center;
}
.pdt-foot-menu li {
  display: inline-block;
  margin: 0 0 0 20px;
  /*width: 240px;*/
  width: 25.2631578%;
  font-size: 16px;
  font-size: 1rem;
}
.pdt-foot-menu li:first-child {
  margin-left: 0;
}
.pdt-foot-menu li a {
  position: relative;
  display: table;
  width: 100%;
  height: 70px;
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  color: #fff;
  background-color: #595959;
}
.pdt-foot-menu li span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 40px 0 20px;
}
.pdt-foot-menu li:first-child span {
  padding: 0 20px 0 40px;
  text-align: center;
}
.pdt-foot-menu li span:after {
  content: '\e866';
  font-family: 'fontello';
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -10px;
}
.pdt-foot-menu li:first-child span:after {
  content: none;
}
.pdt-foot-menu li:first-child span:before {
  content: '\e860';
  font-family: 'fontello';
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -10px;
}

@media (max-width: 640px) {
  .pdt-foot-menu li {
    display: block;
    margin: 2px 0 0;
    width: auto;
  }
  .pdt-foot-menu li br {
    display: none;
  }
  .pdt-foot-menu li a {
    height: 55px;
  }
  .pdt-foot-menu li span,
  .pdt-foot-menu li:first-child span {
    padding: 0 40px 0 40px;
  }
}
@media (max-width: 320px) {
  .pdt-foot-menu li a {
    font-size: 12px;
  }
}

/* ==========================================================================
 * updatedAt: 2021.08.23
   ========================================================================== */

/* chip_txt */
.pdt-intro .chip_txt{
	margin-left:10px;
	font-size:14px;
	font-weight:bold;
	color:#707070;
	display:inline-block;
}

/* chip_txt */
.nav_inpage{
	margin:30px 0;
	padding:0;
	border-bottom:2px #145189 solid;
	background:#f1f5f9;
	aling-items:center;
	justify-content:center;
	display:flex;
}
@media (max-width: 640px) {
.nav_inpage{
	display:block;
}
}
.nav_inpage li{
	line-height:1;
	margin:13px 20px 13px 0;
	padding: 0 15px 0 20px;
	list-style:none;
	position:relative;
}
@media (max-width: 640px) {
.nav_inpage li{
	margin:0 0 0 0;
	padding: 0 0 0 0;
	border-bottom:1px #fff solid;
}
.nav_inpage li:nth-child(3){
	border-bottom:none;
}
}
.nav_inpage li a{
	margin:0;
	padding: 0;
	color:#000;
	display:block;
	position:relative;
}
@media (max-width: 640px) {
.nav_inpage li a{
	padding: 10px 0 10px 15px;
}
}
.nav_inpage li:before{
	width:1px;
	height:100%;
	content:"";
	background:#000;
	position:absolute;
	top:0;
	left:0;
}
@media (max-width: 640px) {
.nav_inpage li:before{
	background:none;
}
}
.nav_inpage li:first-child:before{
	background:none;
}
.nav_inpage li:after{
	width:0;
	height:0;
	content:"";
	border-style: solid;
	border-width: 5px 5px 0 5px;
	border-color: #000 transparent transparent transparent;
	position:absolute;
	top:5px;
	right:0px;
}
@media (max-width: 640px) {
.nav_inpage li:after{
	top:15px;
	right:15px;
}
}

/* relevant */
.relevant{
	margin:0;
	padding:0;
}

.relevant_block{
	padding:0;
	flex-wrap: wrap;
	justify-content: space-between;
	display:flex;
}
.relevant_block li{
	margin-bottom:30px;
	border:1px #bfbfbf solid;
	display:flex;
	list-style:none;
}
.relevant_block li a{
	width:580px;
	padding:10px 35px;
	color:#000;
	box-sizing:border-box;
	display:flex;
}
@media (max-width: 1300px) {
.relevant_block li{
	width:48%;
}
}
@media (max-width: 640px) {
.relevant_block li{
	width:100%;
	margin-bottom:20px;
}
.relevant_block li a{
	padding:0px 15px 0;
}
}
.relevant_block li a > h3{
	margin-right:35px;
}
@media (max-width: 640px) {
.relevant_block li a > h3{
	width:100px;
	margin-right:15px;
}
}
.relevant_block li a > h3 img{
	max-width:100%;
	vertical-align:bottom;
}
.relevant_block li a > p {
	padding-top:15px;
	font-size:125%;
	font-weight:bold;
}
.relevant_block li a > p em {
	line-height: 0.6;
	font-size: 60%;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Hiragino Kaku Gothic ProN",メイリオ,Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-style: normal;
	display:block;
	background-color:#fff;
}
/* tech_info */
img.ico_pdf{
	margin-left:10px;
	vertical-align:middle;
	display:inline-block;
}
.tech_info_block{
	padding:0;
	flex-wrap: wrap;
	justify-content: space-between;
	display:flex;
}
@media (max-width: 640px) {
.tech_info_block{
	display:block;
}
}
.tech_info_block li{
	line-height:1;
	margin-bottom:30px;
	border:1px #bfbfbf solid;
	display:flex;
	list-style:none;
}
.tech_info_block li a{
	width:580px;
	padding:25px;
	font-size:16px;
	font-weight:bold;
	box-sizing:border-box;
	display:block;
	position:relative;
}
@media (max-width: 1300px) {
.tech_info_block li{
	width:48%;
}
}
@media (max-width: 640px) {
.tech_info_block li{
	width:auto;
	margin-bottom:10px;
}
.tech_info_block li a{
	padding:15px;
}
}
.tech_info_block li a:after {
	content: '\e866';
	font-family: 'fontello';
	font-size: 87.5%;
	position:absolute;
	top:40%;
	right:20px;
}
@media (max-width: 640px) {
.tech_info_block li a:after {
	top:35%;
	right:15px;
}
}

.fnc_flash{
  justify-content: space-between;
  display: flex;
  list-style: none;
}
@media screen and (max-width: 639px) {
  .fnc_flash{
    display: block;
  }
}
@media screen and (max-width: 414px) {
  .fnc_flash{
    padding:0px 20px;
  }
}
.fnc_flash li{
  width: 30%;
  padding: 10px;
  border-radius: 10px;
  background: #fff;
  box-sizing: border-box;
}
@media screen and (max-width: 639px) {
  .fnc_flash li{
    width: auto;
    margin-bottom: 20px;
  }
}
.fnc_flash_list{
  text-align: center;
  font-size: 87.5%;
}
.fnc_flash_list dt{
  margin-bottom: 15px;
  font-weight: bold;
}
.fnc_flash_list dt img{
  max-width: 100%;
}
.fnc_flash_list dd:nth-child(2){
  margin-bottom: 15px;
}