@charset "utf-8";
/* CSS Document */
/* [トップページ]レスポンシブ調整用css */

/*横幅480px以上：コンテンツを2列表示に----------------------------------------------------------------*/
@media all and (min-width: 480px) {

    /*コーナータイトル*/
    div.sectionBox h3 {
        display: block;
        margin: 20px auto 20px 0px;
        padding: 0;
        width: 50%;
        font-family: "Yu Gothic", YuGothic, sans-serif;
        font-weight: normal;
        font-size: 2.4rem;
        text-align: right;
        line-height: 150%;
    }

    /*コーナーボックス*/
    div.sectionBox div.oemParagraph {
        margin: 0px auto 40px auto;
        padding: 0;
        width: 100%;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: flex-start;
        align-items: flex-start;
        -webkit-flex-basis: auto;
        flex-basis: auto;
    }

    /*イメージ画像ボックス*/
    div.sectionBox div.oemParagraph div.oemParagraphImage {
        margin: 0 auto 20px auto;
        padding: 0;
        width: 50%;
    }

    /*イメージ画像*/
    div.sectionBox div.oemParagraph div.oemParagraphImage img {
        display: block;
        margin: 0 0 0 auto;
        padding: 0;
        width: 40%;
    }

    /*テキストボックス*/
    div.sectionBox div.oemParagraph div.oemParagraphText {
        margin: 0 auto;
        padding: 0;
        width: 50%;
        font-family: "Yu Gothic", YuGothic, sans-serif;
        font-weight: normal;
        font-size: 1.4rem;
        text-align: justify;
        line-height: 150%;
    }

    /*テキスト*/
    div.sectionBox div.oemParagraph div.oemParagraphText p {
        display: block;
        margin: 0 0 0 auto;
        padding: 0;
        width: 90%;
    }

}