@charset "UTF-8";
.cnt_block {
 font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

.ori_time {
    font-size:1.08rem;
    margin-bottom:0;
    color:#c9285a;
    display:inline-block;
    padding:0 1.0rem;
    border-bottom:3px solid #c9285a;
}
.ori_ttl_1 {
    display:inline-block;
    font-size:1.2rem;
    color:#333;
    margin:0 0 15px;
    padding:0 1.0rem;
    background: linear-gradient(transparent 50%, #fff 50%);
}

.ori_txt {
    margin-left:1.5rem;
}

.ori_parent,
.ori_student {
    border-radius:15px;
    padding: 1.5rem 1.2rem;
    margin:3.5rem 0 0;
    position:relative;
    p {
        margin:0;
        padding:0;
    }
}
.ori_parent {
    background:#d4ecee;
}

.ori_student {
    background:#f9d1c7;
}

.ori_parent::before,
.ori_student::before {
    padding:2px 15px;
    border:3px solid #666;
    font-size:1.0rem;
    font-weight:bold;
    display:block;
    width:6rem;
    text-align:center;
    position:absolute;
    left: 1.5rem; top:-1.8rem;
    background:#fff;
}

.ori_parent::before {
    content:"保護者";
}

.ori_student::before {
    content:"5・6年生";
}

.ori_flx {
    display:flex;
    justify-content: space-between;
    width:80%;
    margin:0 auto;
    .pic {
        width:30%;
        img {
            width:100%;
        }
    }
    .txt {
        width:65%;
    }
}
@media only screen and (max-width: 640px) {
    .ori_flx {
        flex-wrap:wrap;
        width:100%;
            .pic {
                width:100%;
            }
            .txt {
                width:100%;
            }
    }
}

.ori_flx_img {
    display:flex;
    justify-content: center;
    width:90%;
    flex-wrap:wrap;
    margin:0 auto;
    figure {
        width:35%;
        margin:0;
        padding:10px;
        img {
            width:100%;
        }
        figcaption {
            text-align:center;
        }
    }
}
@media only screen and (max-width: 640px) {
    .ori_flx_img {
        flex-wrap:wrap;
        width:100%;
            figure {
                width:100%;
            }
    }
}

.pd_w {
    width:80%;
    margin:0 auto 2.5rem;
}
@media only screen and (max-width: 640px) {
    .pd_w {
        width:100%;
    }
}