.explanation {
    margin-bottom:25px;
}
.explanation .title {
    display: flex;
    flex-flow: row wrap;
}
.explanation .title .icon_area {
    width: 30px;
    height: 35px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.explanation .title p{
    width: calc(100% - 30px);
    font-size:25px;
    font-weight: bold;
    letter-spacing: -0.025em;
    line-height: 35px;
    color:#121212;
}
.explanation .title p span {
    color:#008acb;
}

.detail_button button{
    border-style: solid;
    border-width: 1px;
    border-color: rgb(0, 138, 203);
    background-color: rgb(255, 255, 255);
    width: 184px;
    height: 54px;
    color:#008acb;
    font-size:18px;
    letter-spacing: -0.025em;
}

.detail_button button:hover{
    border-style: solid;
    border-width: 1px;
    border-color:rgb(255, 255, 255);
    background-color:  rgb(0, 138, 203);
    width: 184px;
    height: 54px;
    color:rgb(255, 255, 255);
    font-size:18px;
    letter-spacing: -0.025em;
}

.map_area {
    margin-top:20px;
    display: flex;
    flex-flow:row wrap;
}
#content02 {
    width:calc(100%);
    max-width: 1200px;
    margin: 0 auto 0 auto;
}
#content02 .desc {
    color:#666666;
    font-size:18px;
    line-height: 30px;
    letter-spacing: -0.025em;
}
#content02 .desc span {
    font-size: 10px;
    color:#83d7ff;
}
@media all and (max-width:960px){
    #content02 .desc span:before,
    #content03 .desc span:before{
        content:" \A "; /* \A = 줄바꿈을 의미합니다.*/
        white-space:pre; /* <pre>와 같은 기능을 합니다. */
    }
}

#content03 {
    width:calc(100%);
    max-width: 1200px;
    margin: 7% auto 7% auto;
}

#content03 .title {
    margin-bottom: 30px;
}
#content03 .explanation .desc {
    display: flex;
    flex-flow: row wrap;
    margin-bottom:10px;
}

#content03 .explanation .desc .sub{
    width: 102px;
    height: 38px;
    margin-right:15px;
    background-color: rgb(0, 138, 203);
    border-radius: 200px;
    text-align: center;
    line-height: 38px;
    font-size:16px;
    letter-spacing: -0.025em;
    color:white;
}
#content03 .explanation .desc p {
    color:#666666;
    font-size:18px;
    line-height: 30px;
    letter-spacing: -0.025em;
}
#content03 .explanation .desc p span{
    font-size: 10px;
    color:#83d7ff;
}
#content01,#content02,#content03 {
    padding-left:20px;
    padding-right: 20px;
}
.map_area .image_area:nth-child(1){
    width:50%;
}
.map_area .image_area:nth-child(2){
    width:50%;
}
.map_area .image_area img{
    width: 100%;
}

@media all and (max-width:960px){
    .map_area .image_area:nth-child(n){
        width: 100%;
        max-width:560px;
        margin-left: auto;
        margin-right:auto;
    }
}
@media all and (max-width:480px){

}