/*
 *  felica-j/business/products / products.css
 *  created --- 2016/04/21
 *  updated --- 2017/02/02
 *  updated --- 2017/02/24
 *  updated --- 2017/03/21
 *  updated --- 2017/04/19
 *  updated --- 2017/05/08
 *  updated --- 2017/06/15
 *  updated --- 2020/08/31
 *  updated --- 2021/08/19
 *  updated --- 2021/12/14
 *  updated --- 2022/02/04
 *  updated --- 2023/02/20
 *  updated --- 2023/04/28
 *  updated --- 2023/06/01
 *  updated --- 2023/10/11
 *  updated --- 2024/07/22
 *  updated --- 2024/08/07
 *  updated --- 2024/11/15
 *  updated --- 2025/01/22
 *  updated --- 2025/03/18
 *  updated --- 2025/04/18
 */


.tbl-overflow {
  max-width: 100%;
  overflow-x: scroll;
}
.comparison-ttl {
  position: relative;
}
.comparison-ttl h1 span {
  position: absolute;
  bottom: 0px;
  right: 10px;
  font-size: 14px;
}
.comparison-ttl h3 span {
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-size: 14px;
}

@media screen and (max-width: 639px) {
  .comparison-ttl {
    padding-bottom: 5px !important;
  }
  .comparison-ttl h3 span {
    position: static;
    display: block;
    margin-top: 10px;
    font-size: 12px;
  }
}


/* article */
article .products .c5_header_c1 h1{
    font-size:24px;
    line-height:24px;
}

.icon-ic_product4:before{
    color:#3b3b3b;
    font-size:70px;
    margin-bottom:10px;
}
.products .c5-TabBox2_top{
    margin-bottom:15px;
}
.products .c5-TabBox2_top{
    margin-bottom:15px;
}
article .products .c5_header_h3{
    padding-bottom:10px;
    margin-bottom:10px;
}
article .products .tab-wrap{
    margin-bottom:70px;
}
.clearfix:after {
    content: "";
    clear: both;
    display: block;
}
ul {
    list-style-type: none;
}
.c5-row-01 {
    margin-bottom: 0px;
    border-bottom: 1px solid white;
}
.c5-row-02 {
    margin-top: 0px;
}
.c5-TabBox {
    width: 33.33333333333330%;
}
.c5-TabBox a{
    padding: 22px 16px 34px 16px;
}

.attention {
  margin: 20px 0;
  padding: 10px 20px;
  border: 1px solid #EB0000;
}

.attention h3 {
  color: #EB0000;
  text-align:center;
  font-size: 92.5%;
}

.attention p {
  color: #EB0000;
  text-align:center;
  font-size: 87.5%;
}

@media screen and (max-width: 639px) {
    .c5-row-01 {
        margin-top: 30px;
    }
    a.btnBottomIcon:before{
        bottom:6px;
    }
}

.idx-bnr-comparison {
  line-height: 0;
}
.idx-bnr-comparison img {
  max-width: 469px;
  width: 100%;
  height: auto;
}

@media screen and (max-width: 639px) {
  .idx-bnr-comparison {
    margin-top: 40px;
  }
}


.downloadBox {
    height: 345px;
    background-color: #f1f5f9;
    padding: 30px 35px;
}

.v-align {
    vertical-align: middle;
}
.downloadText {
    background-color: white;
}
.downloadText {
    padding: 25px 52px;
}
@media screen and (max-width: 639px) {
    .downloadBox {
        height: auto;
        padding: 15px 20px;
    }
    .downloadText {
        background-color: white;
    }
    .downloadText {
        padding: 13px 26px;
    }
}
.fnt17px {
    font-size: 17px;
}
.fnt13px {
    font-size: 13px;
}
.fnt15px {
    font-size: 15px;
}
.listDot {
    font-size: 8px;
    color: #707070;
	vertical-align:middle;
}
.taglist li {
    float: left;
    margin-right: 10px;
    line-height: 1;
}
.tag {
    padding: 3px 8px;
    font-size: 11px;
    font-weight: bold;
    border: 1px solid black;
    color: black;
    line-height:1;
    display: inline-block;
    vertical-align:middle;
}
.tagWide {
    padding: 3px 20px;
}
.musho{
    vertical-align: text-top;
    margin-left:5px;
}
.update{
    border:solid 1px #4388c8;
    color: #4388c8;
    vertical-align:text-top;
    margin-left:5px;
}
@media screen and (max-width: 639px) {
    .tag{
        margin-bottom:10px;
    }
}

.lineBlu {
    border: 1px solid #0651ad;
    color: #0651ad;
}
.lineGrn {
    border: 1px solid #068000;
    color: #068000;
}
.lineOrg {
    border: 1px solid #9D6D07;
    color: #9D6D07;
}
.bgGrn {
    border: 1px solid #068000;
    color: #068000;
}
.bgRed {
    background-color: #be3f3f;
    border: 1px solid #be3f3f;
    color: white;
}
.bgTagGray {
    background-color: #737373;
    border: 1px solid #737373;
    color: white;
}
.colorRed {
    color: #af0000;
}
.colorNavy {
    color: #145189;
}
.sch {
  font-size: 11px;
  font-weight:400;
  vertical-align:middle;
  color:#be3f3f;
}

/*2016/04/25*/
.cont-inner {
    border-bottom: 1px solid #bfbfbf;
    padding: 40px 0px 52px 0;
}

.cont-inner:last-child {
    border-bottom: none;
}
.cont-inner .downloadBox {
    height:auto;
}
.downloadBox a.btn {
  width: 444px;
  padding: 20px 0px;
  margin: 0 auto;
}

.downloadText h4:before{
    font-size:28px;
    color:#6a5b4b;
    margin-right:8px;
}
.examples-box {
    padding: 26px 40px;
    background-color: #c6d8f0;
}

.lineHeight {
  line-height: 2;
}
/* ICS-D004_002_003 */
.products_title{
    margin-top:65px;
}
.products_title ul{
    margin-bottom:24px;
}
.products_title li{
    margin:0;
    line-height:27px;
}
.products_title li span{
    margin-right:8px;
    display: inline-block;
}
@media (max-width: 639px) {
    .products_title{
        margin-top:40px;
    }
    .products_title li span{
        display: block;
        margin:0;
        line-height:1.3;
    }
    .cont-inner .downloadBox {
        padding:15px;
    }
    .c5-TabBox a {
        padding:6px 3px 24px 3px;
    }
    .downloadBox a.btn {
      width: 100%;
    }
    .examples-box {
        padding: 15px 15px;
    }

}

