@charset "utf-8";
    /* CSS Document */
    /* Top
++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
    
    #contents .section {
        margin-bottom: 24px;
    }
    
    #contents .top_text {
        width: 100%;
        margin-top: 10px;
        padding-bottom: 5px;
    }
    
    #contents .intro {
        display: flex;
        justify-content: space-between;
        border: 1px solid #296ab2;
        width: 100%;
    }
    
    @media screen and (min-width:1001px) {
        .intro_left {
            width: 600px;
            padding: 25px 15px;
        }
        .intro_img {
            width: 350px;
            background-image: url("../g_img/introduction_bg.png");
            background-repeat: no-repeat;
            background-size: cover;
        }
        #contents .top_p1 {
            font-size: 14px;
            line-height: 21px;
        }
    }
    
    @media screen and (max-width:1000px) {
        #contents .intro {
            width: 100vw;
        }
        .intro_left {
            width: 60%;
            padding: 25px 15px;
        }
        .intro_img {
            width: 38%;
            background-image: url("../g_img/introduction_bg_sp.png");
            background-repeat: no-repeat;
            background-size: cover;
        }
        #contents .top_p1 {
            font-size: 1.2em;
            line-height: 1.5;
        }
        #contents .top_p1 br {
            display: none;
        }
    }
    
    #contents .intro .intro2 {
        margin-bottom: 25px;
    }
    
    #contents .intro .intro3 {
        margin-bottom: 15px;
    }
    
    #contents .intro .top_p1 p {
        margin: 15px 0;
    }
    
    #contents .intro .top_p1 p:last-child {
        margin-bottom: 0;
    }
    
    #middle {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
            margin-bottom: 50px;
    }
    
    #middle .top_left {
        width: 585px;
    }
    /*
    #contents #middle .top_right {
        width: 400px;
        padding-top: 24px;
    }
    
    #contents #middle .top_right .top_banner1 {
        margin-bottom: 7px;
    }
    */
    .pagetop {
        text-align: right;
    }
    /* メインビジュアル下のお知らせテキスト 2019/12/02追記 */
    
    .topinfo {
        padding: 0.5em 1em;
        margin: 1em 0 2em 0;
        text-align: center;
        font-weight: bolder;
        color: #136ad4;
        font-size: 16px;
        background: #E6FBD5;
        /*背景色*/
        border-left: double 7px #296ab2;
        /*左線*/
        border-right: double 7px #296ab2;
        /*右線*/
    }
    
    .topinfo p {
        margin: 0;
        padding: 0;
    }
    
    .topinfo span {
        color: #CC0000;
    }