@charset "UTF-8";
/* CSS Document */

.step-box{
  margin: 0 auto 20px;
  width: 95%;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 2px 5px #ccc;
}
	
.step-box-inner-img{
  border-radius: 5px 5px 0 0;
  max-width: 85%;
  height: auto;
  margin: 10px auto;
  display: block;
  padding: 20px 0 8px;
}
	
.step-box-content{
  margin: 5px 0;
}
	
.step-box-title{
  font-size: 20px;
  text-align: center;
  color: #fff;
  background-color:#61C1BE;
  padding: 13px 0;
}
	
.step-box-title-2{
  font-size: 20px;
  text-align: center;
  color: #fff;
  background-color:#F8B856;
  padding: 13px 0;
}

.step-box-title-3{
  font-size: 20px;
  text-align: center;
  color: #fff;
  background-color:#F67DB2;
  padding: 13px 0;
}

.step-box-title-4{
  font-size: 20px;
  text-align: center;
  color: #fff;
  background-color:#F8B856;
  padding: 13px 0;
}

.content .step-box-text{
  color: #555;
  font-size: 15px;
  line-height: 1.5;
  padding: 8px 18px 20px; 
}
	
.note{
    font-size: 82%;
	color:#555;
	display: block;
}

.note-ast{
	color:#C60003;
	padding-right: 3px;
}



/*tablet&pc css*/
@media screen and (min-width: 768px)  { 

	
.step-box{
  margin: 0 5px 0 15px;
  width: 30%;
  background:#F4F4F4;
  border-radius: 0;
  display: inline-block;
  box-shadow: none;
  vertical-align:top;
	
}
	
.step-box-inner-img{
  padding: 10px 0 8px;
}
	
.step-box-title-2{
  font-size: 17px;
  width: 90px;
  display: inline-block;
  position: relative;
  padding: 10px 0;
}
	
.step-box-title-4{
  font-size: 17px;
  width: 90px;
  display: inline-block;
  position: relative;
  padding: 10px 0;
}
	

.step-box-title-2::after{
     position: absolute;
    top: 0;
    right: 0;
    margin-right: -15px;
	content: ".";
    color: transparent;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width:  20px 0 20px 15px;
    border-color: transparent transparent transparent #F8B856;
}
	
.step-box-title-3{
  font-size: 17px;
  width: 90px;
  display: inline-block;
  position: relative;
  padding: 10px 0;
	
}

.step-box-title-3::after{
     position: absolute;
    top: 0;
    right: 0;
    margin-right: -15px;
	content: ".";
    color: transparent;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 15px;
    border-color: transparent transparent transparent #F67DB2;
}
.step-box-title{
  font-size: 17px;
  width: 90px;
  display: inline-block;
  position: relative;
  padding: 10px 0;
}

.step-box-title::after{
     position: absolute;
    top: 0;
    right: 0;
    margin-right: -15px;
	content: ".";
    color: transparent;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 15px;
    border-color: transparent transparent transparent #61C1BE;
}

.step-box-content{
  height: 170px;
  padding: 0;
  background: #fff;
  margin: 0;
}
	
.step-box-content-long{
  height: 320px;
  padding: 0;
  background: #fff;
  margin: 0;
}
	
.step-box-text{
  padding: 0 10px 0; 
}


	
}

