@charset "UTF-8";
body {
    background-color:#D9a577;
}

h1 {
    color:#5687A6;
}

h2 {
    color:#5687A6;
}

.content-container,
.item{
    background-color: #F2c46D;
    padding: 10px;
    margin-bottom: 20px;
    width: 4400px;
    border-bottom: 2px solid #5687A6;
}

div {
    display:flex;
}

article {
    display:flex;
    order:1;
}
section {
    display: :flex;
    order:2;
}
aside {
    display: :flex;
    order:3;
}

@media (max-width: 768px) {
    .content-container,
    .item {
        width: 95%; /* タブレットサイズに対応する幅 */
    }
}