.why-participate__field{
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    margin: 70px 0 30px;
}

@media screen and (max-width: 767px){
    .why-participate__field{
        margin: 30px 0;
    }
}

.why-participate__square{
    position: relative;
    width: 30%;
}

.why-participate__square:first-child{
    background-image: linear-gradient(0deg, rgba(0,173,239,0) 0%, #00adef 69%);
}

.why-participate__square:nth-child(2){
    background-image: linear-gradient(0deg, rgba(0,114,187,0) 0%, #0072bb 71%);
}

.why-participate__square:last-child{
    background-image: linear-gradient(0deg, rgba(0,84,166,0) 0%, #0054a6 64%);
}

.why-participate__square:before{
    content: " ";
    display: block;
    padding-top: 100%;
}

.why-participate__square > span{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    white-space: nowrap;
    color: #fefdfd;
    line-height: 1;
}


.remark span.popup-lnk{
    color: #6eebe4;
}

.row-dynamic-content{
    background-color: #FFFFFF;
}

.row-dynamic-content span.popup-lnk{
    color: #1b01a3;
    font-weight: 500;
}


/*--------------------------------------------------------------------------------------------------------------------
.fs48_content
--------------------------------------------------------------------------------------------------------------------*/

.fs48_content{
    font-size: 48px;
}

@media screen and (max-width: 359px){
    .fs48_content {
        font-size: 16px;
    }
}

@media screen and (min-width: 360px){
    .fs48_content {
        font-size: 20px;
    }
}

@media screen and (min-width: 450px){
    .fs48_content {
        font-size: 22px;
    }
}

@media screen and (min-width: 640px){
    .fs48_content {
        font-size: 24px;
    }
}

@media screen and (min-width: 768px){
    .fs48_content {
        font-size: 28px;
    }
}

@media screen and (min-width: 1024px){
    .fs48_content {
        font-size: 32px;
    }
}

@media screen and (min-width: 1280px){
    .fs48_content {
        font-size: 36px;
    }
}

@media screen and (min-width: 1600px) {
    .fs48_content {
        font-size: 45px;
    }
}

@media screen and (min-width: 1800px) {
    .fs48_content {
        font-size: 48px;
    }
}