.c5-mscTable2 th.br5{
    border-right: solid 5px #fff;
}

/* -------------------------- */
.c5-TabBox2{
    border-left: solid 6px #fff !important;
}
.c5-TabBox2:first-child {
    border-left: none !important;
}
.c5-TabBox2 a {
    padding-top: 17px;
    padding-bottom: 17px;
    border-bottom: solid 6px #fff !important;
}
.c5-TabBox2 a.current {
    color: #fff !important;
    background-color: #145189 !important;
    border-bottom: solid 6px #145189 !important;
}
@media screen and (max-width: 639px) {
    .c5-TabBox2{
        border-left: solid 2px #fff !important;
    }
    .c5-TabBox2:first-child {
        border-left: none !important;
    }
    .c5-TabBox2 a {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size:10px;
        line-height:14px;
        border-bottom: solid 2px #fff !important;
    }
    .c5-TabBox2 a.current {
        font-size:10px;
        line-height:14px;
        color: #fff !important;
        background-color: #145189 !important;
        border-bottom: solid 2px #145189 !important;
    }
}
.solutionitem {
  padding: 0 1.2605042%;
  /*width: 565px;*/
}
.solutionitem:first-child {
  border: none;
}
.solutionitem .image {
  text-align: center;
  float: left;
  width: 176px;
  line-height: 0;
}
.solutionitem .detail {
  margin-left: 214px;
  width: 348px;
}
.solutionitem .detail p{
        font-size:12px;
}
.solutionitem .detail a.btnDetil {
    width:189px;
    margin-top: 12px;
    font-size: 12px;
    line-height: 1;
    padding: 10px 0px;
}
.solutionitem .detail2 {
    margin-left: 213px;
    width: 100%;
}
.solutionitem .detail2 a.btnDetil2 {
    margin-top: 12px;
    font-size: 12px;
    line-height: 1;
    padding: 10px 0px;
    width: 189px;
}

@media screen and (max-width: 639px) {
    .solutionitem {
        width: 100%;
    }
    .solutionitem .image {
        width: 40%;
        padding-right:2%;
    }
    .solutionitem .image img{
        max-width:100%;
        height:auto;
    }
    .solutionitem .detail {
        margin-left: 48%;
        width: 50%;
    }
    .solutionitem .detail p.detailText br{
        display: none;
    }
    .solutionitem .detail a.btnDetil {
        width: 100%;
    }
    .solutionitem .detail p.fnt20px{
        line-height:1.2;
    }
    .solutionitem .detail span{
        display: block;
    }
    .solutionitem .detail span.tag{
        display: inline-block;
    }
    .solutionitem .detail2 {
        margin-left: 46%;
        /*width: 50%;*/
        width: auto;
    }
    .solutionitem .detail2 a.btnDetil2 {
        width: 100%;
    }
    .solutionitem .detail2 span.fnt12px{
        line-height:15px !important;
        display: inline-block;
    }


}

/*===========
PaSoRi（パソリ）製品比較表
/felica-j/business/products/comparison.html
===========*/

article a.c5-btnPadding1 {
    width:159px;
    padding: 24px 28px 24px 72px;
    text-align:center;
}
article a.bgDarkGray8e9099 {
    background-color: #72757e;
}




/* kiyaku */
article .kiyakuArea{
  padding:24px;
}
article .kiyakuArea .scroll{
  margin-top:18px;
  background-color:#fff;
  padding:24px;
  font-size:86%;
  height:344px;
  overflow:auto;
}
article .kiyakuArea .scroll h4{
  margin:10px 0;
}
article .kiyakuArea .scroll ol{
  padding:0 20px;
}
article .kiyakuArea .btnArea{
  margin:22px 0 0 0;
}

@media (max-width: 639px) {
  article .kiyakuArea{
    padding:12px;
  }
  article .kiyakuArea .scroll{
    margin-top:9px;
    background-color:#fff;
    padding:12px;
    font-size:86%;
    height:172px;
    overflow:auto;
  }
  article .kiyakuArea .scroll h4{
    margin:5px 0;
  }
  article .kiyakuArea .scroll ol{
    padding:0 10px;
  }
  article .kiyakuArea .btnArea{
    margin:11px 0 0 0;
  }
}



.discon .c5_header_h3{
    margin-bottom:10px;
}
.discon .c5-mscTable3 tbody td{
    padding:11px 18px;
}

/* product sonota */
article .product_page p{
    font-size:14px;
    line-height:28px;
}
article .product_page .tab-wrap{
    margin-bottom:0px;
}

/*.RC-SA00 ============*/
/*c5-btnbgNavy*/
/* .RC-SA00{
    margin-top:70px;
}
 */
.RC-SA00 .c5-row--w30{
    width: 80%;
    margin: 60px auto 52px auto;
}
.RC-SA00 .productPoint span{
    color:#707070;
    font-size:12px;
}
.RC-SA00 .productRead{
    font-size:14px;
    line-height:28px;
}
@media screen and (max-width: 639px) {
    .RC-SA00 .c5-row--w30{
        width: 100%;
        margin: 0 auto 0px auto;
    }
    .RC-SA00 .c5-SimpleBox.left{
        display: none;
    }
    .RC-SA00 .c5-SimpleBox{
        margin-top:0;
    }
    .RC-SA00 .c5-img_wp{
        width: 60%;
        height:auto;
        margin:0 auto 20px auto;
    }
    .RC-SA00 .c5-img_wp img{
        width: 100%;
        height:auto;
    }
}
.RC-SA00 .fnt24px--lineheight{
    line-height: 1.2em;
}
.RC-SA00 .anchornav .c5-row{
    margin-bottom:6px;
}
@media screen and (max-width: 639px) {
    .RC-SA00 .anchornav .c5-row{
        width:100%;
        display: block;
        margin:0 auto;
    }
    .RC-SA00 .anchornav .c5-TabBox{
        width:100%;
        display: block;
        margin:0 auto 7px auto;
    }
    .RC-SA00 .anchornav .c5-TabBox.pconly{
        display: none;
    }

}
.RC-SA00 #Feat h4{
    margin-bottom:10px;
}
.RC-SA00 #Feat p{
    font-size:14px;
    line-height:28px;
}

