@charset "utf-8";
h2.pay_ttl {
  line-height:0;
  text-align:center;
  padding:70px 0;
}
.pay_cp {
  padding:50px 0 30px 0;
  font-size:16px;
  line-height:2.0em;
}
.pay_cp .list {
  margin:35px 0 0 0;
}
.pay_cp .list ul li {
  padding-left:20px;
  position: relative;
}
.pay_cp .list ul li:before {
  position: absolute;
  left:0;
  top:7px;
  content:"";
  width: 8px;
  height: 8px;;
  border: double 4px #333;
  border-radius: 50%;
}
.pay_cp_top {
  font-size:16px;
  line-height:2.0em;
  padding-top:50px;
  padding-bottom:70px;
  text-align: center;
}

.pay_cp_top .pd20 {
  padding-bottom:20px;
}
.pay_cp_top .ttl {
  padding: 15px 0 15px 0;
  text-align: center;
  line-height: 1.8em;
  font-size: 18px;
  color: #615ab7;
  font-weight: bold;
}
.pay_m {
  padding-top:70px;
  border-top:1px solid #ccc;
}
.pay_m h3 {
  text-align: center;
  line-height:0;
}
.pay_cmt {
  text-align: center;
  color:#000;
  font-size:16px;
  padding:22px 0 0 0;
}
@media(min-width:768px) {
  ul.pay_ul {
    padding-top:10px;
  }
  ul.pay_ul li {
    width:320px;
    display: inline;
    float:left;
    margin-left:30px;
    border:1px solid #ccc;
    font-size:16px;
    line-height:2.0em;
  }
  ul.pay_ul li:nth-child(1) {
    margin-left:0;
  }
  ul.pay_ul li p.pic {
    text-align: center;
    padding-bottom:22px;
    padding-top:30px;
  }
  ul.pay_ul li .cir_wrap {
    padding:0 15px;
  }
  ul.pay_ul li p.cir {
    padding-left:20px;
    position: relative;
  }
  ul.pay_ul li p.cir:before {
    position: absolute;
    left:0;
    top:7px;
    content:"";
    width: 8px;
    height: 8px;;
    border: double 4px #333;
    border-radius: 50%;
  }
  ul.pay_ul li p.price {
    text-align: center;
    padding:10px 0;
  }
  ul.pay_ul li p.btm,.pay_m ul li p.btm2 {
    background: #f2f2f1;
    text-align: center;
    font-size:12px;
  }
 ul.pay_ul li p.cir_btm {
   padding-top:8px;
 }
}
.pay_r h3 {
  text-align: center;
  line-height:0;
  padding:50px 0;
}
@media(min-width:768px) {
 .pay_r ul li {
   width:500px;
   position: relative;
   padding:20px 15px 18px 55px;
   background: #edf7f4;
   font-size:15px;
   line-height:1.8em;
   height:178px;
 }
 .pay_r ul li:nth-child(1) {
   float:left;
 }
 .pay_r ul li:nth-child(2) {
   float:right;
 }
 .pay_r ul li .ori {
   position: absolute;
   left:0;
   top:0;
 }
 .pay_r ul li p.cir {
   padding-left:17px;
   position: relative;
 }
 .pay_r ul li p.cir:before {
   position: absolute;
   left:0;
   top:5px;
   content:"";
   width: 6px;
   height: 6px;;
   border: double 4px #333;
   border-radius: 50%;
 }

 .pay_r ul li p.price01 {
   padding-top:10px;
 }
 .pay_r ul li p.car01 {
   position: absolute;
   right:23px;
   bottom:10px;
 }
 .pay_r ul li p.price02 {
   padding-top:35px;
 }
 .pay_r ul li p.car02 {
   position: absolute;
   right:10px;
   bottom:10px;
 }
}
.pay_h h3 {
  text-align: center;
  line-height:0;
  padding:50px 0;
}
@media(min-width:768px) {
.pay_h ul {
  margin:auto;
  text-align: center;
}
 .pay_h ul li {
   padding-left:20px;
   position: relative;
   font-size: 15px;
   margin-left:17px;
   display: inline-block;
 }
 .pay_h ul li:nth-child(1) {
   margin-left:0;
 }
 .pay_h ul li:before {
   position: absolute;
   left:0;
   top:3px;
   content:"";
   width: 8px;
   height: 8px;;
   border: double 4px #333;
   border-radius: 50%;
 }
}
.card_wrap {
  padding:15px 0;
  border:1px solid #ccc;
  width:755px;
  text-align: center;
  margin:27px auto 50px;
}
.card_wrap .txt {
  font-size:15px;
  padding-top:15px;
}
@media(max-width:767px) {
  h2.pay_ttl {
    width:42%;
    margin:0 auto;
    padding:10% 0;
  }
  .pay_cp {
    padding:32px 0 15px 0;
    font-size:16px;
    line-height:1.7em;
  }
  .pay_cp .list ul li:before {
    position: absolute;
    left:0;
    top:5px;
    content:"";
    width: 8px;
    height: 8px;;
    border: double 4px #333;
    border-radius: 50%;
  }
  .pay_cp_top {
    font-size:16px;
    line-height:1.7em;
    padding-top:28px;
    padding-bottom:30px;
    text-align: left;
  }
  .pay_cp_top .mb15 {
    margin-top:15px;
  }
  .pay_cp_top .ttl {
    font-weight: bold;
    text-align: left;
    line-height: 1.6em;
    font-size: 18px;
    color: #615ab7;
    font-weight: bold;
  }
  ul.pay_ul {
    padding-top:0;
  }
  ul.pay_ul li {
    width:100%;
    display: inline;
    float:left;
    border:1px solid #ccc;
    font-size:16px;
    line-height:1.7em;
    margin-top:35px;
  }
  ul.pay_ul li:nth-child(1) {
    margin-left:0;
  }
  ul.pay_ul li p.pic {
    text-align: center;
    padding:22px 15px 15px;
  }
  ul.pay_ul li .cir_wrap {
    padding:0 15px;
  }
  ul.pay_ul li p.cir {
    padding-left:20px;
    position: relative;
  }
  ul.pay_ul li p.cir:before {
    position: absolute;
    left:0;
    top:7px;
    content:"";
    width: 8px;
    height: 8px;;
    border: double 4px #333;
    border-radius: 50%;
  }
  ul.pay_ul li p.cir_btm {
    padding-top:10px;
  }
  ul.pay_ul li p.price {
    text-align: center;
    padding:10px 0;
  }
  ul.pay_ul li p.btm {
    background: #f2f2f1;
    text-align: center;
    font-size:13px;
  }
  ul.pay_ul li p.btm2 {
    background: #f2f2f1;
    text-align: left;
    padding:5px 20px;
    font-size:13px;
    line-height: 1.4em;
  }
  .pay_m {
    padding-top:30px;
  }
  .pay_cmt {
    text-align: left;
    color:#000;
    font-size:16px;
    padding:17px 4% 0 4%;
  }
  .pay_r h3 {
    text-align: center;
    line-height:0;
    padding:30px 0;
  }
  .pay_r ul li {
    width:100%;
    position: relative;
    padding:12% 10px 10px 10px;
    background: #edf7f4;
    font-size:16px;
    line-height:1.9em;
  }
  .pay_r ul li:nth-child(1) {
    float:none;
  }
  .pay_r ul li:nth-child(2) {
    float:none;
    margin-top:30px;
  }
  .pay_r ul li .ori {
    position: absolute;
    left:0;
    top:0;
    width:12%;
  }
  .pay_r ul li p.cir {
    padding-left:25px;
    position: relative;
  }
  .pay_r ul li p.cir:before {
    position: absolute;
    left:0;
    top:7px;
    content:"";
    width: 8px;
    height: 8px;;
    border: double 4px #333;
    border-radius: 50%;
  }
  .pay_r ul li p.price01,.pay_r ul li p.price02 {
    padding-top:15px;
  }
  .pay_r ul li p.car01,.pay_r ul li p.car02 {
    padding-top:15px;
  }
  .pay_h h3 {
    text-align: center;
    line-height:0;
    padding:30px 0;
  }
  .pay_h ul li {
    position: relative;
    font-size: 16px;
    padding-left:20px;
    display: block;
    line-height:1.7em;
  }
  .pay_h ul li:before {
    position: absolute;
    left:0;
    top:3px;
    content:"";
    width: 8px;
    height: 8px;;
    border: double 4px #333;
    border-radius: 50%;
  }
  .card_wrap {
    padding:15px 4%;
    width:100%;
    text-align: center;
    border:0;
    margin:0;
  }
  .card_wrap .card_img {
    padding:12px 0;
    border:1px solid #ccc;
  }
  .card_wrap .txt {
    font-size:16px;
    padding-top:15px;
    line-height:1.7em;
    text-align:left;
  }
}