@media (min-width: 641px) {
.bg1 {
    border: solid 3px #ffbab3;
    padding: 2em;
    border-radius: 10px;
    margin: 40px;
}
}

@media (max-width: 640px) {
.bg1 {
    border: solid 3px #ffbab3;
    padding: 1.5em;
    border-radius: 10px;
	margin: 0px 0px 40px 0px;
}
}

@media (min-width: 641px) {
.bg2 {
    border: solid 3px #8a99cc;
    padding: 2em;
    border-radius: 10px;
    margin: 40px;
}
}

@media (max-width: 640px) {
.bg2 {
    border: solid 3px #8a99cc;
    padding: 1.5em;
    border-radius: 10px;
	margin: 0px 0px 40px 0px;
}
}

@media (max-width: 640px) {
    #talk_body .txt_box {
        max-width: 480px;
        padding: 15px 15px 15px 15px;
        margin: calc(0 / 640 * 100vw) auto calc(0 / 640 * 100vw) auto;
        box-sizing: border-box;
    }
}

@media (min-width: 641px) {
    #talk_body .txt_box {
        max-width: 700px;
        padding: 20px;
        margin: auto;
        box-sizing: border-box;
    }
}