.RC-SA00 .boxGray{
    padding: 30px 50px 40px 50px;
}
@media screen and (max-width: 639px) {
    .RC-SA00 .boxGray{
        padding: 20px 20px 20px 20px;
    }
}
.RC-SA00 a.c5-btnbgNavy{
    padding: 9px 20px 13px 20px;
    background-color: #145189;
    color: #ffffff;
    display: inline-block;
    width: 436px;
    height:48px;
}
.RC-SA00 a.c5-btnbgNavy i{
    font-size: 30px;
    margin-left: 30px;
}
@media screen and (max-width: 639px) {
    .RC-SA00 a.c5-btnbgNavy{
        padding: 9px 0px 13px 0px;
        max-width: 100%;
    }
}
.RC-SA00 .c5-btnbgGray{
    display: inline-block;
    background-color: #5f6b7e;
    color: #fff;
    text-align: center;
    position: relative;
    padding: 11px 2em 11px 1em;
    width: 195px;
}
.RC-SA00 .c5-btnbgGray i{
    position: absolute;
    right: 30px;
}
@media screen and (max-width: 639px) {
    .RC-SA00 .c5-btnbgGray{
        width:60%;
        margin:0 auto;
        display: block;
        padding: 11px 0 11px 0;
    }
}


/*c5-btnGray*/
.RC-SA00 .c5-btnGray ul{
    display:block;
    width: 476px;
    margin: 0 auto;
    overflow:hidden;
}
.RC-SA00 .c5-btnGray ul li.icoLeft{
    width: 228px;
    height:71px;
    float:left;
}
.RC-SA00 .c5-btnGray ul li.icoRight{
    width: 228px;
    height:71px;
    float:right;
}

.RC-SA00 .c5-btnGray ul li a{
    position: relative;
    background-color: #5f6b7e;
    display: table;
    vertical-align:top;
    color:#fff;
    width: 228px;
    height:71px;
}
.RC-SA00 .c5-btnGray ul li a span{
    display: table-cell;
    text-align: left;
    height:71px;
    vertical-align:middle;
    padding:0 20px 0 20px;
}
.RC-SA00 .c5-btnGray ul li.icoLeft a span{
    text-align: left;
    padding:0 0px 0 64px;
}
.RC-SA00 .c5-btnGray ul li.icoRight a span{
    text-align: left;
    padding:0 64px 0 20px;
}

.RC-SA00 .c5-btnGray ul li.icoLeft a i{
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 18px;
}
.RC-SA00 .c5-btnGray ul li.icoRight a i{
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 18px;
}

@media screen and (max-width: 639px) {
    .RC-SA00 .c5-btnGray ul{
        width: 100%;
    }
    .RC-SA00 .c5-btnGray ul li.icoLeft{
        width: 48%;
    }
    .RC-SA00 .c5-btnGray ul li.icoRight{
        width: 48%;
    }

    .RC-SA00 .c5-btnGray ul li a{
        width: 100%;
    }
    .RC-SA00 .c5-btnGray ul li.icoLeft a span{
        text-align: left;
        padding:0 0px 0 32px;
        font-size:11px;
    }
    .RC-SA00 .c5-btnGray ul li.icoRight a span{
        text-align: left;
        padding:0 24px 0 5px;
        font-size:11px;
    }
    .RC-SA00 .c5-btnGray ul li.icoLeft a i{
        left: 8px;
    }
    .RC-SA00 .c5-btnGray ul li.icoRight a i{
        right: 8px;
    }
}


/*.c5-mscTable-pad*/
.c5-mscTable-pad thead th{
    padding: 9px 15px;
}
.c5-mscTable-pad thead th:first-child{
    border-right:none;
}
.c5-mscTable-pad tbody th, .c5-mscTable-pad tfoot th{
    padding: 6px 15px 6px 15px;
    border-right: solid 5px #fff;
    line-height:22px;
    font-size:13px;
}
.c5-mscTable-pad tbody th{
    vertical-align: top;
}
.c5-mscTable-pad tbody td, .c5-mscTable-pad tfoot td{
    padding: 6px 15px 6px 15px;
}
.c5-mscTable tbody tr.subTitle th, .c5-mscTable tbody tr.subTitle td, .c5-mscTable tfoot tr.subTitle th, .c5-mscTable tfoot tr.subTitle td{
    padding: 3px 30px 2px 30px;
}
.c5-mscTable tbody tr.bgGray th, .c5-mscTable tbody tr.bgGray td, .c5-mscTable tfoot tr.bgGray th, .c5-mscTable tfoot tr.bgGray td{
    padding: 0;
    height:5px;
}
.c5-mscTable .bgGray3{
    background-color:#f1f5f9 !important;
    border-bottom:solid 5px #fff;
}
.c5-mscTable .bgGray3_bdrNone{
    background-color:#f1f5f9 !important;
    border-bottom:solid 0px #fff;
}
.c5-mscTable .bgWhite3{
    background-color:#fff !important;
}
@media screen and (max-width: 639px) {
    .c5-mscTable-pad thead th{
        padding: 3px 7px;
    }
    .c5-mscTable-pad tbody th, .c5-mscTable-pad tfoot th{
        padding: 3px 7px;
        line-height:18px;
        font-size:11px;
    }
    .c5-mscTable-pad tbody td, .c5-mscTable-pad tfoot td{
        padding: 3px 7px;
    }
}
@media screen and (max-width: 639px) {
    #System img{
        max-width:100%;
        height:auto;
    }
}
@media screen and (max-width: 639px) {
    .pdfdownload{
        margin-top:-10px;
        padding-bottom:25px;
        border-bottom: solid 2px #bfbfbf;
    }
    .pdfdownload a.pdfDownloadLink{
        position: relative;
        padding:5px 0 0 64px;
        display: block;
        font-size:12px;
        line-height:17px;
    }
    .pdfdownload a.pdfDownloadLink img{
        position: absolute;
        left:8px;
        top:0;
    }
    .pdfdownload a.pdfDownloadLink i {
      position: absolute;
      right: 1em;
      top: 50%;
      font-size: 10px;
      line-height: 1;
      margin-top: -5px;
    }
}


