@charset "UTF-8";

.recognize{
    width: min(96%,1280px);
    display: flex;
    justify-content: center;
    border: 2px solid var(--main-color);
    border-radius: 40px;
    margin :0 auto 32px;
    padding: 21px;
}

.recognize .guide{
    width: 70%;
}

.recognize .guide p{
    line-height: 2.5;
}

.recognize .img{
    width: 25%;
}

@media only screen and (max-width: 736px) {/*スマホ*/


.recognize{
    display: block;
    margin-bottom: 21px;
    padding: 16px;
}

.recognize .guide{
    width: 100%;
}

.recognize .guide p{
    line-height:1.8;
}

.recognize .img{
    width: 100%;
}



}/*スマホ*/


@media only screen and  (min-width: 737px) and (max-width: 1024px){



}