@charset "shift_jis";


figure{
	margin: 3rem auto;
}
 /* ttl-secure-01
---------------------------------------------------------- */
.contents .ttl-secure-01 {
  font-size: 32px;
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.4;
  color: #f5821f;
  text-align: center;
  margin-bottom: 17px;
}
 .contents .ttl-secure-01 span {
    font-size: 24px;
    font-size: 2.4rem;
  }
@media screen and (max-width: 768px) {
.contents .ttl-secure-01 {
  font-size: 19px;
  font-size: 1.9rem;
}
 .contents .ttl-secure-01 span {
    font-size: 16px;
    font-size: 1.6rem;
  }  
}

/* ==========================================================
 * service security
 *==========================================================*/
/* ==========================================================
 * section
 *==========================================================*/
/* sec-secure-in 
---------------------------------------------------------- */
.sec-secure-in { margin-bottom: 47px;}
@media screen and (max-width: 768px) {
.sec-secure-in { margin-bottom: 30px;}  
}
 /* sec-secure-01
---------------------------------------------------------- */
.sec-secure-01 .box-text-img-01 {
  padding-top: 45px;
  padding-bottom: 45px;
  padding-right: 300px;
}
.sec-secure-01 .box-info {
  width: 680px;
  padding-left: 0;
  position: relative;
}
  .sec-secure-01 .box-info:before {
    content: "";
    width:320px;
    height: 140px;
    position: absolute;
    background: url(/resource201801/service/security/img/img_secure_01_pc.png);
    bottom: -45px;
    right: -260px;
  }
@media screen and (max-width: 768px) {
.sec-secure-01 .box-text-img-01 {
  padding-top: 15px;
  padding-bottom: 80px;
  padding-right: 20px;
}
.sec-secure-01 .box-info { width: 100%;}
  .sec-secure-01 .box-info:before {display: none;}  
  .sec-secure-01 .box-info:after {
    content: '';
    position: absolute;
    width: 175px;
    height: 66px;
    background: url(/resource201801/service/security/img/img_secure_01_sp.png);
    -webkit-background-size: 81px 66px;
    background-size: 100% auto;
    background-repeat: no-repeat;
    bottom: -80px;
    right: -15px;
  }  
}
/* ==========================================================
 * box
 *==========================================================*/
 /* box-secure-01
---------------------------------------------------------- */
.box-secure-01 {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 55px;
}
  .box-secure-01 .box-detail { width: 570px;}
  .box-secure-01 .box-image { width: 350px;}
