@charset "UTF-8";

.article_ttl{
  padding: 94px 0 102px 0;
  text-align: center;

}
.article_17_in{
  text-align: center;
  padding-top: 0 !important;
}

.article_17_in p.lh21{
  font-size: 13px;
  line-height: 2;
  letter-spacing: .15em;
  }

.article_17_in .h-2{margin-bottom: 96px;}



h3 img,
h4 img{margin-bottom: 0 !important;}

.article_17_in p{
  width: 672px;
  margin: 0 auto;
  text-align: left;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.page-sub section.bg_box{
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}
.page-sub section.bg_box.pc_pb66{padding-bottom: 66px !important;}
.box.bg_box.article_17_in.sp_pb0{padding-bottom: 98px !important}
.step_box{
  width: 840px !important;
  padding-top: 98px;
  margin: 0 auto;
}
/*.step_box h3{
  border-bottom: solid 1px #d0cece;
  padding-bottom: 97px;
  margin-bottom: 78px !important;
}*/
.step_box h2{
  border-bottom: solid 1px #d0cece;
  padding-bottom: 97px;
  margin-bottom: 78px !important;
}
.step_box .pic{
}

.step_wrap{
  background-image: url(/img/article/17/bg_step.gif);
  background-repeat: repeat-y;
  background-position: center top;
}

.step_wrap .step1_box,
.step_wrap .step2_box,
.step_wrap .step3_box{
  width: 840px;
  display: table;
  margin: 0 auto;
  background-image: url(/img/article/17/step1.gif);
  background-repeat: no-repeat;
  background-position: center top;
  overflow: hidden;
  padding-bottom: 50px;
}
.step_wrap .step2_box{
  background-image: url(/img/article/17/step2.gif);
  background-position: center 163px !important;
  padding-top: 50px;
}
.step_wrap .step3_box{
  background-image: url(/img/article/17/step3.gif);
  background-position: center 164px !important;
  padding-top: 50px;
  padding-bottom:78px;
}

.step_wrap .box_l,
.step_wrap .box_r{
  width: 420px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
}
.step_wrap .box_l h4,
.step_wrap .box_l h3,
.step_wrap .box_r h4,
.step_wrap .box_r h3{
  text-align: left;
  margin-bottom: 36px;
}
.step_wrap .box_l p,
.step_wrap .box_r p{
  width: 312px;
  margin: 0;
}


.step_wrap .step3_box .box_l,
.step_wrap .step2_box .box_l,
.step_wrap .step1_box .box_l,
.step_wrap .step2_box .box_r{
  vertical-align: middle;
}
.step_wrap .step2_box .box_l{

}


.step_wrap .step1_box .box_l p{
  width: 324px;
}
.step_wrap .step3_box .box_r{
  vertical-align: middle;
}

.step_wrap .box_r h4,
.step_wrap .box_r h3,
.step_wrap .box_r p,
.step_wrap .box_r img.pic{
  padding-left: 107px;
  text-align: left;
}
.step_wrap2{
  width: 840px;
  border: solid 1px #dcdada;
  padding: 48px 0 42px 0;
  margin: 0 auto 98px auto;
}

.step_wrap2 h4{margin-bottom: 23px;}
.step_wrap2 h3{margin-bottom: 23px;}

.step_wrap2 p{
  font-size: 12px;
  line-height: 21px;
}

.point_box{
  overflow: hidden;
  padding-bottom: 91px;
}
.point_box h4{margin-bottom: 36px;}

section.section-style1 h2.ttl_2,
.point_box h3{
  margin: 50px 0 36px 0;
}

div.last_box section.section-style1 h2.ttl_2 {
  margin: 0 0 36px 0;
}

.last_box{
  padding-top: 0 !important;
  width: 840px !important;
  margin:0 auto;
}
.last_box h3,
.last_box h2.ttl_2,
.last_box p{
  width: 840px;
  text-align: left;
  margin: 0 auto;
}
.last_box h3{margin-bottom: 25px !important;}
.last_box p{margin-bottom: 44px !important;}
.last_box p.pc_mb{margin-bottom: 58px !important;}
.item_box {
    padding-top: 98px;
}
body.page-article_detail .box-related{
  padding-top: 80px;
  margin-bottom: 80px;
}
body.page-article_detail .box-related h4{text-align: left;}

.u-mt-78 {
  margin-top: 78px;
}

.btn_column2{
  display: table;
  margin: 0 auto;
}
.btn_column2 a {
    display: table-cell;
    padding: 0 10px;
    text-align: center;
    vertical-align: top;
}