@charset "UTF-8";
/*============================
base
============================*/
body{
  -webkit-text-size-adjust: none;
}

ul,h2,h3,h4,h5,p,dl,dt,dd {
  margin: 0px;
  padding: 0px;
  list-style: none;
}

/* content
----------------------------------------------------*/
#receiptArea {
  font-size: 100%;
  font-weight: 100 !important;
  font-family: "Noto Sans Japanese";
}

#receiptArea img{
  width: 100%;
  vertical-align: bottom;
}

#receiptArea h2{
  padding: 3%;
  margin-bottom: 6.3%;
  border-bottom: 1px solid #d9d9d9;
}

.inner_contents{
  text-align: center;
}

.mod_block_s{
  width: 91%;
  margin: 7.8% auto 6.3%;
  text-align: center;
  overflow:hidden;
}

.mod_block{
  width: 94%;
  margin: 7.8% auto 6.3%;
  text-align: center;
  overflow:hidden;
}

.mod_title{
  margin: 0 auto 6.3%;
  padding: 0;
  text-align: center;
  color: #0060b0;
}

.mod_txt{
  margin: 0 auto 1em;
}

hr{
  height: 1px;
  border: none;
  border-bottom: 1px solid #d9d9d9;
}

.title_28{
  font-size: 110%;
}
.title_32{
  font-size: 120%;
}
.title_36{
  font-size: 140%;
}
.caution{
  font-size: 70%;
}
sup{
  font-size: 50%;
}

.point_area{
  margin-bottom: 4.7%;
  width: 47%;
  float: left;
}

.deal_area{
  margin-bottom: 4.7%;
  width: 47%;
  float: left;
}

.h-mt15{
  margin-top: 2.3%;
}
.h-mb30{
  margin-bottom: 4.7%;
}

.h-pr30{
  padding-right: 4.7%;
}
.h-pr35{
  padding-right: 5%;
}
.h-pr40{
  padding-right: 4.7%;
}
.h-pr110{
  padding-right: 17%;
}
.h-pb30{
  padding-bottom: 4.7%;
}
.h-pb50{
  padding-bottom: 7.8%;
}

.step_body{
  width: 100%;
  margin: 0 auto;
  padding-top: 3.1%;
  text-align: center;
  overflow:hidden;
}
.step_body dt{
  width: 11%;
  vertical-align: top;
  float: left;
}
.step_body .txt{
  width: 59%;
  text-align: left;
  vertical-align: top;
  float: left;
}
.step_body .txt-w{
  width: 67%;
  text-align: left;
  vertical-align: top;
  float: left;
  background: url(../img/step_img_loppi.png) no-repeat top right;
  background-size: 17%;
}
.step_body .step_img{
  width: 17%;
  text-align: right;
  vertical-align: top;
  float: left;
}
.step_foot_arrow {
  padding-bottom: 8.5%;
  background: url(../img/step_arrow.png) no-repeat bottom center;
  background-size: 4.7%;
}
.operate_body{
  border-left: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
  padding: 0 2.3% 0;
}
.operate_body ul{
  width: 100%;
}

.operate_body li{
  width: 94%;
  font-size: 80%;
  padding-left: 5.8%;
}
.operate_body li.op1{
  background: url(../img/operate1_icon.png) no-repeat top left;
  background-size: 3.8%;
}
.operate_body li.op2{
  background: url(../img/operate2_icon.png) no-repeat top left;
  background-size: 3.8%;
}
.operate_body .op3{
  background: url(../img/operate3_icon.png) no-repeat top left;
  background-size: 3.8%;
}
.operate_body .op4{
  background: url(../img/operate4_icon.png) no-repeat top left;
  background-size: 3.8%;
}

.operate_img{
  width: 35%;
}
.operate_foot{
  width: 100%;
  padding-bottom: 4.7%; 
  background: url(../img/operate_foot.jpg) no-repeat bottom center;
  background-size: 100%;
}