@charset "UTF-8";

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

封筒HOME

home_envelope.css

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

/* 実績スライド */
.records_block li {
  float: left;
  margin: 0 0 16px;
  width: 226px;
  box-sizing: border-box;
  border: 1px solid #d7d7d7;
}
.records_block li:not(:nth-child(3n)) {
  margin: 0 16px 16px 0;
}
.records_block li a {
  display: block;
  padding: 4px 10px;
}
.records_block li img {
  width: 100%;
}


/* ステップ */
.home_step_ttl .service_step_ico {
  border-top: 3px solid #96d228;
}
.step1_ttl span {
  padding: 0 0 0 68px;
  background: url(../../../_common/pc/img/dtp_step1.png) no-repeat 0 50%;
}
.step2_ttl span {
  padding: 0 0 0 65px;
  background: url(../../../_common/pc/img/dtp_step2.png) no-repeat 0 50%;
}
.step3_ttl {
  color: #e9a407;
  font-size: 1.5rem;
  line-height: 1.2;
}
.step3_ttl span {
  padding: 0 0 0 65px;
  background: url(../../../_common/pc/img/dtp_step3.png) no-repeat 0 50%;
}
.step_box_btn .en_c_arw {
  padding: 0 18px 0 0;
  background: url(../../../_common/pc/img/en_c_arw.png) no-repeat 100% 50%;
}

/* プラン */
#envelope .service_plan_box {
  width: 335px;
}
#envelope .service_plan_box:not(:last-child) {
  margin: 0 40px 0 0;
}
#envelope .plan_box_ttl {
  height: 47px;
}
.plan_box_ttl {
  background: #96d228;
}
.en_design_plan .plan_box_ttl .en_design_icon {
  padding: 0 0 0 35px;
  background: url(../../../envelope/pc/img/contents/i_en_design.png) no-repeat 0 50%;
}
.en_set_plan .plan_box_ttl .en_set_icon {
  padding: 2px 0 2px 60px;
  background: url(../../../envelope/pc/img/contents/i_en_set.png) no-repeat 0 50%;
}

#envelope .plan_box_item {
  position: relative;
  padding: 165px 0 0;
}
#envelope .en_set_plan .plan_box_item:after {
  background: rgba(0, 0, 0, 0) url(../../../_common/pc/img//price/discount_badge.png) no-repeat scroll 0 0;
  content: "";
  height: 86px;
  position: absolute;
  right: 6px;
  top: -10px;
  width: 86px;
}

.en_design_plan .plan_box_item {
  background: #fff url(../../../envelope/pc/img/contents/en_design_plan.png) no-repeat 50% 22px;
}
.en_set_plan .plan_box_item {
  background: #fff url(../../../envelope/pc/img/contents/en_set_plan.png) no-repeat 50% 22px;
}
.service_plan_link li .en_c_arw {
  padding: 0 20px 0 0;
  background: url(../../../_common/pc/img/en_c_arw.png) no-repeat 100% 50%;
}
.envelope_size {
  margin: 0 0 20px;
}
.paper_size {
  margin: 0 0 40px;
}
.paper_size_btn {
  text-align: right;
}
.paper_size_btn .en_c_arw {
  padding: 0 20px 0 0;
  background: url(../../../_common/pc/img/en_c_arw.png) no-repeat 100% 50%;
}