/* CSS Document */

/*=============================================
* PC・タブレット・スマートフォン共通
=============================================*/

    /* 共通設定 */
    html {
        font-size: 62.5%;
    }
    body{
        margin: 0;
        font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, Meiryo,"ＭＳ Ｐゴシック", sans-serif;
        overflow-y:scroll;
        color: #333;
    }
    a {
        color: #3984a9;
        word-wrap: break-word;
        line-height: normal;
    }
    a:visited {
        color: #3984a9;
    }
    .caution {
        color: #A7212E;
    }
    label:hover {
        color: #2757af;
    }
    .asterisk {
      margin: 0;
      padding-left: 1em;
      text-indent: -1em;
      display: block;
      line-height: 1.3em;
    }

    /* プレースホルダー */
    input::-webkit-input-placeholder {
        color: #bbb;
    }
    input:-ms-input-placeholder {
        color: #bbb;
    }
    input:-moz-placeholder,
    input::-moz-placeholder {
        color: #999;
        opacity: 1;
    }

    /*ヘッダー*/
    header {
        width: 100%;
        border-bottom: 5px solid #2757af;
    }
    header p{
        margin: 13px 0 15px 0;
    }
    .header-item p {
        width: 220px;
    }
    .header-item p img {
        width: 100%;
    }

    /*画面ステップ*/
    .steplist {
        padding: 0;
        background-color: #EEE;
        list-style: none;
        overflow: hidden;
    }
    .steplist li {
        width: 16.666%;
        float: left;
        position: relative;
        padding: 10px 4px;
        box-sizing: border-box;
        text-align: center;
        border-top: 1px solid #BBB;
        border-bottom: 1px solid #BBB;
        border-right: 1px solid #CCC;
    }
    .steplist li:first-child {
        border-left: 1px solid #BBB;
    }
    .steplist li.steplist-active {
        background-color: #2757af;
        color: #FFF;
        border-left: none;
        border-right: none;
        border-color: #2757af;
    }
    .steplist .steplist-done {
        color: #AAA;
    }
    .steplist .steplist-active:not(:last-child):after {
        left: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-color: rgba(136, 183, 213, 0);
        border-left-color: #2757af;
        border-width: 7px;
        margin-top: -7px;
    }

    /*エラー表示*/
    .form-error {
        margin: 0 0 20px 0;
        padding: 4px;
        border: 2px #B74545 solid;
        background-color: #F8E6E6;
    }
    .form-error input[type="text"],
    .form-error input[type="number"] {
        border: 3px #aaa solid;
    }
    .form-error_title {
        margin: 0;
        font-weight: bold;
        color: #AC1313;
    }
    .itemtable .input_error-text {
        margin: 5px 0 0 0;
        color: #AC1313;
        clear: both;
    }
    .itemtable input.input_error,
    .itemtable select.input_error {
        border: 2px #B74545 solid;
    }
    .itemtable tr.input_error {
        background-color: #F8E6E6;
    }
    .itemtable tr.input_error th {
        background-color: #F1CCCC;
    }
    .content p.form-error_title {
        margin: 0;
    }
    .content p {
        font-size: 15px; font-size: 1.5rem;
    }
    .content ul,
    .content ol {
        font-size: 15px; font-size: 1.5rem;
    }
    /*コンテンツ*/
    .content {
        width: 96%;
        max-width: 1000px;
        margin: 0 2%;
    }
    .content section {
        margin: 0 0 20px 0;
    }
    .content ul,
    .content ol {
        margin: 0 0 0 18px;
        padding: 0;
        font-size: 14px; font-size: 1.4rem;
    }
    .content ul li,
    .content ol li {
        margin: 0 10px 10px 0;
    }

    /*選択中の大学*/
    .content p.current_category {
        margin: 0 0 10px 0;
        padding: 14px 10px;
        font-size: 2.4em;
        font-weight: bold;
        color: #333;
        background-color: #e1e7f1;
    }
    .content p.current_category span {
      color: #2757af;
    }

    /*見出し*/
    header h1{
        margin: 0 0 8px 0;
        font-size: 13px; font-size: 1.3rem;
    }
    .content h2 {
        margin: 0 0 10px 0;
        padding: 0 0 0 5px;
        font-size: 18px; font-size: 1.8rem;
        line-height: 3rem;
        border-left: 3px solid #2757af;
        border-bottom: 1px dotted #CCC;
    }
    .content h3 {
        color: #2757af;
    }
    .content h4 {
        margin: 0 0 3px 0;
    }
    .content h5 {
        margin: 5px 0 ;
        font-size: 13px; font-size: 1.3rem;
    }
    .content p {
        margin: 0 0 5px 0;
    }

    /*テーブル設定*/
    .itemtable {
        width: 100%;
        margin: 0 0 10px 0;
        border-top: 1px #CCC solid;
        border-right: 1px #CCC solid;
    }
    .itemtable caption {
        margin: 0 0 5px 0;
        text-align: left;
        font-size: 12px; font-size: 1.2rem;
    }
    .itemtable th,
    .itemtable td {
        padding: 8px 4px;
        box-sizing: border-box;
        overflow: hidden;
    }
    .itemtable th {
        text-align: left;
        border-bottom: 1px #DDD solid;
        border-left: 1px #CCC solid;
        background-color: #e1e7f1;
    }
    .itemtable td {
        border-left: 1px #CCC solid;
        border-bottom: 1px #CCC solid;
        font-size: 13px; font-size: 1.3rem;
    }
    .itemtable p {
        margin: 0;
        padding: 0;
        font-size: 15px; font-size: 1.5rem;
    }
    .itemtable h4 {
        margin: 0 0 10px 0;
        padding: 2px 4px;
        background-color: #e9eef7;
    }
    .innertable {
        margin: 0;
        padding: 0;
        border-collapse: collapse;
    }
    .itemtable .innertable td {
        padding: 0;
        border: none;
    }
    .itemtable .innertable td .rowinput:last-child {
        margin: 0;
    }

    /*入力フォーム 共通設定*/
    .input-long {
        width: 100%;
    }
    .input-short {
        width: 6rem;
    }
    .input-year,
    .input-applicant-school_code,
    .input-scode {
        width: 8rem;
    }
    .input-relationship {
        width: 24rem;
    }
    input,
    select {
        height: 40px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        font-size:14px; font-size:1.4rem;
        box-sizing: border-box;
    }
    select {
        font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, Meiryo,"ＭＳ Ｐゴシック", sans-serif;
        background-image: background: -webkit-linear-gradient(#FFF 0%, #EEE);
        background-image: background: -o-linear-gradient(#FFF 0%, #EEE);
        background-image: background: linear-gradient(#FFF 0%, #EEE);
        background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
        background: linear-gradient(to bottom, #FFF, #EEE);/* IE10+, W3C */
        background: -moz-linear-gradient(top, #FFF, #EEE);/* Firefox用 */
        background-color: #f8f8f8;
        border: 1px solid #aaa;
    }
    input[type="text"],
    input[type="number"],
    input[type="email"] {
        margin: 0;
        padding: 4px;
        font-size:14px; font-size:1.4rem;
        font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, Meiryo,"ＭＳ Ｐゴシック", sans-serif;
        border: 1px #aaa solid;
        -moz-box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.3);
        -webkit-box-shadow: inset 1px 4px 9px -6px rgba(0, 0, 0, 0.3);
        box-shadow: inset 1px 4px 9px -6px rgba(0,0,0,0.3);
        background-color: #f8f8f8;
    }
    input[type="submit"] {
        height: 44px;
        padding: 0;
        font-size:16px; font-size:1.6rem;
        font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, Meiryo,"ＭＳ Ｐゴシック", sans-serif;
        border: none;
        -webkit-border-radius: 4;
        -moz-border-radius: 4;
        border-radius: 4px;
    }
    input[type="radio"] {
        box-shadow: none;
    }
    .checkbox {
        width: 22px;
        height: 22px;
        vertical-align: text-bottom;
        margin: 0;
    }
    .input-form th,
    .input-form td {
        width: 100%;
        display: block;
    }
    .button-enter,
    .button-form {
        width: 75%;
        border-style: none;
        font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, Meiryo,"ＭＳ Ｐゴシック", sans-serif;
        text-decoration: none;
        line-height: 1rem;
    }
    .button-enter {
        -webkit-border-radius: 6;
        -moz-border-radius: 6;
        border-radius: 6px;
        font-size: 16px; font-size: 1.6rem;
        background: #2757af;
        color: #ffffff;
    }
    .button-enter {
        padding: 18px 15px;
    }
    .button-form {
        -webkit-border-radius: 4;
        -moz-border-radius: 4;
        border-radius: 4px;
        font-size: 14px; font-size: 1.4rem;
        padding: 8px 15px 8px 15px;
        background: #217ea7;
        color: #ffffff;
    }
    .button-enter:disabled,
    .button-enter[disabled]:hover,
    select:disabled {
        background: #ccc;
        text-shadow: none;
    }
    .button-back,
    input[type="submit"].input-applicant-zip_btn,
    input[type="submit"].input-applicant-school_code_btn {
        background-image: background: linear-gradient(#FFF 0%, #EEE);
        background-image: background: -webkit-linear-gradient(#FFF 0%, #EEE);
        background-image: background: -o-linear-gradient(#FFF 0%, #EEE);
        background: linear-gradient(to bottom, #FFF, #EEE);/* IE10+, W3C */
        background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
        background: -moz-linear-gradient(top, #FFF, #EEE);/* Firefox用 */
        background-color: #FFF;
        border: 1px solid #AAA;
        -webkit-border-radius: 4;
        -moz-border-radius: 4;
        border-radius: 4px;
        font-size: 14px; font-size: 1.4rem;
        font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", Osaka, Meiryo,"ＭＳ Ｐゴシック", sans-serif;
        padding: 4px 15px 4px 15px;
        text-decoration: none;
        color: #333;
        display: inline-block;
    }
    input[type="submit"].input-applicant-zip_btn,
    input[type="submit"].input-applicant-school_code_btn {
        height: 40px;
        font-size: 1.6rem;
    }
    .button-enter_block {
        text-align: center;
    }
    .button-back_block {
        text-align: left;
    }
    .hissu {
        margin: 0 0 0 5px;
        padding: 0 3px;
        font-size: 11px; font-size: 1.1rem;
        background-color: #B74545;
        border-radius: 2px;
        color: #FFF;
        font-weight: normal;
        display: inherit;
    }
    .input-applicant th .hissu {
        margin: 0 0 0 5px;
        position: absolute;
        display: inline-block;
    }
    .applicant-title .hissu {
        margin: 0 0 0 20px;
        position: absolute;
        display: inline-block;
    }
    div.rowinput {
      margin: 0px 0px 6px;
    }
    input[type="number"] {
        -moz-appearance: textfield;
    }
    input[type="number"]::-webkit-outer-spin-button,
    input[type="number"]::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    /*利用規約*/
    .itemtable h4.payment-title {
        margin: 0 0 6px 0;
        background-color: #e6f1f9;
    }
    .content .payment-list_card,
    .content .payment-list_cvs {
        margin: 0 auto;
        padding: 0;
        list-style: none;
        display: table;
        line-height: 0;
    }
    .content .payment-list_card li,
    .content .payment-list_cvs li {
        margin: 0 10px 5px 0;
        vertical-align: middle;
        display: inline-block;
    }
    .content .payment-list_card li img{
        height: 30px;
    }
    .content .payment-list_cvs li img{
        height: 35px;
    }
    .payment-list_payeasy img {
        height: 40px;
    }
    .content .payment-list_payeasy {
        display: inline-block;
    }
    .payment-payeasy-info {
        margin: 5px 0 5px 0;
        padding: 5px;
        border: 1px #3984a9 solid;
        display: inline-block;
        text-decoration: none;
        vertical-align: top;
        -webkit-border-radius: 4;
        -moz-border-radius: 4;
        border-radius: 4px;
    }
    .fee-list th{
        width: 33%;
        text-align: center;
    }
    .fee-list td{
        text-align: center;
    }
    .content ul.fee-list_text {
        margin: 0;
        padding: 0;
        list-style: none;
    }
    .content ul.fee-list_text li {
        margin: 0 0 10px 0;
        font-size: 16px; font-size: 1.6rem;
    }
    fieldset.agree {
        padding: 0;
        border: none;
    }
    .input-mail_address_check_local,
    .input-mail_address_check_domain {
        width: 45%;
    }
    .input-mail_address_check_local {
        float: left;
    }
    .input-mail_address_mark {
        display: inline-block;
        margin: 10px 5px;
        font-size: 16px; font-size: 1.6rem;
        box-sizing: border-box;
    }
    .user_policy {
        margin: 10px 0 0 0;
        text-align: center;
        font-size: 16px; font-size: 1.6rem;
    }
    .user_policy label {
        padding: 5px 0 10px 0;
        display: block;
    }

    /*出願の流れ*/
    .terms_flow_step1,
    .terms_flow_step2,
    .terms_flow_step3,
    .terms_flow_step4,
    .terms_flow_step5 {
        margin: 0 0 20px 0;
    }
    .terms_flow_step {
        height: 2rem;
        line-height: 2.1rem;
        margin: 0 8px 0 0;
        padding: 4px 6px;
        font-size: 24px;
        font-size: 2rem;
        color: #FFF;
        background-color: #2757af;
        float: left;
    }
    .content .terms_flow_step1 h3,
    .content .terms_flow_step2 h3,
    .content .terms_flow_step3 h3,
    .content .terms_flow_step4 h3,
    .content .terms_flow_step5 h3{
        font-size: 2rem;
        line-height: 3rem;
    }
    .terms_flow_step1 p,
    .terms_flow_step2 p,
    .terms_flow_step3 p,
    .terms_flow_step4 p,
    .terms_flow_step5 p {
        min-height: 100px;
        padding: 15px 10px 15px 180px;
        border: 1px #2757af dotted;
        overflow: hidden;
        background-repeat: no-repeat;
        background-position: 15px center;
    }
    .terms_flow_step1 p {
        background-image: url("../image/terms/terms_flow_step1.gif");
    }
    .terms_flow_step2 p {
        background-image: url("../image/terms/terms_flow_step2.gif");
    }
    .terms_flow_step3 p {
        background-image: url("../image/terms/terms_flow_step3.gif");
    }
    .terms_flow_step4 p {
        background-image: url("../image/terms/terms_flow_step4.gif");
    }
    .terms_flow_step5 p {
        background-image: url("../image/terms/terms_flow_step5.gif");
    }
    .content .terms_flow h3 {
        color: #345b7a;
        margin: 0 0 8px 0;
        font-size: 20px; font-size: 2rem;
    }
    .content .terms_flow_complete h3 {
        font-size: 20px; font-size: 2rem;
        line-height: 3rem;
        padding: 5px;
        background-color: #8d0449;
        color: #FFF;
    }
    .terms_flow_complete p {
        padding: 15px 10px;
        color: #8d0449;
        border: 1px #8d0449 dotted;
    }
    .terms_flow_caution {
        margin: 0 5px;
        color: #A7212E;
        font-weight: bold;
        font-size: 16px; font-size: 1.6rem;
    }

    .state_open {
        color: #14712d;
        background-color: #e7fded;
    }
    .state_end {
        color: #aaa;
        background-color: #eee;
    }

    /*メールアドレス受付*/
    .result-send th,
    .result-send td {
        width: 100%;
        display: block;
    }

    /*志願者情報入力 試験種別*/
    .content h3.type-title,
    .content h3.applicant-title {
        margin: 0;
    }
    .content h3.type-title {
        padding: 8px 5px 5px 0;
        color: #2757af;
        background-color: #FFF;
    }

    .input-type th:nth-of-type(1) {
        width: 25%;
    }
    .input-type th:nth-of-type(2) {
        width: 37.5%;
    }
    .input-type label {
        margin: 3px 0 0 0;
        display: block;
    }
    .input-type tr td:first-child {
        text-align: center;
    }
    .input-type_group {
        background-color: aliceblue;
    }

    /*志願者情報入力 志願者*/
    .input-applicant th,
    .input-applicant td {
        width: 100%;
        display: block;
    }
    .input-applicant th {
        position: relative;
    }
    .input-applicant .input-applicant-name {
        width: 11rem;
    }
    .input-applicant-item {
        width: 3rem;
        display: inline-block;
    }
    .input-applicant-gender_wrapper {
        overflow: hidden;
    }
    .input-applicant-gender,
    .input-applicant-bus,
    .input-applicant-lang,
    .input-applicant-parent_address,
    .input-applicant-schoolpref {
        display: inline-block;
    }
    .input-applicant-gender:last-child,
    .input-applicant-bus:last-child,
    .input-applicant-lang:last-child,
    .input-applicant-parent_address:last-child,
    .input-applicant-schoolpref:last-child {
        margin: 0 0 0 20px;
    }
    .input-applicant-school1 {
            width: 13.5rem;
    }
    .input-applicant-school2 {
            width: 14rem;
    }

    /*志願者情報入力 出身校*/
    .content h3.applicant-title {
        padding: 8px 5px 6px 5px;
        color: #FFF;
        background-color: #345b7a;
    }
    .input-applicant-school .input-schoolinfo {
        margin: 0;
        border: 2px
    }
    .input-applicant-school th{
        width: 32%;
    }
    .input-applicant-school_code {
        float: left;
    }
    .input-applicant-school_code_btn {
        width: 80px;
        margin: 0 0 0 35px;
        padding: 0 10px;
    }
    .itemtable .input-applicant-school_code_link {
        padding: 5px 0 0 0;
        clear: both;
    }
    .input-applicant-school p {
        padding: 5px 0 0 0;
    }
    .department_item {
        margin: 10px 0 0 0;
        padding: 0 0 10px 0;
        border-bottom: 1px dotted #ccc;
    }
    .department_item .itemtable{
        background-color: #e8eef3;
    }
    .input-applicant-kagoshima_wrapper,
    .input-applicant-other_wrapper {
        margin: 5px 0 0 0;
        display: none;
    }
    .school-muni {
      width: 18rem;
    }
    .school-name {
      width: 30.3rem;
    }
    .input-applicant-other {
      width: 48.9rem;
    }

    /*高校名検索*/
    .ui-dialog-title {
      font-size: 16px; font-size: 1.6rem;
      color: #FFF;
    }
    .ui-widget-header {
      background-color: #2757af;
      font-weight: normal;
    }

    /*志願者情報入力 出身校*/
    .content h3.applicant-title {
        padding: 8px 5px 6px 5px;
        color: #FFF;
        background-color: #2757af;
    }
    .input-applicant-school th{
        width: 32%;
    }
    .input-applicant-school_code {
        float: left;
    }
    .input-applicant-school_code_btn {
        width: 80px;
        margin: 0 0 0 5px;
        padding: 0 10px;
    }
    .itemtable .input-applicant-school_code_link {
        padding: 5px 0 0 0;
        clear: both;
    }
    .input-applicant-school-item {
        width: 6rem;
        display: inline-block;
    }
    .input-applicant-school_name {
        width: 322px;
    }
    .input-applicant-graduate {
        margin: 0 0 0 5px;
    }
    .academic_input {
        display: inline-block;
    }

    /*志願者情報入力 語学関係・検定資格*/
    .input-applicant-skill th {
        width: 32%;
    }

    /*志願者情報入力 住所・連絡先*/
    .input-applicant-zip1,
    .input-applicant-zip-mark,
    .input-applicant-zip2,
    .input-applicant-zip_btn {
        float: left;
    }
    .input-applicant-zip-mark {
        margin: 10px 0 0 0;
    }
    .input-applicant-zip_btn {
        margin: 0 0 0 5px;
    }
    .input-applicant p {
        margin: 5px 0 0 0;
    }
    .content .input_caution {
        margin: 0 0 10px 0;
        padding: 5px 10px;
        border: 1px #cccccc solid;
        background-color: #fff8eb;
        overflow: hidden;
    }

    .content h3.exemption_title {
        font-size: 1.1em;
        display: inline-block;
    }

    /*注意文*/
    .content p.applicant_caution {
        font-size: 17px; font-size: 1.7rem;
        line-height: 1.5em;
        font-weight: bold;
    }

    /*出願事項*/
    .input-order th {
        width: 25%;
    }
    .input-order_centerA-code1 {
        width: 7rem;
    }
    .input-order_centerA-code2 {
        width: 6rem;
    }
    .input-order_centerA-code3 {
        width: 5rem;
    }
    .input-order_centerA-code1-block,
    .input-order_centerA-code2-block,
    .input-order_centerA-code3-block {
        margin: 0 5px 0 0;
        float: left;
    }
    td .exam-item {
        padding: 5px 0;
        border-bottom: 1px dotted #ccc;
    }
    td .exam-item:first-child {
        padding: 0 0 5px 0;
    }
    td .exam-item:last-of-type {
        padding: 5px 0 0 0;
        border-bottom: none;
    }
    .itemtable .input-order_notes {
        margin: 5px 0 0 0;
        vertical-align: 1rem;
    }
    .input-order_center-exam-order {
        margin: 5px 0 0 0;
    }
    .input-order_center-exam-order span {
        margin: 0 1rem;
    }
    .input-order_examname {
        margin: 0 0 0 2rem;
        display: inline-block;
    }
    .input-order_examname span {
        margin: 0 1rem 0 0;
    }
    input.input-order_center-exam_other {
        width: 32rem;
    }

    /*試験科目*/
    .exam-item,
    .exam-item-sub {
        width: 100%;
        margin: 0 0 5px 0;
    }
    .exam-item-sub {
        margin: 0 0 5px 10px;
    }
    td .exam-item:last-child,
    td .exam-item-sub:last-child {
        margin-bottom: 0;
    }
    .exam-item-sub_society {
        display: none;
    }

    /*支払方法入力*/
    .invisible{
        display: none;
    }
    .input-payment td,
    .input-payment th {
        width: 100%;
        display: block;
    }
    .input-payment p {
        margin: 5px 0 0 0;
    }
    .result-payment th {
        width: 65%;
        text-align: center;
    }
    .result-payment tr td:nth-child(even) {
        text-align: right;
    }
    .content p.result-payment_total {
      width: 100%;
      font-size: 16px;
      font-size: 1.6rem;
      margin: 0 auto;
      padding: 10px 0 8px 0;
      border: 3px solid #FFA44C;
      background-color: #FFFFD7;
      font-weight: bold;
      text-align: center;
      box-sizing: border-box;
    }
    .itemtable td .input-payment_convini-list {
      width: 100%;
    }
    .itemtable td .input-payment_convini-list td {
        width: auto;
        display: table-cell;
        font-size: 12px; font-size: 1.2rem;
        border-left: none;
        border-bottom: 1px #CCC dotted;
    }
    .itemtable td .input-payment_convini-list tr:last-child td {
        border-bottom: none;
    }
    .itemtable td .input-payment_convini-list td:first-child {
        width: 150px;
    }
    .input-scode {
        float:left;
    }
    .input-scode_cvv {
        margin: 0 0 5px 5px;
        float:left;
    }
    .input-scode_cvv-text {
        clear: both;
    }

    /*入力内容確認*/
    .result-applicant th {
        width: 32%;
    }

    /*完了画面*/
    .result-receipt th,
    .result-receipt td {
      width: 100%;
      display: block;
      text-align: center;
    }
    .result-receipt td {
      font-size: 16px; font-size: 1.6rem;
      font-weight: bold;
      vertical-align: middle;
    }
    .button-enter_payeasy {
      font-size: 14px; font-size: 1.4rem;
    }
    .result-receipt td .result-receipt_convini {
        width: 100%;
        border: none;
        margin: 0;
    }
    .result-receipt td .result-receipt_convini td {
        width: auto;
        padding: 0 0 0 0;
        display: inline-block;
        border: none;
    }
    .result-receipt td .result-receipt_convini td:first-child {
        padding: 0 5px 0 0;
    }
    .result-receipt_convini img {
        height: 30px;
        margin: 0 5px 0 0;
        vertical-align: middle;
    }

    /*志願書発行*/
    .adobe_bnr {
        text-align: center;
    }
    header h1.publish_title {
        padding: 12px 0 0 30px;
    }

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

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

    /*共通設定*/
    body{
        line-height: 1.8rem;
    }
    input[type="submit"] {
        -webkit-appearance: none;
        -webkit-border-radius: 6;
        -moz-border-radius: 6;
        border-radius: 6px;
    }
    input[type="radio"] {
        vertical-align: middle;
        -webkit-border-radius : 20px;
    }
    input[type="checkbox"] {
        vertical-align: middle;
    }
    .smalltxt {
        font-size: 14px; font-size: 1.4rem;
    }
    button.button-enter {
        height: auto;
        min-height: 44px;
        padding: 10px 15px;
        line-height: 2.2rem;
    }
    .checkbox {
        width: 30px;
        height: 30px;
        -moz-transform: scale( 1 , 1 );
    }
    input[type="submit"].button-enter {
        font-size: 18px; font-size: 1.8rem;
    }
    br.pcbr {
        display: none;
    }

    /*ヘッダー*/
    header {
        margin: 0 0 10px 0;
    }
    .header-item {
        width: 96%;
        margin: 10px 2%;
        text-align: center;
    }
    .header-item p {
        width: 220px;
        margin: 0 auto;
    }
    header h1 {
        font-size: 15px;
        font-size: 1.5rem;
    }

    /*画面ステップ*/
    .steplist {
        width: 96%;
        margin: 0 2% 20px 2%;
    }
    .steplist li {
        font-size: 16px; font-size: 1.6rem;
    }
    .steplist-pc {
        display: none;
    }

    /*見出し*/
    .content h2 {
        padding: 0 0 3px 5px;
        line-height: 2.2rem;
    }
    .content h3 {
        margin: 0 0 3px 0;
        padding: 5px 0;
        font-size: 16px; font-size: 1.6em;
        line-height: 2.2rem;
    }
    .content h3.type-title {
        font-size: 16px; font-size: 1.6rem;
    }
    .content h4 {
        margin: 0 0 10px 0;
        font-size: 16px; font-size: 1.6rem;
    }
    .content h4.certificate_title {
        margin: 20px 0 10px 0;
        padding: 4px 7px 4px 7px;
        font-size: 16px; font-size: 1.6rem;
        border-left: 3px solid #073190;
        border-bottom: 1px dotted #ccc;
    }
    /*テーブル設定*/
    .itemtable th {
        font-size: 15px; font-size: 1.5rem;
    }
    .itemtable td {
        font-size: 15px; font-size: 1.5rem;
    }
    .result-send {
      margin: 10px 0;
    }
    .result-send th,
    .result-send td {
        width: 100%;
        display: block;
        font-size: 16px; font-size: 1.6rem;
        text-align: center;
    }
    .innertable {
        width: 100%;
    }
    .itemtable .innertable td {
      width: 100%;
      display: block;
    }
    .input-type label {
      display: inline-block;
    }
    .input-type th {
        display: none;
    }
    .input-type td {
      display: block;
      vertical-align: middle;
    }
    .input-type tr td:first-child {
        text-align: left;
    }
    .input-type td:before {
      width: 7rem;
      margin: 0 10px 0 0;
      background-color: #e1e7f1;
      vertical-align: middle;
      padding: 10px;
      text-align: center;
      font-weight: bold;
      display: inline-block;
    }
    .input-type tr td:before {
      content: attr(data-text);
    }
    .input-type td p {
      width: calc(100% - 10rem);
      display: inline-block;
    }
    .input-type div {
      display: inline-block;
    }

    /*利用規約*/
    .operating th,
    .operating td {
        display: block;
    }
    .payment-list {
        text-align: center;
    }
    .itemtable h4.payment-title,
    .payment-list p {
        text-align: left;
    }
    .content .payment-list_payeasy {
        margin: 0 10px 5px 0;
    }
    /*出願の流れ*/
    .terms_flow_step {
        font-size: 15px; font-size: 1.5rem;
        padding: 2px 4px;
        background-color: #2757af;
    }
    .content .terms_flow_step1 h3,
    .content .terms_flow_step2 h3,
    .content .terms_flow_step3 h3,
    .content .terms_flow_step4 h3,
    .content .terms_flow_step5 h3{
        margin: 0 0 5px 0;
        padding: 0;
        font-size: 1.5rem;
        line-height: 2.5rem;
    }
    .terms_flow_step1 p,
    .terms_flow_step2 p,
    .terms_flow_step3 p,
    .terms_flow_step4 p,
    .terms_flow_step5 p {
        min-height: auto;
        padding: 110px 10px 15px 10px;
        border: 1px #345b7a dotted;
        overflow: hidden;
        background-repeat: no-repeat;
        background-position: center 10px;
    }

    /*出願受付状況*/
    .publish-state {
        border-right: none;
    }
    .publish-state thead {
      display: none;
    }
    .publish-state tr {
      margin: 0 0 20px 0;
      display: block;
    }
    .publish-state td {
      width: 100%;
      padding: 8px;
      display: block;
      border-right: 1px #CCC solid;
      border-left: 3px #666 solid;
    }
    .publish-state tr:nth-child(n+2) td:first-child {
      border-top: 1px solid #ccc;
    }
    .input-type.publish-state td::before {
      width: 100%;
      display: block;
      content: attr(data-label);
      background: none;
      margin: 0;
      padding: 0 0 5px 0;
      text-align: left;
      font-weight: bold;
    }

    /*志願者情報入力 入試種別*/
    input[type="submit"].input-applicant-school_code_btn {
        margin: 5px 0 0 0;
        height: 40px;
        font-size: 1.4rem;
        float: right;
    }
    .input-applicant-school p {
        clear: both;
    }
    .academic_name {
        width: 100%;
    }
    .academic_input {
        display: block;
        margin: 0 0 5px 0;
    }

    .input-applicant-school1 {
            width: 10rem;
    }
    .input-applicant-school2 {
            width: 11rem;
    }

    /*高校名検索*/
    .ui-dialog-title {
      font-size: 16px; font-size: 1.6rem;
    }
    .itemtable-highschool td {
      padding: 0 0 5px 0;
      border-bottom: none;
    }
    .itemtable-highschool tr {
      display: block;
    }
    .itemtable-highschool tr td:first-child {
      padding: 10px 0;
    }
    .itemtable-highschool tr td:last-child {
      padding: 0 0 10px 0;
      border-bottom: 1px #CCC solid;
    }
    .itemtable-highschool tr:first-child {
      display: none;
    }
    .itemtable-highschool tr td {
      width: 100%;
      display: block;
    }
    #modal .itemtable-highschool tr td p {
      margin: 0 0 0 80px;
      font-size: 14px; font-size: 1.4rem;
      padding: 0 5px;
    }
    .itemtable-highschool tr td:before {
      width: 70px;
      background-color: #e8eef3;
      padding: 0 5px;
      display: block;
      float: left;
      font-size: 14px; font-size: 1.4rem;
    }
    .itemtable-highschool tr td:nth-child(1):before {
      content: "都道府県";
    }
    .itemtable-highschool tr td:nth-child(2):before {
      content: "高校名";
    }
    .itemtable-highschool tr td:nth-child(3):before {
      content: "高校カナ";
    }
    .itemtable-highschool tr td:nth-child(4):before {
      content: "高校コード";
    }
    .modal_caution {
      font-size: 14px; font-size: 1.4rem;
    }
    .school-muni {
      width: 100%;
      margin: 0 0 10px 0;
    }
    .school-name,
    .input-applicant-other {
      width: 100%;
    }

    /*出身学校*/
    .input-highschool {
      margin: 0;
      border: 2px solid #2757af;
    }
    .input-highschool th {
      border: none;
    }
    .input-highschool tr:last-child td {
      border-bottom: none;
    }
    .input-applicant-school_name {
      width: 100%;
    }
    .input-applicant-graduate {
        margin: 6px 0 0 0;
    }
    .input-applicant-graduate select {
      width: 100%;
    }
    .input-applicant-lang {
      display: block;
    }
    .input-applicant-lang:last-child {
      margin: 5px 0 0 0;
    }

    /*連絡先*/
    .input-relationship {
      width: 100%;
    }
    .input-applicant-parent_address {
      display: block;
    }
    .input-applicant-parent_address:last-child {
      margin: 5px 0 0 0;
    }

    /*注意文*/
    .content p.applicant_caution {
        font-size: 15px; font-size: 1.5rem;
    }

    /*出願事項入力*/
    .input-order th,
    .input-order td {
        width: 100%;
        display: block;
    }

    /*支払方法入力*/
    .payment-list_cvs {
        text-align: center;
    }
    #payeasy .input-payment tr:first-child td {
        text-align: center;
    }
    #payeasy .input-payment tr:first-child td p {
        text-align: left;
    }

    /*選択中の大学*/
    .content p.current_category {
        padding: 8px 4px;
        font-size: 18px;
        font-size: 1.8em;
        text-align: center;
    }
}


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

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

    /*共通設定*/
    body{
        line-height: 2.2rem;
    }
    button:hover {
        cursor: pointer;
    }
    a:hover {
        text-decoration: underline;
    }
    .smalltxt {
        font-size: 13px; font-size: 1.3rem;
    }
    br.spbr {
        display: none;
    }
    /*ヘッダー*/
    header {
        margin: 0 0 20px 0;
    }
    .header-item {
        width: 960px;
        margin: 12px auto 0 auto;
        text-align: left;
        overflow: hidden;
    }
    .header-item p {
        float: left;
    }
    .header-item h1 {
        float: left;
        font-size: 20px; font-size: 2.0rem;
    }

    /*画面ステップ*/
    .steplist {
        width: 959px;
        margin: 0 auto;
    }
    .steplist li {
        font-size: 16px; font-size: 1.6rem;
    }
    .steplist-pc {
        font-size: 15px; font-size: 1.5rem;
        line-height: 1.2em;
    }
    .steplist-pc:before {
        content: ".";
    }

    /*エラー表示*/
    .form-error {
        padding: 10px;
    }
    .content p.form-error_title {
        font-size: 18px; font-size: 1.8rem;
    }

    /*コンテンツ*/
    .content {
        width: 960px;
        margin: 30px auto 100px auto;
    }
    .content ul,
    .content ol {
        margin: 0 0 5px 20px;
        font-size: 14px; font-size: 1.4rem;
    }
    .content ul li,
    .content ol li {
        margin: 0 10px 0 0;
    }

    /*出願受付状況*/
    .input-type label {
        display: inline;
    }
    .input-type tr td:first-child {
        text-align: left;
    }
    .input-type th:nth-of-type(1) {
        width: 12%;
    }
    .input-type th:nth-of-type(2) {
        width: 32%;
    }
    .input-type th:nth-of-type(3) {
        width: auto;
    }

    /*見出し*/
    header h1{
        padding: 22px 0 0 30px;
    }
    .content h2 {
        margin: 0 0 15px 0;
        padding: 8px 0 6px 8px;
        font-size: 24px; font-size: 2.4rem;
        border-bottom: 2px dotted #CCC;
    }
    .content h3 {
        margin: 0 0 5px 0;
        font-size: 18px; font-size: 1.8em;
        color: #123679;
    }
    .content h4,
    .content p {
        font-size: 15px; font-size: 1.5rem;
    }

    /*テーブル設定*/
    .itemtable {
    margin: 0 0 10px 0;
    }
    .itemtable th,
    .itemtable td {
        padding: 6px 12px;
    }
    .itemtable th {
        font-size: 16px; font-size: 1.6rem;
    }
    .itemtable td {
        font-size: 16px; font-size: 1.6rem;
    }

    /*入力フォーム 共通設定*/
    .input-long {
        width: 70%;
    }
    .input-short {
        width: 7rem;
    }
    .input-applicant-school_code, .input-scode {
      width: 10rem;
    }
    input,
    select {
        font-size:18px; font-size:1.8rem;
    }
    .input-form th,
    .input-form td {
      width: auto;
      display: table-cell;
    }
    input[type="text"],
    input[type="number"],
    input[type="email"],
    input[type="submit"] {
        font-size:16px; font-size:1.6rem;
    }
    input[type="submit"] {
        font-size:20px; font-size:2rem;
    }
    .checkbox {
        vertical-align: text-top;
    }
    .button-enter,
    .button-form {
        width: 300px;
    }
    .button-enter_cvs {
        width: 460px;
    }
    .button-enter {
        font-size: 20px;font-size: 2rem;
    }
    .hissu {
        display: inline-block;
        float: right;
    }
    .input-applicant th .hissu {
        top: calc(50% - 10px);
        right: 10px;
    }

    /*マウスオーバー設定*/
    label:hover,
    .checkbox:hover,
    input[type="radio"]:hover,
    .button-enter:hover,
    .button-back:hover,
    input[type="submit"].input-applicant-zip_btn:hover,
    input[type="submit"].input-applicant-school_code_btn:hover {
        cursor: pointer;
    }
    .button-enter:disabled {
        cursor: auto;
    }
    .button-enter:hover {
        background: #1b3c79;
    }
    .button-back:hover,
    input.input-applicant-school_code_btn:hover,
    input.input-applicant-zip_btn:hover {
        text-decoration: none;
        background: #EEE;
    }
    /*利用規約*/
    .operating {
        width: 100%;
    }
    .operating th {
        width: 250px;
    }
    .payment-list {
        width: 958px;
        border-bottom: 1px #CCC solid;
    }
    .payment-list tr {
        width: 33.333%;
        float: left;
        vertical-align: top;
    }
    .payment-list tr td {
        height: 220px;
        border-bottom: none;
    }
    .itemtable h4.payment-title {
        margin: 4px 0 10px 0;
        background-color: #e6f1f9;
    }
    .content .notice .payment-list_card,
    .content .notice .payment-list_cvs,
    .content .notice .payment-list_payeasy {
      height: 90px;
      margin: 0 0 5px 0;
    }
    .itemtable td .payment-payeasy-info {
        font-size: 14px; font-size: 1.4rem;
    }
    .payment-payeasy-info:hover {
        background-color: #e6f1f9;
        text-decoration: none;
    }
    .fee-list {
        width: 958px;
    }
    .input-form {
        margin: 0 0 30px 0;
    }
    .input-mail_address {
        width: 83.7%;
    }
    .input-mail_address_check_local,
    .input-mail_address_check_domain {
      width: 40%;
    }
    .user_policy label {
        margin: 0;
        display: inline-block;
    }

    /*メールアドレス受付*/
    .result-send th,
    .result-send td {
        width: auto;
        display: table-cell;
    }
    .result-send {
        margin: 20px 0;
    }
    .result-send th {
        width: 270px;
        padding: 15px;
    }

    /*志願者情報入力 試験種別*/
    .input-type label {
        display: inline;
    }
    .input-type tr td:first-child {
        text-align: left;
    }
    .input-type td br {
        display: none;
    }
    .input-type th:nth-of-type(1) {
      width: 280px;
    }
    .input-type th:nth-of-type(2) {
      width: 320px;
    }

    /*志願者情報入力 志願者*/
    .input-applicant th,
    .input-applicant td {
      width: auto;
      display: table-cell;
    }
    .input-applicant .input-applicant-name {
      width: 20rem;
      margin: 0 8px 0 0;
    }
    .input-applicant-item {
      width: 4rem;
      text-align: left;
    }
    .input-applicant th,
    .input-applicant-school th,
    .input-applicant-skill th {
        width: 280px;
    }
    .input-schoolinfo th {
        width: 278px;
    }

    /*高校名検索*/
    .ui-dialog-title {
      font-size: 20px; font-size: 2rem;
    }
    .input-highschool {
      margin: 0;
      border: 2px solid #2757af;
    }
    .itemtable-highschool {
      border-left: 1px solid #CCC;
      border-bottom: 1px solid #CCC;
    }
    .itemtable-highschool th:first-child {
      width: 15%;
    }
    .itemtable-highschool th:nth-child(2) {
      width: 35%;
    }
    .itemtable-highschool th:nth-child(3) {
      width: 35%;
    }
    .itemtable-highschool th:nth-child(4) {
      width: 15%;
    }
    .itemtable-highschool th,
    .itemtable-highschool td{
      border-left: none;
    }
    .itemtable-highschool tr:last-child td {
      border-bottom: none;
    }
    .itemtable-highschool a {
      color: #345b7a;
    }
    #modal p {
      font-size: 16px; font-size: 1.6rem;
    }

    /*志願者情報入力 出身校*/
    .content h3.applicant-title {
      padding: 8px 5px 6px 13px;
      font-weight: normal;
    }

    /*出願事項*/
    .input-order .input-long {
        display: block;
    }
    .input-order_centerA-code1 {
        width: 9rem;
    }
    .input-order_centerA-code2 {
        width: 8rem;
    }
    .input-order_centerA-code3 {
        width: 4rem;
    }

    /*支払方法入力*/
    .content .payment-list_card,
    .content .payment-list_cvs,
    .content .payment-list_payeasy {
        height: auto;
    }
    .input-payment th,
    .input-payment td {
        display: table-cell;
    }
    .input-order th,
    .input-payment th {
        width: 270px;
    }
    .input-payment td {
        width: auto;
    }
    .input-payment .payment-list_card {
        margin: 0;
    }
    .content p.result-payment_total {
        font-size: 20px; font-size: 2rem;
    }
    .content .payment-list_cvs {
        margin: 0;
        text-align: left;
    }

    /*完了画面*/
    .result-receipt th,
    .result-receipt td {
        display: table-cell;
        text-align: left;
        font-size: 20px; font-size: 2rem;
    }
    .result-receipt th {
        width: 270px;
    }
    .result-receipt td {
        width: auto;
    }
    .input-receipt_number {
        width: 488px;
    }

}