@media screen and (max-width: 768px) {
.box-secure-01 { margin-bottom: 10px;}
  .box-secure-01 .box-detail { 
    width: 100%;
    margin-bottom: 10px;
  }
  .box-secure-01 .box-image { width: 100%;}
}
 /* box-secure-02
---------------------------------------------------------- */
@media screen and (max-width: 768px) {
.box-secure-02 { margin-bottom: 10px;}  
}
/* ==========================================================
 * title
 *==========================================================*/
 /* ttl-cmn-02
---------------------------------------------------------- */
.ttl-cmn-02 span {
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
.ttl-cmn-02 {
  font-size: 19px;
  font-size: 1.9rem;
  line-height: 1.4;
  margin-bottom: 20px;
}
  .ttl-cmn-02 span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

/* ==========================================================
 * text
 *==========================================================*/
 /* txt-secure-01
---------------------------------------------------------- */
.txt-secure-01 { 
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
.txt-secure-01 { 
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
}
}

 /* txt-secure-02
---------------------------------------------------------- */
.txt-secure-02 { 
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
.txt-secure-02 { 
  font-size: 14px;
  font-size: 1.4rem;
}
}

 /* txt-secure-03
---------------------------------------------------------- */
@media screen and (max-width: 768px) {
.txt-secure-03 { 
  font-size: 10px;
  font-size: 1.0rem;
}
}

/* ==========================================================
 * image
 *==========================================================*/
 /* img-secure-01
---------------------------------------------------------- */
.img-secure-01 img {  max-width: 100%;}
@media screen and (max-width: 768px) {
  .img-secure-01 img { width: 100%;}
}


/* ==========================================================
 * jcb-visa
 *==========================================================*/
 /* box-jcb-visa-01
---------------------------------------------------------- */
.box-jcb-visa-01 {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
  .box-jcb-visa-01 .box-image .image-01{width: 100px;}
  .box-jcb-visa-01 .box-info {
    margin-left: 50px;
  }
@media screen and (max-width: 768px) {
    .box-jcb-visa-01 .box-image {
      -webkit-flex: 0 1 auto;
      flex: 0 1 auto;  
    }
    .box-jcb-visa-01 .box-image .image-01 {
      width: 77px;
    }
      .box-jcb-visa-01 .box-image img { width: 100%;}
    .box-jcb-visa-01 .box-info {  
      margin-left: 20px;
    }
}

/* box-jcb-visa-03
---------------------------------------------------------- */
.box-jcb-visa-03 {
  overflow: hidden;
}
  .box-jcb-visa-03 p {
    float: right;
    width: 405px;
  }
 /* box-border-jcb-visa-01
---------------------------------------------------------- */
.box-border-jcb-visa-01 { padding: 0;}
  .box-border-jcb-visa-01 .table-cmn-01 { padding-top: 15px;}
    .box-border-jcb-visa-01 .table-cmn-01 tr > th:last-child, 
    .box-border-jcb-visa-01 .table-cmn-01 tr > td:last-child {
      padding: 0 20px;
      border-bottom: none;
    }
@media screen and (max-width: 768px) {
  .box-border-jcb-visa-01 img { width: 100%;}
}
/* list-jcb-visa-02
---------------------------------------------------------- */
.list-jcb-visa-02 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  margin: 0 -20px;
  padding: 15px 0;
  background-color: #f5821f;
  border-radius: 0 0 4px 4px;
}
  .list-jcb-visa-02 .item {}
    .list-jcb-visa-02 .item:last-child {
      position: relative;
      margin-left: 50px;
      padding-left: 80px;
    }
      .list-jcb-visa-02 .item:last-child:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;
        width: 40px;
        height: 23px;
        margin-top: -12px;
        background: url("/resource201801/img/img_arrow_right_01.png") 0 0 no-repeat;
        background-size: 40px 23px;
      }
    .list-jcb-visa-02 .txt-01 {
      color: #fff;
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: bold;
      line-height: 1.1;
    }
      .list-jcb-visa-02 .txt-01 span {
        margin-left: 15px;
        font-size: 24px;
        font-size: 2.4rem;
      }
/* btn-jcb-visa-01
---------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .btn-jcb-visa-01 {
    display: inline-block !important;
  }
}
/* list-jcb-visa-01
---------------------------------------------------------- */
.list-jcb-visa-01 { margin-left: -13px;}
  .list-jcb-visa-01 .item {
    position: relative;
    padding-left: 13px;
  }
    .list-jcb-visa-01 .item:before {
      content: "・";
      position: absolute;
      top: 0;
      left: 0;
    }
@media screen and (max-width: 768px) {
  .list-jcb-visa-01 { margin-left: 0;}
}
/* txt-jcb-visa-01
---------------------------------------------------------- */
.txt-jcb-visa-01 { color: #ce2509;}
/* txt-jcb-visa-02
---------------------------------------------------------- */
.txt-jcb-visa-02 { 
  color: #f5821f;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .txt-jcb-visa-02 {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
/* img-jcb-visa-01
---------------------------------------------------------- */
@media screen and (max-width: 768px) {
  .img-jcb-visa-01 { 
    width: 304px;
    margin: 0 auto;
  }
    .img-jcb-visa-01 img { width: 100%;}
}