@charset "UTF-8";

.subject_ttl {
    margin-bottom:;
    h4 {
        display:inline-block;
        background:#c9285a;
        color:#fff;
        font-size:1.5rem;
        margin-bottom:0;
        padding:0.5rem 1.5rem;
        letter-spacing: 0.3rem;
    }

}
    .copy {
        border: 1px solid #c9285a;
        font-size:1.08rem;
        padding:0.5rem 1.5rem;
    }
.eng_ttl {
    margin-bottom:10px;
}
@media only screen and (max-width: 640px) {
    .eng_ttl {
        width:280px;
    }
}
.eng_block {
    display:flex;
    justify-content:space-between;
    flex-wrap: wrap;
    .work {
        position:relative;
        width:33%;
        background:#fcf4ef;
        padding:20px 20px 10px;
        border-radius:8px;
        img {
            width:100%;
        }
        .ttl_img {
            position:absolute;
            right:10px; top:-30px;
            width:250px;
            img {width:100%;}
        }
    }
}
@media only screen and (max-width: 870px) {
    .eng_block {
        .work {
            width:48%;
            margin-bottom:2.5rem;
        }
    }
}
@media only screen and (max-width: 570px) {
    .eng_block {
        .work {
            width:100%;
            margin-bottom:2.5rem;
        }
    }
}

@media only screen and (max-width: 1060px) {
    .sq_ttl {
        width:350px;
    }
}
@media only screen and (max-width: 460px) {
    .sq_ttl {
        width:250px;
    }
}
.gold_line {
    border:2px solid #bf9213;
    padding:0 3.5rem;
}
@media only screen and (max-width: 460px) {
    .gold_line {
        padding:0 1.5rem;
    }
}
.gold_txt {
    color: #bf9213;
    font-weight:bold;
}
.gold_bg {
    background: #f7f2dd;
    padding:1.5rem 2.5rem;
    margin-bottom:2.5rem;
}

.biblio {
    min-height:330px;
    background-image:url(img/science_quest_biblio.png);
    background-position:right bottom;
    background-repeat:no-repeat;
    background-size:250px auto;
    padding-right:300px;
}
@media only screen and (max-width: 1060px) {
    .biblio {
        background-size:180px auto;
        padding-right:230px;
    }
}
@media only screen and (max-width: 770px) {
    .biblio {
        background-size:180px auto;
        padding-right:2.5rem;
        padding-bottom:230px;
        background-position:center bottom;
    }
}