/* ICS-D101_102_103 */
#Operation .c5-mscTable2 thead tr:first-child th{
    border-bottom: solid 5px #fff;
    /*border-right: solid 5px #fff;*/
}
.c5-mscTable2-th--mqMr{
    border-right: solid 5px #fff;
}
@media screen and (max-width: 639px) {
    #Operation .c5-mscTable2 thead tr:first-child th{
        border-bottom: solid 2px #fff;
    }
    .c5-mscTable2-th--mqMr,
    .c5-mscTable2--mqMr{
        border-right: solid 2px #fff !important;
    }
    .c5-mscTable2--mqMb{
        border-bottom: solid 2px #fff !important;
    }
}


.dotGray{
    color:#707070;
}

/*#Usecase{
    margin-top:20px;
}*/



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

  .icn

========================================*/
.icn {
  position: relative;
  display: inline-block;
  box-sizing: border-box;
  vertical-align: middle;
  margin: 0;
  padding: 4px 1em 3px;
  min-width: 90px;
  font-weight: normal;
  font-size: 12px;
  line-height: 1.0;
  color: #fff;
  text-align: center;
  background: #116dbf;
}
.icn.discon{
  top: -2px;
  margin: 0 10px;
  background: #737373;
}
.icn.new{
  top: -2px;
  margin: 0 10px;
  background: #be3f3f;
}
.icn.free{
  background: #068000;
}
.icn.windows{
  color: #145189;
  border: 2px #145189 solid;
  background: #FFF;
}


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

  article

========================================*/
.mod-heading-h1 {
  padding: 25px 0 25px;
  text-align: center;
}
.mod-heading-h1 h1 {
  padding: 0 0 10px;
  font-size: 125%;
  line-height: 1.2;
  border-bottom: 2px solid #bfbfbf;
}
@media screen and (max-width: 639px) {
.mod-heading-h1 img {
  width: 100%;
  height: auto;
}
}
.mod-heading-h3 {
  padding: 25px 0 25px;
  text-align: center;
}
.mod-heading-h3 h3 {
  padding: 0 0 10px;
  font-size: 125%;
  line-height: 1.2;
  border-bottom: 2px solid #bfbfbf;
}
@media screen and (max-width: 639px) {
.mod-heading-h3 img {
  width: 100%;
  height: auto;
}
}
section.pdt-sec {
  margin: 60px 0 0;
  overflow: visible;
}
section .txt-heading {
  margin: 50px 0 10px;
  font-size: 112.5%;
  line-height: 1.2;
}
section .txt-heading sup {
  position: relative;
  top: 0.3em;
  padding: 0 4px 0 2px;
  font-size: 62.5%;
}
section .mod-heading-h3 + .txt-heading {
  margin: 0 0 10px;
}
section .txt {
  margin: 10px 0 0;
  font-size: 87.5%;
  line-height: 2.0;
}
section .mod-heading-h3 + .txt {
  margin: 0;
}
section .mod-table + .txt {
  margin: 25px 0 0;
}
section .txt sup {
  position: relative;
  top: 0.3em;
  padding: 0 4px 0 2px;
  font-size: 62.5%;
}
section .txt + .mod-table,
section .txt + .mod-table2 {
  margin: 10px 0 0;
}
section .txt-note {
  margin: 10px 0 0;
  font-size: 75%;
}
section .txt-note3 {
  font-size: 75%;
}
section .txt-note3 li {
 padding-left:22px;
}
section .supalt {
  margin: 10px 0 0;
  font-size: 62.5%;
  color: #333;
}
section .mod-table + .txt-note,
section .mod-table2 + .txt-note {
  margin: 15px 0 0;
}
section .pdt-img-box + .txt-note {
  margin: 30px 0 0;
}
section ul.list.txt {
  margin-top: 0;
}
section ul.list li {
  margin: 10px 0 0;
}
section ul.list li:first-child {
  margin-top: 0;
}
section ul.disc {
  padding: 0 0 0 20px;
  list-style: disc;
}
section .c5-mscTable2 {
  margin: 0;
}
hr.spt {
  margin: 60px 0 50px;
  padding: 0;
  border-width: 0 0 1px 0;
  border-bottom: 1px solid #bfbfbf;
}
section .top-note {
  font-size: 80%;
}

@media (max-width: 639px) {
  section.pdt-sec {
    margin: 40px 0 0;
  }
  section .txt-heading {
    margin: 40px 0 10px;
    line-height: 1.3;
  }
  section .txt {
    line-height: 1.8;
  }
  hr.spt {
    margin: 40px 0 30px;
  }
}

.pdt-intro + .mod-anchor-menu {
  margin: 30px 0 0;
}
.pdt-lead + .mod-anchor-menu {
  margin: 30px 0 0;
}
.mod-anchor-menu + section.block {
  margin: 50px 0 0;
}

a.c5-btnbgNavy{
  padding: 9px 20px 13px 20px;
  background-color: #145189;
  color: #ffffff;
  display: inline-block;
  width: 436px;
  height:48px;
}
a.c5-btnbgNavy i{
  font-size: 30px;
  margin-left: 30px;
}
.taglist sup {
  position: relative;
  top: 0.3em;
  padding: 0 4px 0 2px;
  font-size: 62.5%;
}

@media screen and (max-width: 639px) {
  a.c5-btnbgNavy{
    padding: 9px 0px 13px 0px;
    max-width: 100%;
  }
}

