@media only screen and (min-width : 1000px) {

    /**introduction**/
    .intro {
        background-image:url(../pic/moonshot0515.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .introf {
        margin: 0 auto;
        width: 1000px;
        height: 400px;
    }
    .intro-ttl {
        padding: 200px 0 0 0;
        color: #ddd;
        font-size: 3em;
        text-align: right;
    }

    /**overview**/
    .ovrvew {
        border-bottom: #a00 1px solid;
        padding: 0 0 48px;
        background-color: #000;
    }
    .ovrvewf {
        margin: 0 auto;
        width: 1000px;
    }
    .ovrvew-t1 {
        color: #ddd;
        font-size: 1.5em;
    }

    /**outline**/
    .outline {
        padding: 24px 0;
    }
    .outlinef {
        margin: 0 auto;
        width: 1000px;
    }
    .outline-ttl {
        color: #ddd;
        font-size: 36px;
    }
    .outline-list {
        margin: 12px 0;
        border: #222 1px solid;
        border-radius: 12px;
        padding: 0 24px;
        background-color: #000;
    }
    .outline-list-details {
        margin: 12px 0;
        color: #ddd;
        font-size: 24px;
    }
    .outline-list-details > summary {
        color: #ddd;
        font-size: 24px;
    }

}
@media only screen and (max-width : 999px) {
    /**introduction**/
    .intro {
        background-image:url(../pic/moonshot0515.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
    }
    .introf {
        margin: 0 auto;
        width: 100%;
        height: 240px;
    }
    .intro-ttl {
        padding: 160px 16px 0 0;
        color: #ddd;
        font-size: 28px;
        text-align: right;
    }

    /**overview**/
    .ovrvew {
        border-bottom: #a00 1px solid;
        padding: 0 0 12px;
        background-color: #000;
    }
    .ovrvewf {
        margin: 0 auto;
        width: 98%;
    }
    .ovrvew-t1 {
        color: #ddd;
        font-size: 16px;
    }

    /**outline**/
    .outline {
        padding: 24px 0;
    }
    .outlinef {
        margin: 0 auto;
        width: 100%;
    }
    .outline-ttl {
        color: #ddd;
        font-size: 36px;
    }
    .outline-list {
        margin: 12px 0;
        border: #222 1px solid;
        border-radius: 12px;
        padding: 0 24px;
        background-color: #000;
    }
    .outline-list-details {
        margin: 12px 0;
        color: #ddd;
        font-size: 24px;
    }
    .outline-list-details > summary {
        color: #ddd;
        font-size: 24px;
    }

}