/*****************************************************
* 各画面共通使用
******************************************************/
h1{
    text-align: center;
    width: 100%;
    color: #4fd477;
    text-shadow:0.04em 0.04em 0
    #0a0a0a, -0.05em 0.06em 0
    #0a0a0a, 0.04em -0.04em 0
    #0a0a0a, -0.04em -0.04em 0
    #0a0a0a, 0.08em 0.08em 0
    #0a0a0a, 0.1em 0.1em 0
    #0e71d4, 0.14em 0.13em 0.05em
    rgba(0, 2, 1, 0.2);
}

h2,h3{
    text-align: center;
    padding: 15px;
}

.wraper_backNext_btn{
    /*遷移ボタン(次へ/戻る)*/
    display: flex;
    justify-content:space-around;
}

.result_message{
    text-align: center;
}


.bg-image{
    /* 背景画像(会社ロゴ) */
    /* background-image: url('../gifubody_logo.jpg'); */
    background-repeat: no-repeat;
    background-size: contain ;
    background-position: center;
}

.emph_string{
    /*文字強調*/
    color: red;
}

#main
{
    margin: 0 auto; /* 上下のマージンをゼロに、左右のマージンを自動に */
    max-width : 1000px; /* サイズの上限を設定する */
}

#wraper_table{
    margin: 0 auto; /* 上下のマージンをゼロに、左右のマージンを自動に */
    max-width : 900px;
}

.next_btn{
    text-align: center;
    padding: 20px;
}

label.check{
    background-color: #ffefd5 !important;
}

.color_result_littleHigh{
    /*結果画面_各項目評価(やや高い)*/
    background-color:#ffeaea;
}

.color_result_high{
    /*結果画面_各項目評価(高い)*/
    background-color:#ffa8a8;
}

/*****************************************************
* ウィンドウ幅が768px以上の場合に適用(PC)
******************************************************/
@media screen and (min-width: 768px)
{
    h1{
        font-size: 45px;
    }

    h2,h3{
        font-size: 21px;
    }

    .stepflow {
        font-size: 100%;
    }

    .wraper_backNext_btn{
        /*遷移ボタン(次へ/戻る)*/
        padding: 20px;
    }

    #login_caption{
        /*ログイン失敗時文言表示*/
        font-size: 15px;
    }
    .result_message{
        font-size: 45px;
    }

}

/*****************************************************
* ウィンドウ幅が最大767px以下の場合に適用(タブレット)
******************************************************/
@media screen and (max-width: 767px)
{
    h1{
        font-size: 40px;
    }

    h2,h3{
        font-size: 15px;
    }

    .stepflow {
        font-size: 100%;
    }

    .wraper_backNext_btn{
        /*遷移ボタン(次へ/戻る)*/
        padding: 20px;
    }

    #login_caption{
        /*ログイン失敗時文言表示*/
        font-size: 14px;
    }
    .result_message{
        font-size: 40px;
    }
}

/*****************************************************
* ウィンドウ幅が480px以下の場合に適用(スマホ)
******************************************************/
@media screen and (max-width: 480px)
{
    h1{
        font-size: 21px;
    }

    h2,h3{
        font-size: 11px;
    }

    .stepflow {
        font-size: 60%;
    }

    .wraper_backNext_btn{
        /*遷移ボタン(次へ/戻る)*/
        padding: 0px;
    }

    #login_caption{
        /*ログイン失敗時文言表示*/
        font-size: 14px;
    }
    .result_message{
        font-size: 21px;
    }
}