/* ==================================================
common
================================================== */
.tiles {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
p.read {
    text-align: left;
}

/* ==================================================
#about
================================================== */
@media (min-width: 900px) {
    body#about article #main .txt .wrapper {
        display: flex;
    }
}

/* ==================================================
#topics
================================================== */
@media (max-width: 599px) {
    body#index #topics_tmb .tile a, body.secdir #topics_tmb .tile a, body.thirddir #topics_tmb .tile a {
        height: 100%;
        background-color: #f3f3f3;
    }
}

/* ==================================================
#tokuteisogyo
================================================== */
@media (min-width: 600px) {
    body#tokuteisogyo  article #main .cont_wrapper .box.space-right,
    body#tokuteisogyo2 article #main .cont_wrapper .box.space-right {
        margin-right: 120px;
    }
}
@media (min-width: 900px) {
    body#tokuteisogyo  article #main .cont_wrapper .box.space-right,
    body#tokuteisogyo2 article #main .cont_wrapper .box.space-right {
        margin-right: 150px;
    }
    body#tokuteisogyo  article #main .cont_wrapper .read.space-right,
    body#tokuteisogyo2 article #main .cont_wrapper .read.space-right {
        margin-right: 150px;
    }
}

/* ==================================================
#supporter
================================================== */
body#supporter article #main .cont_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}
body#supporter article #main .cont_wrapper .center {
    width: 75%;
    margin: 0 auto;
}
@media (max-width: 899px) {
    body#supporter article #main .cont_wrapper .img {
        width: 100%;
    }
}
body#supporter article #main .cont_wrapper .btn {
    width: 100%;
}