@charset "utf-8";
.header-bg{
    background-image: url(../interventional_medical_devices/images/top.webp);
    background-position: bottom 75% right -119%;
    background-size: 70%;
}
.header-bg::after{
    content: '※画像はイメージです';
    position: absolute;
    bottom: 5%;
    right: 5%;
    color: white;
    font-size: .7em;
}
.gridline{
    margin-bottom: 50px;
}
@media screen and (max-width: 767px) {
    .header-bg{
        background-size: 100%;
        background-position: bottom 49px right -370px;
    }
    .header-bg div.inner-m {
        display: flex;
        flex-flow: column;
        justify-content: center;
        height: 100%;
    }
    .box01 > .flex{
        margin-bottom: 30px;
    }
}
@media screen and (max-width: 599px){
    .header-bg {
        background-size: 200%;
        background-position: bottom 250% right 130%;
    }
    .header-bg::after{
        bottom: 3%;
    }
}
/* BOX01 */
.box01 > .flex:nth-child(odd) {
    flex-flow: row-reverse;
}
.box01 div.half {
    display: flex;
    flex-flow: column;
    justify-content: center;
    padding: 0 3%;
}
.box01 figcaption{
    padding-right: 10px;
}