/*----------------------------------------
  .pdt-intro
----------------------------------------*/
.pdt-intro {
  margin: 80px 0 0;
}
.pdt-intro:after {
  clear: both;
  display: block;
  content: "";
}
.attention + .pdt-intro {
  margin: 50px 0 0;
}
.pdt-intro .txt-box1 {
  float: right;
  /*width:435px;*/
  width: 45.7894736%;
}
.pdt-intro.flat .txt-box1 {
  float: none;
  width: auto;
}
.pdt-intro.flat img {
  float: right;
  margin: 0px 10% 0 0;
}
@media (max-width: 639px) {
  .pdt-intro.flat img {
    float: none !important;
    width: 80%;
    margin: 15px auto;
  }
}
.pdt-intro .txt-box1 p {
	font-weight:bold;
}
.pdt-intro .txt-box1 p span {
	font-weight:700;
}
.pdt-intro .txt-box1 em {
  display: block;
  margin-bottom: 5px;
  font-size: 87.5%;
  font-style: normal;
  line-height: 1.4;
}
.pdt-intro .txt-box1 .aka {
	color: #EB0000;
    background: #fff;
	font-size: 80%;
	text-indent: -1.4em;
	padding-left: 1.4em;
}
.pdt-intro .txt-box1 h2 {
  font-size: 150%;
  line-height: 1.1;
}
.pdt-intro .txt-box1 h2 span {
  font-size: 62.5%;
}
.pdt-intro .txt-box1 h2 span.icn {
  position: relative;
  display: inline-block;
  margin: 0 0 0 8px;
  padding: 4px 20px;
  font-size: 11px;
  line-height: 1.0;
  color: #fff;
}
.pdt-intro .txt-box1 h2 span.new {
  background: #be3f3f;
}
.pdt-intro .txt-box1 h2 span.discon {
  background: #737373;
}
.pdt-intro .txt-box1 h2 span.free {
  background: #068000;
}
.pdt-intro .txt-box1 h2 span.update {
  background: #fff;
  color: #4388c8;
  border: 1px solid #4388c8;
  vertical-align: inherit;
}
.pdt-intro .txt-box1 h2 span.sch {
  font-size: 12px;
  font-weight:400;
  vertical-align:middle;
  color:#be3f3f;
  margin-left:0.625em;
}
.pdt-intro .txt-box1 h2 span.sdk_title {
  font-size: 150%;
}
.pdt-intro .txt-box1 h4 span {
  font-size: 62.5%;
}
.pdt-intro .txt-box1 h4 span.icn {
  position: relative;
  display: inline-block;
  margin: 0 0 0 8px;
  padding: 4px 20px;
  font-size: 11px;
  line-height: 1.0;
  color: #fff;
}
.pdt-intro .txt-box1 h4 span.new {
  background: #be3f3f;
  text-indent:0;
}
.pdt-intro .txt-box1 h4 span.discon {
  background: #737373;
}
.pdt-intro .txt-box1 h4 span.free {
  background: #068000;
}
.pdt-intro .txt-box1 h4 span.update {
  background: #fff;
  color: #4388c8;
  border: 1px solid #4388c8;
  vertical-align: inherit;
}
.pdt-intro .txt-box1 h4 span.sch {
  font-size: 12px;
  font-weight:400;
  vertical-align:middle;
  color:#be3f3f;
  margin-left:0.625em;
}
.pdt-intro .txt-box1 .tag {
  display: inline-block;
}
.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 {
  font-size: 87.5%;
  line-height: 1.2;
}
.pdt-intro .txt-box2 li {
  margin-top: 8px;
}
.pdt-intro .txt-box2 li sup {
  position: relative;
  top: 0.2em;
  padding: 0 3px 0 1px;
  font-size: 68.8%;
}
.pdt-intro .txt-box2 li:before {
  content: "●";
  position: relative;
  top: -0.2em;
  padding-right: 3px;
  font-size: 62.5%;
  color: #707070;
}
.pdt-intro .txt-box2 span {
  font-size: 75%;
}
.pdt-intro .img-box {
  float: left;
  /*margin: 0 0 0 95px;*/
  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;
}
.pdt-intro .btn-support,
.pdt-intro .btn-inquiry {
  position: relative;
  box-sizing: border-box;
  display: block;
  margin: 15px 0 0;
  padding: 13px 35px 13px 15px;
  max-width: 300px;
  font-size: 93.8%;
  line-height: 1.2;
  text-align: center;
  color: #fff;
  background: #145189;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.pdt-intro .btn-inquiry2 {
  position: relative;
  box-sizing: border-box;
  display: block;
  margin: 5px 0 0;
  padding: 13px 0px 11px 0px;
  max-width: 300px;
  line-height: 1.2;
  text-align: center;
  color: #fff;
  background: #bfbfbf;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.pdt-intro .btn-inquiry + .btn-support,
.pdt-intro .btn-support + .btn-inquiry {
  margin-top: 5px;
}
.pdt-intro .btn-support:after,
.pdt-intro .btn-inquiry:after {
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -9px;
  font-family: "fontello";
  content: '\e866';
}
.pdt-intro p.note {
  margin: 10px 0 0;
  font-size: 75%;
  line-height: 1.6;
}
.pdt-intro .indent {
	text-indent: 2.5em;
}
.pdt-intro .sdk-ttl {
	display:flex;
	justify-content: space-between;
	margin: 30px 62% 30px 0;
}
@media (max-width: 639px) {
.pdt-intro .sdk-ttl {
	display:flex;
	justify-content: space-between;
	margin: 30px 0 30px 0;
}
}
.pdt-intro .sdk-ttl h3 {
	line-height:0.9em;
}
.pdt-intro .sdk-ttl h3 span {
	font-size: 11px;
	font-weight:normal;
}
.pdt-intro .sdk-ttl2 h3 span.opt {
	font-size: 95%;
}
.pdt-intro .sdk-ttl2 h4 {
	font-size:0.83em;
}

@media (max-width: 639px) {
  .pdt-intro {
    margin: 50px 0 0;
  }
  .pdt-intro .txt-box1 {
    float: none !important;
    width: auto;
  }
  .pdt-intro .img-box {
    float: none;
    margin: 20px auto;
    width: 80%;
  }
  .pdt-intro .txt-box2 {
    float: none;
    margin: 0;
    width: auto;
  }
  .pdt-intro .btn-support,
  .pdt-intro .btn-inquiry {
    margin: 15px auto 0;
  }
}

/*----------------------------------------
  .pdt-lead
----------------------------------------*/
.pdt-lead {
  margin: 50px 0 0;
}
.pdt-lead p {
  font-size: 87.5%;
  line-height: 2.0;
}
.pdt-lead p.note {
  margin: 10px 0 0;
  font-size: 75%;
  line-height: 1.6;
}
.pdt-lead p sup {
  position: relative;
  top: 0.2em;
  padding: 0 3px 0 1px;
  font-size: 68.8%;
}

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

/*----------------------------------------
  .pdt-download
----------------------------------------*/
.pdt-download {
  margin: 100px 0 0;
  padding: 30px 50px 40px 50px;
  background-color: #f1f5f9;
}
.pdt-download h3 {
  font-size: 106.3%;
  line-height: 1.2;
  text-align: center;
}
.pdt-download .pdt-download-btn {
  margin: 30px 0 0;
  font-size: 16px;
  text-align: center;
}
.pdt-download .pdt-download-btn2 {
  margin: 30px 0 0;
  font-size: 16px;
  text-align: center;
}
.pdt-download .pdt-download-btn a {
	display: inline-block;
	padding: 9px 20px 13px 20px;
	width: 436px;
	height: 48px;
	background-color: #145189;
	color: #ffffff;
}
.pdt-download .pdt-download-btn2 a {
	display: inline-block;
	padding: 9px 20px 13px 20px;
	width: 600px;
	height: 48px;
	background-color: #145189;
	color: #ffffff;
}
.pdt-download .pdt-download-btn i {
  font-size: 30px;
  margin-left: 30px;
}
.pdt-download .pdt-download-btn2 i {
  font-size: 30px;
  margin-left: 30px;
}

@media (max-width: 639px) {
  .pdt-download {
    display: none;
  }
}

/*----------------------------------------
  .pdt-img-box
----------------------------------------*/
.pdt-img-box {
  margin: 30px 0 0;
  line-height: 0;
  text-align: center;
}
.mod-heading-h3 + .pdt-img-box {
  margin: 20px 0 0;
}
.pdt-img-box:after {
  clear: both;
  display: block;
  content: "";
}
.pdt-img-box img {
  width: 100%;
  height: auto;
}
.pdt-img-box2 img {
  width: 100%;
  height: auto;
  max-width:1190px;
  max-height: 230px;
}
.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: 639px) {
  .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-foot-menu
----------------------------------------*/
.pdt-foot-menu {
  margin: 80px 0 70px;
  font-size: 0;
  text-align: center;
}
.pdt-foot-menu li {
  display: inline-block;
  margin: 0 0 0 20px;
  /*width: 230px;*/
  width: 24.2105263%;
  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: left;
  color: #fff;
  background-color: #5f6b7e;
}
.pdt-foot-menu li span {
  display: table-cell;
  vertical-align: middle;
}
.pdt-foot-menu .icoLeft span {
  padding: 0 20px 0 40px;
  text-align: center;
}
.pdt-foot-menu .icoLeft i {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  left: 18px;
}
.pdt-foot-menu .icoRight span {
  padding: 0 40px 0 20px;
}
.pdt-foot-menu .icoRight i {
  position: absolute;
  top: 50%;
  margin-top: -9px;
  right: 18px;
}

@media (max-width: 639px) {
  .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 .icoLeft span {
    padding: 0 15px 0 35px;
    text-align: center;
  }
  .pdt-foot-menu .icoRight span {
    padding: 0 35px 0 15px;
    text-align: center;
  }
}
@media (max-width: 320px) {
  .pdt-foot-menu li a {
    font-size: 12px;
  }
}

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

@media (max-width: 639px) {
  .pdt-example {
    padding: 20px 20px;
  }
  .pdt-example .heading {
    font-size: 93.8%;
  }
  .pdt-example p {
    font-size: 87.5%;
  }
}

/*----------------------------------------
  .pdt-inquiry
----------------------------------------*/
.pdt-inquiry {
  margin: 30px auto 0;
  font-size: 0;
}
.pdt-inquiry .item {
  display: inline-block;
  vertical-align: top;
  width: 46%;
  font-size: 16px;
  font-size: 1rem;
}
.pdt-inquiry .item-heading {
  display: table;
  width: 100%;
}
.pdt-inquiry .item-logo {
  display: table-cell;
  vertical-align: middle;
  width: 100px;
  line-height: 0;
}
.pdt-inquiry .item-logo img {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  border: 1px solid #ddd;
}
.pdt-inquiry .item-name {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 30px;
}
.pdt-inquiry .item-name h3 {
  font-size: 100%;
  line-height: 1.4;
}
.pdt-inquiry .item-name p {
  margin-top: 5px;
  font-size: 93.8%;
  line-height: 1.2;
}
.pdt-inquiry .contact {
  margin: 20px 0 0;
}
.pdt-inquiry .contact strong {
  display: block;
  font-size: 87.5%;
  line-height: 1.4;
}
.pdt-inquiry .contact p {
  margin: 5px 0 0;
  font-size: 87.5%;
  line-height: 1.5;
}
.pdt-inquiry .contact .tel:before {
  margin: 0 4px 0 0;
  color: #145189;
}
.pdt-inquiry .contact .mail:before {
  margin: 0 8px 0 0;
  font-size: 112.5%;
  color: #145189;
}
.pdt-inquiry .contact .fax {
  padding-left: 18px;
  background-image: url(../img/icn_fax.svg);
  background-repeat: no-repeat;
  background-position: left 50%;
  background-size: 14px auto;
}
.pdt-inquiry .contact .tel + .fax {
  margin-left: 20px;
}
.pdt-inquiry .btnInline {
  box-sizing: border-box;
  margin-top: 10px;
  min-width: 180px;
  font-size: 81.3%;
  text-align: center;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

@media (max-width: 639px) {
  .pdt-inquiry .item {
    display: block;
    margin: 30px 0 0;
    width: auto;
  }
}
@media (max-width: 480px) {
  .pdt-inquiry .item-heading {
    display: block;
  }
  .pdt-inquiry .item-logo {
    display: block;
    margin: 0 auto 20px;
    width: 110px;
  }
  .pdt-inquiry .item-name {
    display: block;
    padding: 0;
  }
}



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

  RC-S400

========================================*/
.mod-table.RC-S400 tbody th.blue {
  background-color: #f6fbfe;
}
.mod-table.RC-S400 tbody td.gray {
  background-color: #f0f0f0;
}


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

  tagreader

========================================*/
.inquiry.tagreader {
  display: table;
  margin: 15px 0 0;
  width: 100%;
  border: 1px solid #959595;
}
.inquiry.tagreader .logo-box {
  display: table-cell;
  vertical-align: middle;
  padding: 20px 0 20px 20px;
  width: 27%;
  line-height: 0;
  text-align: right;
}
.inquiry.tagreader .txt-box {
  display: table-cell;
  vertical-align: middle;
  padding: 20px 20px 20px 50px;
}
.inquiry.tagreader .txt-box strong {
  display: block;
  font-size: 100%;
  line-height: 1.2;
}
.inquiry.tagreader .txt-box a {
  margin: 10px 0 0;
  padding: 8px 1.5em 8px 1.5em;
  font-size: 13px;
}
.inquiry.tagreader .txt-box a i {
  position: static;
  margin: 0 0 0 10px;
}

@media (max-width: 639px) {
  .inquiry.tagreader {
    display: block;
    padding: 10px 10px;
    width: auto;
  }
  .inquiry.tagreader .logo-box {
    display: block;
    padding: 0;
    width: auto;
    text-align: center;
  }
  .inquiry.tagreader .txt-box {
    display: block;
    margin: 20px 0 0;
    padding: 0;
    text-align: center;
  }
  .inquiry.tagreader .txt-box a {
    padding: 12px 1.5em 12px 1.5em;
  }
}

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

  guide link

========================================*/
.guide_wrap a{
	display:block;
}
.guide_wrap .guide_link{
	width:100%;
	margin:40px 0;
	padding:18px 18px;
	color:#fff;
	letter-spacing:0.1em;
	font-size:16px;
	border-top-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background: -webkit-linear-gradient(left,#003b91,#008dcc 100%);
	background: linear-gradient(to right, #003b91, #008dcc);/* IE10+*/
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003b91', endColorstr='#008dcc', GradientType=1 );
	vertical-align:middle;
	display:table;
	box-sizing:border-box;
	position:relative;
}
.guide_wrap .guide_link.mb50{
	margin-bottom:50px;
}
@media (max-width: 1030px) {
.guide_wrap .guide_link{
	display:block;
}
}
.guide_wrap .guide_link:before{
	width:0;
	height:0;
	border: 6px solid transparent;
	border-top: 5px solid #003b91;
	border-left: 6px solid #003b91;
	content:"";
	position:absolute;
	left:0;
	bottom:-7px;
}
.guide_wrap .guide_link dt{
	width:60%;
	vertical-align:middle;
	display:table-cell;
}
@media (max-width: 1030px) {
.guide_wrap .guide_link dt{
	width:auto;
	display:block;
}
}
.guide_wrap .guide_link dt img{
	width:100%;
	vertical-align:bottom;
}
.guide_wrap .guide_link dd{
	width:auto;
	padding-left:30px;
	padding-right:30px;
	text-align:left;
	vertical-align:middle;
	display:table-cell;
	position:relative;

}
@media (max-width: 1030px) {
.guide_wrap .guide_link dd{
	padding-top:15px;
	padding-left:0px;
	display:block;
}
}
.guide_wrap .guide_link dd > h1{
	margin-bottom:5px;
	font-size:17px;
}
.guide_wrap .guide_link dd > h3{
	margin-bottom:5px;
	font-size:17px;
}
.guide_wrap .guide_link dd .guide_txt{
	font-size:14px;
}
@media (max-width: 639px){
.guide_wrap .guide_link dd .guide_txt{
	font-size:13px;
}
}
.guide_wrap .guide_link dd .icon-ic_right_arrow2{
	font-size:12px;
	position:absolute;
	top:45%;
	right:0px;
}
@media (max-width: 1030px) {
.guide_wrap .guide_link dd .pc-none{
	display:none;
}
}



/* ==========================================================================
 * updated --- 2021/08/19
   ========================================================================== */


/* nav_inpage */
.nav_inpage{
	margin:60px 0 30px;
	padding:0;
	border-bottom:2px #145189 solid;
	background:#f1f5f9;
	aling-items:center;
	justify-content:center;
	display:flex;
}
@media (max-width: 640px) {
.nav_inpage{
	margin:30px 0 30px;
	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:last-child{
	display: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;
}
}

/* ICS-D004
----------------------------- */
.txt-note2{
	margin:10px 0 50px;
}
.txt-note2 li{
	margin-bottom:3px;
	font-size: 75%;
	padding-left:1.8em;
	text-indent:-1.4em;
	list-style:none;
}

/* common footer
----------------------------- */

/* rel_footer */
.rel_footer{
	margin-bottom:20px;
}
/* rel_product_block */
.rel_product_block{
	padding:0;
	flex-wrap: wrap;
	justify-content: space-between;
	display:flex;
}
.rel_product_block li{
	margin-bottom:30px;
	border:1px #bfbfbf solid;
	display:flex;
	box-sizing:border-box;
	list-style:none;
}
.rel_product_block li a{
	width:580px;
	padding:20px 20px 20px 50px;
	color:#000;
	box-sizing:border-box;
	align-items:center;
	display:flex;
}
@media (max-width: 1300px) {
.rel_product_block li{
	width:48%;
}
}
@media (max-width: 640px) {
.rel_product_block li{
	width:100%;
	margin-bottom:20px;
}
.rel_product_block li a{
	padding:15px 15px 15px 20px;
}
}
.rel_product_block li a > h3{
	margin-right:35px;
}

/* updated --- 2023/02/20
 youtube
 -------------------------------------- */
.rel_product_block li.youtube a{
	padding:20px 10px 20px 20px;
}
@media (max-width: 640px) {
  .rel_product_block li.youtube a{
    padding:20px 20px 0px 20px;
    display: block;
  }
}
.rel_product_block li a > h3.youtube{
  margin-right:20px;
  position: relative;
  width: 38%;
  padding-top: 21%;
}
@media (max-width: 640px) {
  .rel_product_block li a > h3.youtube{
    width: 100%;
    margin-right:0px;
    margin-bottom: 20px;
    padding-top: 56.25%;
  }
}
.rel_product_block li a > h3.youtube iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}
.rel_product_block li a > p.youtube {
  padding-right:30px ;
  background: url(../../../common/img/ico_jump.png) no-repeat right center;
	display: flex;
}
.rel_product_block li a > p.youtube img{
	width: initial;
}
/* -------------------------------------- */

@media (max-width: 640px) {
.rel_product_block li a > h3{
	margin-right:15px;
}
}
.rel_product_block li a > h3 img{
	max-height:125px;
	vertical-align:bottom;
}
@media (max-width: 640px) {
.rel_product_block li a > h3 img{
	max-height:90px;
	max-width:90px;
}
}
.rel_product_block li a > p {
	font-size:21px;
	font-weight:bold;
}
.rel_product_block li a > p em {
	font-size:15px;
	font-style: normal;
	display:block;
}
@media (max-width: 640px) {
.rel_product_block li a > p em {
	font-size:13px;
}
}

/* pickup */
.pickup_cmn_block{
	list-style:none;
	flex-wrap: wrap;
	display:flex;
}
.pickup_cmn_block li{
	width:23%;
	margin-right:2.6%;
	margin-bottom:3.5%;
}
.pickup_cmn_block li:nth-child(4n){
	margin-right:0%;
}
@media screen and (max-width: 639px) {
.pickup_cmn_block li{
	width:48.5%;
	margin-right:2.6%;
}
.pickup_cmn_block li:nth-child(2n){
	margin-right:0%;
}
}
.pickup_cmn_block li a{
	display:block;
}
.pickup_cmn_list dt{
	margin-bottom:10px;
}
.pickup_cmn_list dt img{
	width:100%;
	vertical-align:bottom;
}
.pickup_cmn_list dd{
	text-align:center;
	color:#565656;
	font-size:15px;
	font-weight:bold;
}
@media screen and (max-width: 414px) {
.pickup_cmn_list dd{
	font-size:12px;
}
}
.pickup_cmn_list dd br.pc-none{
	display:none;
}
@media screen and (max-width: 414px) {
.pickup_cmn_list dd br.pc-none{
	display:block;
}
}

/* rel_case_block */
.rel_case_block{
	margin-bottom:30px;
	padding:0;
	flex-wrap: wrap;
	display:flex;
}
@media (max-width: 640px) {
.rel_case_block{
	display:block;
}
}
.rel_case_block li{
	width:32.6666%;
	margin-right:1%;
	margin-bottom:10px;
}
@media (max-width: 640px) {
.rel_case_block li{
	width:auto;
	margin-right:0%;
}
}
.rel_case_block li:nth-child(3n){
	margin-right:0%;
}
.rel_case_block li a{
	width:100%;
	padding:20px 20px;
	color:#fff;
	background:#145189;
	box-sizing:border-box;
	display:block;
	position:relative;
}
.rel_case_block li a:after {
	content: '\e866';
	font-family: 'fontello';
	font-size: 87.5%;
	position:absolute;
	top:33%;
	right:15px;
}
/* rel_dl */
.rel_dl{
	margin-bottom:30px;
	padding:0;
	align-items:center;
	display:flex;
}
.rel_dl dt{
	margin:0 20px;
}
.rel_dl dt img{
	width:40px;
	vertical-align:bottom;
}
@media (max-width: 414px) {
.rel_dl dt img{
	width:30px;
}
}
.rel_dl dd{
	font-size:22px;
	font-weight:bold;
}
@media (max-width: 414px) {
.rel_dl dd{
	font-size:16px;
}
}
.rel_dl dd a{
	color:#000;
}


.fnc_flash{
  padding:30px;
  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:30px 20px;
  }
}
.fnc_flash li{
  width: 30%;
  padding: 30px;
  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;
}

/* product_size */
.product_size{
  padding:80px 20px;
  text-align: center;
}
@media screen and (max-width: 414px) {
  .product_size{
    padding:50px 20px;
  }
}
.product_size > h2{
  margin-bottom: 20px;
  font-size: 24px;
}
.product_size > p img{
  max-width: 100%;
}
@media screen and (max-width: 639px) {
  .product_size > p img{
    width: 80%;
  }
}

.fnc_head{
  justify-content: space-between;
  display: flex;
  list-style: none;
}
@media screen and (max-width: 639px) {
  .fnc_head{
    display: block;
  }
  .fnc_head li:first-child{
    margin-bottom: 30px;
  }
  .fnc_head li:last-child{
    text-align: center;
  }
  .fnc_head li:last-child img{
    max-width:100%;
  }
  .fnc_head br{
    display: none;
  }
}
@media screen and (max-width: 414px) {
  .fnc_head{
    padding:0 20px;
  }
}
.fnc_head li:first-child.pt{
  padding-top: 40px;
}
.fnc_head li:last-child.pr{
  padding-right: 40px;
}
@media screen and (max-width: 639px) {
  .fnc_head li:first-child.pt{
    padding-top: 0px;
  }
  .fnc_head li:last-child.pr{
    padding-right: 0px;
  }
}

.fnc_headcon{
  justify-content: space-between;
  display: flex;
  list-style: none;
  margin: 0 30px
}
@media screen and (max-width: 639px) {
  .fnc_headcon{
    display: block;
  }
  .fnc_headcon li:first-child{
    margin-bottom: 30px;
  }
  .fnc_headcon li:last-child{
    text-align: center;
  }
  .fnc_headcon li:last-child img{
    max-width:100%;
  }
  .fnc_headcon br{
    display: none;
  }
}
@media screen and (max-width: 414px) {
  .fnc_headcon{
    padding:0 20px;
  }
}
.fnc_headcon li:first-child.pt{
  padding-top: 40px;
}
.fnc_headcon li:last-child.pr{
  padding-right: 40px;
  margin-top:90px;
}
@media screen and (max-width: 639px) {
  .fnc_headcon li:first-child.pt{
    padding-top: 0px;
  }
  .fnc_headcon li:last-child.pr{
    padding-right: 0px;
	margin-top:5px;
  }
}

.kakomi{
	margin:25px;
	border: solid 25px #f1f5f9;
	border-radius: 10px;
}
ul .indent {
	text-indent: -0.8em;
    padding-left: 0.8em;
  }
.rmks_kakomi{
	border: solid 1px #CCCCCC;
	padding: 2em 2em;
}
.sdk_tume{
  line-height: 0;
}
.sdk_tume2{
  line-height: 0.8;
}
.sdk_idx_free {
  display: block;
  background-color: #fff;
  color: #145189;
  border: solid 1px #145189;
  text-align: center;
  position: relative;
  width:187px;
  margin-top: 10px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  padding: 10px 0px;
}
@media screen and (max-width: 639px) {
  .sdk_idx_free{
    width: 100%;
  }
}

.rl_lnks {
  border: 2px solid #ddd;
  padding: 1.1%;
  line-height: 1.9;
}
@media (max-width: 639px) {
  .rl_lnks {
	padding: 3%;
  }
}
.rl_lnks .lnks{
  font-size: 87.5%;
}
@media (max-width: 639px) {
  .rl_lnks .lnks{
	font-size: 82%;
  }
}