@charset "utf-8";
/* -------------------------------
common
------------------------------- */
.l-content img {
  vertical-align: bottom;
}


/* section */
.l-content .section {
  margin-bottom: 70px;
}
.l-content .sectionInner {
  padding: 0 10px;
  margin-bottom: 40px;
}
.l-content .h3Inner {
  padding: 0 10px;
  margin-bottom: 45px;
}


/* ------------------------------------------------------
contents
------------------------------------------------------ */
/* mainVisual */
.l-content .mainVisual {
  width: 950px;
  height: 200px;
  margin-bottom: 30px;
  background: url(/service/ion_collection/img/main.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}


/* m-h2 */
.l-content .m-h2:before {
    border-left: 5px solid #0f218b;
}


/* h2Ttl */
.l-content .h2Ttl {
  margin-bottom: 35px;
  color: #FFF;
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  background: #0f218b;
  padding: 10px 0;
  border-top: 5px solid #ffcc00;
}


/* h3Ttl */
.l-content .h3Ttl {
  margin-bottom: 20px;
  border-top: 3px solid #ffcc00;
  border-bottom: 1px solid #000;
  display: table;
  width: 100%;
  padding: 8px 0;
}
.l-content .h3Ttl .icon {
  font-size: 18px;
  font-weight: bold;
  background: #ffcc00;
  color: #0f218b;
  text-align: center;
  width: 100px;
  padding: 2px 0 1px;
  display: table-cell;
}
.l-content .h3Ttl .icon strong {
  font-size: 20px;
  padding-left: 5px;
}
.l-content .h3Ttl .txt {
  font-size: 18px;
  font-weight: bold;
  display: table-cell;
  padding-left: 15px;
}


/* lead */
.l-content .leadTxt {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}


/* stepList */
.l-content .stepList {
  margin: 0 -29px 0 0;
  letter-spacing: -0.4em;
}
.l-content .stepList .step {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: top;
  margin: 0 29px 0 0;
  border: 1px solid #999999;
  width: 210px;
  box-sizing: border-box;
  position: relative;
}
.l-content .stepList .step.step1:after,
.l-content .stepList .step.step2:after,
.l-content .stepList .step.step3:after{
  position: absolute;
  top: 120px;
  left: 212px;
  width: 23px;
  height: 55px;
  content: "";
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAA3CAMAAADQWCGkAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACoUExURf/////MAf/QFf/ZQv/99f/+/P/76v/MAP/OCv/NA//++f/42//54//NBv/keP/88P/PD//haf/0yP/20v/SHP///v/qlv/vsf/XN//nh//yvf/cTv/TJP/VLf/SH//20P/tpP/ZQ//WMP/tpv/TIv/QFP/xuv/77P/yvv/ojP/jcv/eWv/dV//WMf/sov/aRv/1zv/uqf/eW//54f/43v/ojv/fXv/jdJ0cZfoAAADMSURBVDjLddTXDoJQEIRhUWCsWEHsvff+/m9mLDEx/Mvld8HJ2TOzqZTx3QzPNdmVHbCrUWTXzmVXx2PXw3BFhufa7KrU2TX12RW77NqE7AoMd4bsKi3ZlS6wq7tgVybPrrvhahnunNiVrbErfWFXr8yug8euquFr9g7/Z+ziue9gwr2OeK9v8BO+4rlVec4jD/01GXr3K777Z/LJXE04Vy3O4Znz/EvOv3e5F7MC9qhk9G7PPQ2419sQPea90fdxzySa/t1jc95jEfMTS7QXmaLsb+gAAAAASUVORK5CYII=) no-repeat 0 0;
}
.l-content .stepList .step .ttl {
  font-size: 18px;
  font-weight: bold;
  color: #0f218b;
  text-align: center;
  background: #ffcc00;
  padding: 8px 0;
}
.l-content .stepList .step .ttl span {
  font-size: 20px;
}
.l-content .stepList .step .caption {
  padding: 15px 15px 5px;
}
.l-content .stepList .step .txt_link {
  padding: 0 15px;
}
.l-content .stepList .step .txt_s {
  padding: 0 13px;
  font-size: 11px;
  line-height: 1.4;
}
.l-content .stepList .step .pic {
  text-align: center;
  padding-bottom: 10px;
}


/* step1_box */
.l-content .step1_box {
  margin: 0 5px;
}
.l-content .step1_box .m-table a {
  text-decoration: none;
  font-weight: bold;
}
.l-content .step1_box .m-table{
  margin: 0;
}
.l-content .step1_box .m-table th{
  padding: 6px 0;
}
.l-content .step1_box .m-table td{
  padding: 2px 5px;
}
.l-content .step1_box .m-table td.price{
  text-align: right;
  padding-right: 10px;
}


/* packingBox */
.l-content .packingBox {
  border:1px solid #999999;
  width: 900px;
  margin: 30px auto 0;
}
.l-content .packingBox .ttl {
  background: #0f218b;
  font-weight: bold;
  text-align: center;
  padding: 10px 0;
  color: #FFF;
  font-size: 14px;
}
.l-content .packingBox .inner {
  padding: 20px;
}


/* step2_box */
.l-content .step2_box{
  margin-bottom: 40px;
}
.l-content .step2_box dl{
  border: 1px solid #999999;
  width: 800px;
  margin: 30px auto 0;
  display: table;
  padding:10px 25px 10px 40px;
  box-sizing: border-box;
  position: relative;
}
.l-content .step2_box dl:first-child{
  margin-top: 0;
}
.l-content .step2_box dl:after{
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAAXCAMAAAB3a0x8AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAEIUExURf/////42v/XOf/99//NA//TJf/+/P/MAP/MAf///v///f/VLf/WMP/xuf/wtv/NBP/PDf/XNv/SHv/TIf/RGP/++f/ODP/tp//eWP/77f/43v/98//++//PD//20v/65//1zP/OCf/ywP/54f/OC//jcv/76f/76//ql//mgv/vrv/bSf/SHP/wsv/sn//1z//eXP/RGv/kef/88v/65f/++P/99v/fYP/QEv/0yf/NB//QFP/nhv/lff/0xv/zw//cUf/dVP/QFv/MAv/ZP//OCP/bTf/YPP/88P/VK//aRv/ha//54//jcf/99P/ojv/to//haP/WM//NBv/qlP/21P/uq//ojZgu8MoAAADKSURBVDjLldDXVsJAAIThCabSFUSkKzaQbqE3sQsi0t7/TUCKJ4TdZPe7nfPfDIaiwk2cANkAb+V1Yymf4auOYli5/+WpDuPY+O6wV91H/LNfslYlDXo3HpZonIOBK2pdVc6xZ+qzqiQBBFc28+rtGkQHQbOq8AAKranSIjWlge6nRq5eTmCqXSdVTy1YEKT96iMES6fPxurzHQyOy7vVKAI2Dd2hvTmYzc621UUaHKr+dVVMgEvS8Vc5++B0d6sor2Fwk78GMnVcALR7HtILjROxAAAAAElFTkSuQmCC) no-repeat 0 0;
  width: 54px;
  height: 23px;
  content: "";
  position: absolute;
  top:-31px;
  left: 373px;
}
.l-content .step2_box dl:first-child:after{
  background: none;
}
.l-content .step2_box dl dt{
  text-indent: -1.3em;
  margin-left: 1.3em;
  display: table-cell;
  vertical-align: top;
  width: 260px;
  padding-top: 15px;
  box-sizing: border-box;
}
.l-content .step2_box dl dt span{
  padding-right: 5px;
  font-size: 14px;
}
.l-content .step2_box dl dd{
  display: table-cell;
  vertical-align: top;
}


/* contact_box */
.l-content .contact_box{
  border:1px solid #999999;
  width: 700px;
  margin: 15px auto 0;
}
.l-content .contact_box .ttl {
  background: #0f218b;
  font-weight: bold;
  text-align: center;
  padding: 10px 0;
  color: #FFF;
  font-size: 14px;
}
.l-content .contact_box .inner {
  padding: 10px 0 15px;
  text-align: center;
}
.l-content .contact_box .inner .tel {
  font-size: 36px;
  color: #dd0000;
  margin-bottom: 5px;
}