@charset "UTF-8";
article img {
    width: 100%;
}
.eye-catch {
    background-image: url("/images/research_title.jpg")
}

.latest_subject dt {
    background: linear-gradient(90deg, #e0e8e8, #d0d8d8);
    padding-top: 4px;
}
.latest_subject dd {
    text-indent: 1em;
}

/* タブレット用 */
@media screen and (min-width: 640px) {
    .research, .latest_subject {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .section-title {
        grid-column: 1/3;
    }

    .sustainable {
        grid-column: 2/3;
        grid-row: 3/4;
    }
    .innovation {
        grid-column: 1/2;
        grid-row: 2/3;
   }
   .paper {
        grid-column: 2/3;
        grid-row: 4/5;
    }
    .important {
        grid-column: 2/3;
        grid-row: 2/3;
    }

    .inheritance {
        grid-column: 2/3;
        grid-row: 5/6;
    }
    .smart {
        grid-column: 2/3;
        grid-row: 6/7;
    }
    .area {
        grid-column: 1/2;
        grid-row: 3/7;
    }

    /******* Intrenet Exploler用 ********/
    _:-ms-lang(x)::-ms-backdrop, .research {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    _:-ms-lang(x)::-ms-backdrop, .section-title {
        width: 100%;
    }
    _:-ms-lang(x)::-ms-backdrop, .research article {
        width: 49%;
    }
    _:-ms-lang(x)::-ms-backdrop, .latest_subject {
        display: -ms-grid;
        -ms-grid-columns: 1fr 10px 1fr;
    }
    _:-ms-lang(x)::-ms-backdrop, section-title {
        -ms-grid-column: 1;
        -ms-grid-column-span: 3;
    }
    _:-ms-lang(x)::-ms-backdrop, .brand {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
    }
    _:-ms-lang(x)::-ms-backdrop, .smart {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 2;
        -ms-grid-row-span: 2;
    }
    _:-ms-lang(x)::-ms-backdrop, .innovation {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 4;
        -ms-grid-row-span: 1;
    }
    _:-ms-lang(x)::-ms-backdrop, .concentrate {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 5;
        -ms-grid-row-span: 1;
    }
    _:-ms-lang(x)::-ms-backdrop, .paper {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 6;
        -ms-grid-row-span: 1;
    }
    _:-ms-lang(x)::-ms-backdrop, .important {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        -ms-grid-row: 7;
        -ms-grid-row-span: 1;
    }
    _:-ms-lang(x)::-ms-backdrop, .area {
        -ms-grid-column: 3;
        -ms-grid-column-span: 1;
        -ms-grid-row: 3;
        -ms-grid-row-span: 5;
    }
}
/* デスクトップ用*/
@media screen and (min-width: 1024px) {}

/*********************
     ダークモード
*********************/
@media screen and (prefers-color-scheme: dark) {
    .latest_subject dt {
        background: linear-gradient(90deg, #303838, #202828);
    }
}

/*********************
     印刷レイアウト
*********************/
@media print {
    .research, .latest_subject {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .section-title {
        grid-column: 1/3;
    }
    
    .brand {
        grid-column: 2/3;
    }
    .smart {
        grid-column: 1/2;
        grid-row: 2/4;
    }
    .innovation {
        grid-column: 1/2;
    }
    .concentrate {
        grid-column: 1/2;
    }
    .paper {
        grid-column: 1/2;
    }
    .important {
        grid-column: 1/2;
    }
    .area {
        grid-column: 2/3;
        grid-row: 3/8;
    }
}