/* CSS Document */

/*=============================================
* PC・タブレット・スマートフォン共通
    女子大学・短期大学 色設定
=============================================*/

    /*ヘッダー*/
    header {
        border-bottom: 5px solid #e98a97;
    }

    /*画面ステップ*/
    .steplist li.steplist-active {
        background-color: #e98a97;
        border-color: #e98a97;
    }
    .steplist .steplist-active:not(:last-child):after {
        border-left-color: #e98a97;
    }

    /*見出し*/
    .content h2 {
        border-left: 3px solid #852633;
    }
    .content h3 {
        color: #49060f;
    }
    .content h3.applicant-title {
        color: #fff;
    }
    p.current_category_title {
        background-color: #ffeef0;
    }
    p.current_category_title:before {
        border-top: 2px solid #852633;
        border-right: 2px solid #852633;
    }

    /*入力フォーム*/
    .button-enter {
        background: #e98a97;
    }

    /*利用規約*/
    h4.payment-title {
        background-color: #ffeef0;
    }

    /*申込情報入力*/
    .content h3.applicant-title {
        background-color: #e98a97;
    }
    .content h4.certificate_title {
        border-left: 3px solid #852633;
    }
    .certificate_select_college label,
    .certificate_select_graduate label,
    .certificate_select_junior label,
    .certificate_select_auditor label {
        padding: 10px;
        display: block;
        background-color: #fcffdc;
    }
    .certificate_select_college label:hover,
    .certificate_select_graduate label:hover,
    .certificate_select_junior label:hover,
    .certificate_select_auditor label:hover {
        background-color: #F5FAC7;
    }
    .form_college_gwc,
    .form_graduate_gwc,
    .form_junior_gwc,
    .form_nonregular_gwc {
        margin: 0;
        display: none;
    }

    .certificate_select_college table,
    .certificate_select_graduate table,
    .certificate_select_junior table,
    .certificate_select_auditor table {
        font-weight: normal;
    }

    .certificate_select_college,
    .certificate_select_graduate,
    .certificate_select_junior,
    .certificate_select_auditor {
        font-size: 18px; font-size: 1.8rem;
        border-top: 1px solid #333;
        border-left: 2px solid #852633;
        border-right: 2px solid #852633;
        font-weight: bold;
    }
    .certificate_select_college {
        border-top: 2px solid #852633;
    }
    .certificate_select_auditor {
        border-bottom: 2px solid #852633;
    }
    .total-item {
      border: 2px solid #e98a97;
    }

/*=============================================
* スマートフォン 750px以下
=============================================*/

@media screen and (max-width: 750px) {

    /*ヘッダー*/
    .header-item.header-text {
        margin: 25px 2% 22px 2%;
    }
    header .header-text h1 {
        line-height: 2rem;
    }

    /*申込情報入力*/
    .form_college_gwc,
    .form_graduate_gwc,
    .form_junior_gwc,
    .form_nonregular_gwc {
        border-right: none;
    }
    .certificate_select_college label,
    .certificate_select_graduate label,
    .certificate_select_junior label,
    .certificate_select_auditor label {
      font-size: 1.6rem;
      padding: 10px;
    }
    .certificate_select_college .input-date,
    .certificate_select_graduate .input-date,
    .certificate_select_junior .input-date,
    .certificate_select_auditor .input-date {
        width: 30%;
    }

}

/*=============================================
* PC 751px以上
=============================================*/

@media screen and (min-width: 751px) {

    /*ヘッダー*/
    .header-item.header-text {
        margin: 16px auto 0 auto;
    }

    /*見出し*/
    header .header-text h1{
        padding: 22px 0 21px 0;
    }

    /*マウスオーバー設定 */
    .button-enter:hover {
        background: #df6171;
    }

    /*申込情報入力*/
    .family_name, .first_name {
        width: 35%;
        float: left;
    }
}