@charset "utf-8";
/* CSS Document */

#MainCont {
    margin: 30px 10px;
}

h2.pagetittle {
    padding-left: 10px;
}

h3 {
    font-weight: bold;
    border-top: 3px solid #77cd3b;
    border-bottom: 1px solid #a3c888;
    padding: 10px 0;
    font-size: 1.25em;
    line-height: 1.5em;
}


p {
    font-size: 1.125em;
    margin-bottom: 1em;
}

span.point {
    color: #407f9f;
    font-weight: bold;
}

.Cont {
    margin: 10px 0 80px 0;
}

    .Cont p.time {
        color: #393939;
        font-size: 1em;
        text-align: right;
    }

    .Cont p.signature {
        text-align: right;
    }

    .Cont .InfoList li {
        line-height: 1.75em;
    }

.back {
    text-align: right;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 0.5em;
}

    .back a {
        color: #393939;
    }

        .back a:hover {
            color: #fc5d8a;
        }

        .back a + a{
            margin-left:1em;
        }

        .News {
            margin: 20px 0 100px 0;
            padding-right: 10px;
        }

    .News h3 {
        color: #55922a;
        font-weight: bold;
        line-height: 1.5em;
        font-size: 1.5em;
        margin-bottom: 4px;
        border-top: none;
        border-bottom: none;
        padding: 0;
    }

    .News p.time {
        color: #8b8b8b;
        font-size: 1em;
        text-align: right;
    }

            .News p.Info {
                background-image: url(../../../images/news/Icon_newsitem.png);
                background-position: left center;
                background-repeat: no-repeat;
                padding-left: 80px;
            }

    .News a {
        color: #55922a;
    }

        .News a:hover {
            color: #77cd3b;
        }

.VideoCont {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    margin-top:0.5em;
    margin-bottom:0.5em;
}

    .VideoCont iframe, .VideoCont object, .VideoCont embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
/* 1920 以下*/
@media only screen and (max-width: 120em) {
    img {
        max-width: 900px;
    }
}

/*  960 以下 (devices and browsers)------960/16  */
@media only screen and (max-width: 60em) {
    img {
        max-width: 800px;
    }
}

/* Tablet Portrait  (devices and browsers)------768/16 ~ 959/19 */
@media only screen and (min-width: 48em) and (max-width: 59.9375em) {
    img {
        max-width: 700px;
    }
}

/* Mobile Landscape  to Tablet Portrait (devices and browsers)------480/16   ~  767/16  */
@media only screen and (min-width: 30em) and (max-width: 47.9735em) {
    img {
        max-width: 500px;
    }
}

/*------ 480/16 -------*/
@media only screen and (max-width: 30em) {
    img {
        max-width: 380px;
    }
}

/*------ 320/16 -------*/
@media only screen and (max-width: 20em) {
    img {
        max-width: 280px;
    }
}