.intro {
    padding:140px 0;
    background:url(../up_load_files/freetext/about/img/intro.jpg) center / cover no-repeat;
}
.intro > div {
    background:rgba(255,255,255,0.8);
    padding:40px;
}
.intro > div h1 {
    font-size:2.4em;
    text-align:left;
    padding:0 0 40px 0;
}
.intro > div strong {
    font-size:2em;
    display:block;
    text-align:right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.intro > div strong:before {
    border-top: 1px solid;
    content: "";
    width: 20%;
    margin-right: 1em;
}


/** Media Query **/

@media only screen and (max-width : 900px) {

}
@media only screen and (max-width : 640px) {
    .intro {
        padding:240px 0 0 0;
        background:url(../up_load_files/freetext/about/img/intro.jpg) center top / 100% no-repeat;
    }
    .intro > div {
        padding:0;
    }
    .intro > div strong {
        font-size:1.4em;
    }

    article {
        padding-bottom:40px;
    }
}
@media only screen and (max-width : 320px) {

}