@charset "utf-8";
body{
  line-height: 1.5;
}
.center{
  text-align: center;
}
.mt20{
  margin-top:20px;
}
.txt{
  padding:0 20px;
}
.txt span{
  color:#ff0000;
}
.ttl{
  color:#e92f2a;
  font-size: 16px;
  font-weight: bold;
  padding:0 20px;
}
.img{
  max-width:320px;
}
.option_sideBnr>*{
  padding-bottom:80px;
  position: relative;
}
.hero .ttl{
  color:#e80b53;
  border-bottom: 2px solid #e80b54;
  padding-bottom:20px;
}
div[class*="icon_point"]{
  padding-top:80px;
}
div[class*="icon_point"]:before,
div[class*="icon_point"]:after{
  position: absolute;
  left:50%;
}
div[class*="icon_point"]:before{
  margin-left: -48px;
}

.point1{
  background:#fffae5;
}
.icon_point1:before{
  content: "";
  width:96px;
  height: 78px;
  background: url(../images/ask/campaign/option/icon_point1.png) no-repeat;
  background-size: 96px 78px;
  top:-36px;
}
.point2:before{
  content: "";
  width:96px;
  height: 78px;
  background: url(../images/ask/campaign/option/icon_point2.png) no-repeat;
  background-size: 96px 78px;
  top:-36px;
}

.point3{
  background: url(../images/ask/campaign/option/border.png);
  background-size:20px 40px;
}
.point3:before {
  content: "";
  width: 96px;
  height: 96px;
  border-radius: 96px;
  background: url(../images/ask/campaign/option/border.png);
  background-size:20px 40px;
  top: -36px;
  z-index: -1;
}

.point3:after {
  content: "";
  width: 50px;
  height: 55px;
  background: url(../images/ask/campaign/option/icon_point3.png) no-repeat;
  background-size: 50px 55px;
  top: -16px;
  margin-left: -25px;
}
.point4{
  z-index: 0;
}
.point4:before {
  content: "";
  width: 96px;
  height: 96px;
  border-radius: 96px;
  background: #fff;
  top: -36px;
  z-index: -1;
}
.point4:after {
  content: "";
  width: 50px;
  height: 55px;
  background: url(../images/ask/campaign/option/icon_point4.png) no-repeat;
  background-size: 50px 55px;
  top: -16px;
  margin-left: -25px;
}