#content02 {
    width:calc(100% - 40px);
    max-width:1200px;
    margin: 10% auto 0 auto;
    text-align: center;
}
#content02 h3 {
    font-weight: normal;
    font-size: 30px;
    line-height: 35px;
    color:#121212;
}
#content02 h3 span {
    font-weight: bold;
}
#content02 h3 span.blue_text {
    color:#008acb;
}
#content02 p {
    margin-top: 35px;
    font-size:18px;
    line-height: 30px;
    letter-spacing: -0.05em;
    color:#666666;
}

#content03 {
    width:100%;
    max-width: 1200px;
    margin:100px auto 0 auto;
}
.wrapper {
    display: flex;
    flex-flow:row wrap;
    justify-content: space-between;
}

.step {
    width:325px;
    height: 410px;
    padding: 10px;
}
.step .title_area {
    position: relative;
    border-top:3px solid rgb(0, 138, 203);
    border-bottom:1px solid rgb(0, 138, 203);
    width: 325px;
    height: 95px;
    display: table-cell;
    vertical-align: middle;

}
.step .title_area .title {
    padding-left:35px;
    font-size:25px;
    line-height: 30px;
    color:#121212;
    letter-spacing: -0.05em;
}

.step .title_area .title span{
    font-size:20px;
    color:#008acb;
}
.step .title_area img {
    position:absolute;
    right:20px;
    bottom: 20px;
}
.step .desc_area {
    padding-top:30px;
    font-size:18px;
    line-height: 30px;
    letter-spacing: -0.05em;
    color:#121212;
}

@media all and (max-width: 1000px){
    .step {height: auto; padding-bottom: 50px;}
    .wrapper {
        justify-content: center;
    }
    .step{
        margin-left:10px;
        margin-right:10px;
    }
}

@media all and (max-width: 706px) {
    .step:last-child {
        display: none;
    }
}