/* CSS Document */

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

    /* 共通設定 */
    html {
        font-size: 62.5%;
    }
    body{
        margin: 0;
        font-family: "ヒラギノ角ゴ Pro W6", "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: #1e8f7c;
    }
    .asterisk {
      margin: 0;
      padding-left: 1em;
      text-indent: -1em;
      display: block;
      line-height: 1.3em;
    }
    .no-disp {
        display: none;
      }
  

    /* プレースホルダー */
    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 #1e8f7c;
    }
    header p{
        margin: 10px 0 3px 0;
    }
    .header-item p {
        width: 275px;
    }
    .header-item p img {
        width: 100%;
    }

    /*画面ステップ*/
    .steplist {
        padding: 0;
        background-color: #EEE;
        list-style: none;
        overflow: hidden;
        display: flex;
        justify-content: space-between;
    }
    .steplist li {
        width: 100%;
        position: relative;
        padding: 10px 5px;
        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: #1e8f7c;
        color: #FFF;
        border-left: none;
        border-right: none;
        border-color: #1e8f7c;
    }
    .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: #1e8f7c;
        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;
    }
    .itemtable div.external_examA .input_error,
    .itemtable div.external-exam.input_error {
        background-color: #F8E6E6;
    }
    .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;
    }

    /*見出し*/
    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 #1e8f7c;
        border-bottom: 1px dotted #CCC;
    }
    .content h3 {
        color: #0d4365;
    }
    .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: #EEE;
    }
    .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: #f3f0e8;
    }

    /*入力フォーム 共通設定*/
    .input-long {
        width: 100%;
    }
    .input-short {
        width: 6rem;
    }
    .input-applicant-school_code,
    .input-scode {
        width: 8rem;
    }
    .rowinput {
        overflow: hidden;
    }
    input,
    select {
        height: 40px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        font-size:15px; font-size:1.5rem;
        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="email"],
    input[type="number"] {
        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;
    }
    .input-type input + label,
    .input-order  input + label {
        margin: 0;
        width: calc(100% - 27px);
        display: block;
        float: right;
    }
    .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: #1e8f7c;
        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 {
        background: #ccc;
        text-shadow: none;
    }
    .button-back,
    input[type="submit"].input-applicant-zip_btn,
    input[type="button"].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="button"].input-applicant-school_code_btn {
        height: 40px;
        font-size: 1.6rem;
    }
    .button-enter_block {
        text-align: center;
    }
    .button-back_block {
        text-align: left;
        margin: 10px 0 10px 0;
    }
    .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,
    .input-applicant-school th .hissu,
    .input-option th .hissu {
        margin: 0 0 0 5px;
        position: absolute;
        display: inline-block;
    }
    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;
    }
    _:lang(x)::-moz-placeholder, div.rowinput {
        margin: 0 -2px;
        padding: 3px 2px;
    }
    .button-back_block {
        text-align: left;
        margin: 10px 0;
    }

    /*利用規約*/
    h4.payment-title {
        margin: 0 0 6px 0;
        padding: 2px 4px;
        background-color: #e6f1f9;
    }
    .content .payment-list_card,
    .content .payment-list_cvs {
        margin: 0;
        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: 30px;
    }
    .payment-list_payeasy img,
    .payment-list_paypay img,
    .payment-list_paypal img {
        height: 40px;
    }
    .content .payment-list_payeasy {
        display: inline-block;
    }
    .payment-payeasy-info {
        margin: 5px 0 5px 10px;
        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;
    }
    .payment_list_wrapper {
        display: flex;
        flex-wrap: wrap;
        border: solid #ccc;
        border-width: 1px 0 0 1px;
    }
    .payment_list_wrapper > div {
        padding: 6px 12px;
        box-sizing: border-box;
        border: solid #ccc;
        border-width: 0 1px 1px 0;
    }
    .payment_list.col2 {
        width: calc(100% / 2);
    }
    .payment_list.col3 {
        width: calc(100% / 3);
    }
    .payment_list {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .payment_list h4 {
        width: 100%;
        display: block;
        box-sizing: border-box;
    }
    .payment_list ul,
    .payment_list div {
        flex-grow: 1;
    }
    .payment-payeasy-info {
        font-size: 14px;
        font-size: 1.4rem;
    }

    /*メール送信完了*/
    .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: #0e5146;
        background-color: #FFF;
    }

    .input-type th:nth-of-type(1) {
        width: 23%;
    }
    .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,
    .input-applicant-school th,
    .input-applicant-school td,
    .input-option th,
    .input-option td {
        width: 100%;
        display: block;
    }
    .input-applicant th,
    .input-applicant-school th,
    .input-option th {
        position: relative;
    }
    .input-applicant-item {
        width: 3rem;
        display: inline-block;
    }
    .birth_year_wareki_wrapper {
        margin: 0 0 5px 0;
        overflow: hidden;
    }
    .birth_year_wareki {
        display: inline-block;
    }
    .birth_year_wareki:last-child {
        margin: 0 0 0 20px;
    }
    .input-year {
        width: 7rem;
    }
    .input-applicant .input-applicant-name,
    .input-applicant-name_en {
        width: 100%;
    }
    .input-applicant-gender:first-child,
    .input-applicant-search:first-child,
    .input-grade-request:first-child {
        margin: 0;
    }
    .input-applicant-gender,
    .input-applicant-search,
    .input-grade-request {
        margin: 0 0 0 20px;
        float: left;
    }
    .input-applicant-gender_wrapper, 
    .input-applicant-search_wrapper,
    .input-grade-request_wrapper {
        overflow: hidden;
    }
    .input-applicant-search_wrapper {
        margin: 5px 0 15px 0;
    }
    td .result,
    td .scholarship-item,
    td .benefit-item,
    td .optional-item {
        padding: 5px 0;
        border-bottom: 1px dotted #ccc;
    }
    td .result:last-of-type,
    td .scholarship-item:last-of-type,
    td .benefit-item:last-of-type,
    td .optional-item:last-of-type {
        padding: 5px 0 0 0;
        border-bottom: none;
    }

    /*志願者情報入力 出願写真アップロード*/
    .photo-file_wrapper {
        display: flex;
    }
    .croppie-container {
        height: auto !important;
    }
    .content .photo-file_wrapper .input_caution {
        margin: 0 0 10px 0;
    }
    .content .photo-file_wrapper .input_caution p.caution {
        margin: 10px 0 0 0;
    }
    .photo-file_button {
        width: 100%;
        margin: 10px 0 5px 0;
        padding: 5px;
        font-size: 16px;
        font-size: 1.6rem;
        height: auto;
    }
    .photo-file_button:hover {
        background: #EEE;
        cursor: pointer;
    }
    .content .photo-file_button + p {
        margin: 0 0 15px 0;
    }
    .js-cropped-image,
    .publish .photo-unregistered {
        margin: 0 0 15px 0;
        text-align: center;
    }
    .photo-block,
    .js-cropped-image {
        width: 250px;
    }
    .croppie-container .cr-boundary,
    .js-cropped-image img {
        border: 1px solid #aaa;
        box-sizing: border-box;
    }
    .cr-boundary:before {
        content: url(../../common/image/sample/guide.svg);
    }
    .croppie-container .cr-slider-wrap {
        margin: 0 auto !important;
    }
    .content .photo-menu,
    .content .photo-menu_rotation {
        margin: 0 0 20px 0;
        padding: 0;
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .content .photo-menu li {
        margin: 0;
    }
    .content .photo-menu button {
        min-width: 18rem;
        padding: 10px 2rem;
        border-radius: 6px;
        line-height: 2rem;
    }
    .content .photo-menu button.js-crop {
        margin: 0;
        background:linear-gradient(to bottom, #60b2e3 5%, #055e4f 100%);
        border-color: #055e4f;
        color: #fff;
    }
    .content .photo-menu_rotation {
        margin: 10px 0 0 0;
    }
    .photo-menu button.js-crop:hover {
        background: #055e4f;
    }
    .photo-menu_rotation button {
        padding: 15px;
        position: relative;
        border: 1px solid #ccc;
        border-radius: 5px;
    }
    .photo-menu_rotation button img {
        width: 80%;
        height: 80%;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
    }
    .content .photo-menu_rotation li {
        margin: 0 10px;
    }
    .itemtable h4.photo-title {
        margin: 0;
        background: none;
        font-size: 16px;
        font-size: 1.6rem;
        color: #0085ce;
    }
    .photo-caution {
        width: 100%;
        display: block;
    }
    .photo-caution + p {
        margin: 0 0 10px 0;
    }
    .photo-guide_block {
        margin: 0 0 10px 0;
    }
    .content .photo-guide_block ul {
        margin: 0;
        padding: 0;
        display: flex;
        list-style: none;
    }
    .content .photo-guide_block ul li {
        box-sizing: border-box;
    }
    .content .photo-guide_block > ul > li h5 {
        margin: 5px 0;
        text-align: center;
        font-size: 16px; font-size: 1.6rem;
        position: relative;
    }
    .content .photo-guide_block > ul > li h5.ok:before,
    .content .photo-guide_block > ul > li h5.ng:before {
        width: 20px;
        height: 20px;
        padding: 0 .5rem 0 0;
        display: inline-block;
        vertical-align: sub;
        content: "";
        background-size: contain;
        background-repeat: no-repeat;
    }
    .content .photo-guide_block > ul > li h5.ok:before {
        background-image: url(../../common/image/sample/guide_photo_ok.svg);
    }
    .content .photo-guide_block > ul > li h5.ng:before {
        background-image: url(../../common/image/sample/guide_photo_ng.svg);
    }
    .content .photo-guide_block > ul > li {
        margin: 0;
        padding: 10px;
        background-color: #FDEDE3;
    }
    .content .photo-guide_block > ul > li:first-child {
        width: 260px;
        background-color: #EAF6FD;
    }
    .content .photo-guide_block > ul > li > ul > li {
        margin: 0;
    }
    .content .photo-guide_block > ul > li:last-child > ul > li {
        width: calc(100% / 4);
    }
    .content .photo-guide_block ul li img {
        width: 95px;
        margin: 0 auto 10px auto;
        display: block;
    }
    .content .photo-guide_block ul li p {
        line-height: 1.8rem;
        font-size: 12px; font-size: 1.2rem;
    }
    .input_caution p.caution {
        margin: 0 0 5px 0;
    }
    .photo-unregistered {
        width: 250px;
        margin: 0 auto;
        text-align: center;
    }
    .photo-unregistered img,
    .photo-confirm img {
        width: 184px;
        border: 1px solid #ccc;
        padding: 3px;
        box-sizing: border-box;
    }
    .photo-confirm img.center {
        width: 220px;
    }

    /*IE11*/
    _:-ms-lang(x)::-ms-backdrop, .content .photo-guide_block > ul > li:first-child {
        width: 18rem;
        background-color: #EAF6FD;
    }
    _:-ms-lang(x)::-ms-backdrop, .content .photo-guide_block > ul > li:last-child {
        width: calc(100% - 18rem);
    }

    /*高校名検索*/
    .ui-dialog-title {
        font-size: 16px; font-size: 1.6rem;
        color: #FFF;
    }
    .ui-widget-header {
        background-color: #1e8f7c;
        font-weight: normal;
    }
    .content h3.applicant-title.highschool {
        margin: 0;
    }
    .itemtable.input-highschool {
      margin: 0;
      border: 2px solid #1e8f7c;
    }

    /*志願者情報入力 出身校*/
    .content h3.applicant-title {
        margin: 0 0 8px 0;
        padding: 8px 10px 6px 10px;
        color: #FFF;
        background-color: #1e8f7c;
    }
    .input-applicant-school_code {
        float: left;
    }
    .input-applicant-school_code_btn {
        margin: 0 0 0 5px;
        padding: 0 10px;
    }
    .itemtable .input-applicant-school_code_link {
        padding: 5px 0 0 0;
        clear: both;
    }
    .input-experience {
        width: 40rem;
    }
    .input-experience.input-asterisk {
        width: 39rem;
    }
    .input-experience_short {
        width: 30rem;
    }

    /*志願者情報入力 語学関係・検定資格*/
    .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,
    .input-applicant div.rowinput div,
    .input-applicant-school 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;
    }

    /*出願事項*/
    .input-order th {
        width: 25%;
    }
    .input-order_centerA-code1 {
        width: 9rem;
    }
    .input-order_centerA-code2 {
        width: 9rem;
    }
    .input-order_centerA-code3 {
        width: 5rem;
    }
    .input-order_center-code1-block,
    .input-order_center-code2-block,
    .input-order_center-code3-block {
        margin: 0 5px 0 0;
        float: left;
    }
    .itemtable .input-order_notes {
        margin: 5px 0 0 0;
        vertical-align: 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;
    }
    table.multiple_table {
      margin: 0;
      display: none;
      border-left: 1px #ccc solid;
      border-right: 1px #ccc solid;
    }
    table.multiple_table tr:last-child th,
    table.multiple_table tr:last-child td {
      border-bottom: none;
    }
    table.multiple_table th {
      border-left: none;
    }
    input:disabled + label {
      color: #ccc;
    }
    input:disabled + label:hover {
      cursor: default;
    }
    .input-order_center-college-title {
      font-size: 16px;
      font-size: 1.6rem;
      border-top: 1px #ccc solid;
      border-left: 1px #ccc solid;
      border-right: 1px #ccc solid;
      background-color: #fcffdc;
      font-weight: bold;
      box-sizing: border-box;
    }
    .college-name {
      padding: 15px 12px;
      display: block;
    }
    table.input-order_center-option {
      border-top: 1px #ccc solid;
      border-left: 1px #ccc solid;
      border-right: 1px #ccc solid;
    }
    table.input-order_center-option th {
      border-left: none;
    }

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

    /*選択科目*/
    .content .external-exam {
        margin: 10px 0;
        padding: 10px;
        background-color: #edf6f7;
    }
    .content .external-exam.select_exam {
        background-color: #fff;
    }
    .content ul.external-exam_item li {
        width: 100%;
        padding: 5px 0;
        list-style: none;
        font-size: 15px;
        font-size: 1.5rem;
        display: inline-block;
        border-bottom: 1px dotted #a0a0a0;
    }
    .content .external-exam ul.external-exam_item li {
        padding: 0 0 10px 0;
        margin: 0 0 8px 0;
    }
    .content .external_examA,
    .content .external_examB {
        margin: 15px 0 5px 10px;
        padding: 0;
    }
    .external-exam {
        margin: 10px 0 5px 0;
        padding: 0;
        }
    .content .external-exam ul.external-exam_item {
        padding: 0;
    }
    .content p.external-exam_title {
        margin: 15px 0 5px 0px;
        padding: 2px 0 2px 5px;
        font-size: 16px;
        font-size: 1.6rem;
        border-left: 2px solid #1e8f7c;
    }
    .content ul.external-exam_item li:last-child {
        border-bottom: none;
        padding: 5px 0 0 0;
        margin: 0;
    }
    .content ul.external-exam_item {
        margin-left: 0px;
    }
    .content ul.external-exam_item li.col1 {
        width: 100%;
    }
    .content ul.external-exam_item li input:disabled + label {
        color: #CCC;
    }
    .content ul.external-exam_item li input:disabled + label:hover {
        cursor: auto;
    }

    td:last-child .exam-item {
        padding: 5px 0;
        border-bottom: 1px dotted #ccc;
    }
    .external-exam_list {
        padding: 5px 0;
        border-bottom: 1px dotted #ccc;
    }
    .external-exam_list:last-child {
        margin: 0 0 0 10px;
        padding: 5px 0;
        border-bottom: none;
    }
    td .exam-item:first-child {
        padding: 0 0 5px 0;
    }
    td .exam-item:last-child {
        padding: 5px 0 0 0;
        border-bottom: none;
    }
    /*
    .external-exam_list,
    .external_examA {
      display: none;
    }
    .exam_selectCont {
      display: none;
    }
    .exam_selectCont.is_active {
      display: revert;
    }
    */

    .content ul.external-exam_item li label {
      width: calc(100% - 27px);
      margin: 0 0 0 5px;
      float: left;
    }
    .content ul.external-exam_item li input[type="radio"] {
      float: left;
    }
    .external-exam_list {
      margin: 15px 0 0 10px;
    }
    .input-applicant-item.exam-day {
        width: 10rem;
        font-size: 14px;
        font-size: 1.4rem;
    }
    .input-applicant-item.exam-name {
        width: 5rem;
        font-size: 14px;
        font-size: 1.4rem;
    }
    .input-applicant-exam {
        margin: 5px 0;
        padding: 0;
        float: none;
        display: inline-block;
    }
    .input-applicant-exam:last-child {
        margin: 5px 0 0 0;
    }

    /*支払方法選択*/
    .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;
    }

    /*3Dセキュア*/
    .content ul.secure-list {
        margin: 0;
        padding: 0;
        list-style: none;
        display: flex;
    }
    .content ul.secure-list li {
        margin: 0 10px 0 0;
    }
    .content ul.secure-list li img {
        max-height: 30px;
    }

    /*確認画面*/
    .result-applicant th {
        width: 30rem;
    }
    .result-applicant-multiple th:nth-of-type(1) {
        width: 32%;
    }
    .result-applicant-multiple th:nth-of-type(2) {
        width: 34%;
    }
    .result-applicant-multiple th:nth-of-type(3) {
        width: 34%;
    }
    .result-applicant-multiple tr td:nth-of-type(2) {
        width: 17%;
    }
    .confirm_2col {
        overflow: hidden;
    }
    .confirm_2col table.result-applicant {
        width: calc(100% - 180px);
        float: left;
    }
    .confirm_2col table.result-applicant th {
        width: 30rem;
    }
    .confirm_photo {
        width: 160px;
        float: right;
        border: 1px solid #ccc;
    }
    .confirm_photo img {
        width: 100%;
        padding: 2px;
        vertical-align: top;
        box-sizing: border-box;
    }
    .confirm_2col + section {
        clear: both;
    }
    .content p.applicant_caution {
        margin: 20px 0;
        color: #A7212E;
        font-size: 16px; font-size: 1.6rem;
    }

    /*完了画面*/
    .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;
    }
    .comp_caution {
        text-align: center;
    }
    .publish .photo-file_wrapper.center .js-cropped-image img  {
        max-width: 220px;
    }
    .content.publish .photo-file_wrapper.center .photo-guide_block > ul > li:first-child {
        width: 220px;
    }
    .content.publish .photo-file_wrapper.center .photo-guide_block > ul > li:last-child > ul > li {
        width: calc(100% / 3);
    }
    .publish .button-enter_block h3 {
        margin: 0 0 10px 0;
    }
    .publish input + label:hover {
        color: #fff;
    }
    .publish .button-enter_block.label .button-enter {
        height: 44px;
        border: 1px solid #AAA;
        font-size: 20px;
        font-size: 2rem;
    }
    .publish .button-enter_block.pdf {
        margin: 40px 0 0 0;
        padding: 20px;
        background-color: #eee;
    }
    .publish .button-enter_block.pdf button {
        margin: 5px 0 0 0;
        font-size: 1.6rem;
    }
    .publish .button-enter_block.label .button-enter {
        width: auto;
        padding: 0 3.5rem;
        background: #293855;
        color: #fff;
    }
    .publish .button-enter_block.label .button-enter:hover {
        background: #055e4f;
    }
    a.button-enter {
        padding: 20px 15px;
    }
    a.button-enter:visited {
        color: #fff;
    }
    a.button-enter {
        width: 75%;
    }

/*=============================================
* スマートフォン 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,
    button.button-enter,
    a.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: 180px;
        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;
    }

    /*入力フォーム 共通設定*/
    .input-type input + label {
        margin: 5px 0 0 0;
        width: 100%;
        display: block;
        float: none;
    }
    .input-order input + label {
        margin: 5px 0 0 0;
        width: calc(100% - 35px);
    }


    /*利用規約*/
    .terms_2col th,
    .terms_2col td {
        display: block;
    }
    .payment-list {
        text-align: center;
    }
    h4.payment-title,
    .payment-list p {
        text-align: left;
    }
    .content .payment-list_card,
    .content .payment-list_cvs,
    .content .payment-list_payeasy {
        margin: 0 auto 5px auto;
        text-align: center;
    }
    .payment_list.col2,
    .payment_list.col3 {
        width: 100%;
    }

    /*志願者情報入力 志願者情報*/
    .input-applicant-item {
        padding: 5px 0;
    }
    .input-applicant-item.shcool-name {
        width: 100%;
        display: block;
        padding: 5px 0;
    }
    .input-applicant .input-applicant-name {
        width: 100%;
        margin: 0 0 10px 0;
    }
    .input-applicant-school p {
        padding: 5px 0 0 0;
        clear: both;
    }
    .input-applicant-item.exam-day {
        width: 100%;
    }

    /*志願者情報入力 選抜区分*/
    .exam-item {
        width: 100%;
        display: block;
    }

    /*志願者情報入力 出願写真アップロード*/
    .caution-block,
    .content .photo-guide_block > ul > li,
    .content .photo-guide_block > ul > li:first-child  {
        width: 100%;
    }
    .photo-block {
        margin: 0 auto;
    }
    .photo-file_wrapper,
    .content .photo-guide_block ul {
        flex-wrap: wrap;
    }
    .content .photo-guide_block > ul > li:first-child > ul {
        display: block;
    }
    .content .photo-guide_block > ul > li > ul {
        text-align: center;
    }
    .content .photo-guide_block > ul > li:last-child > ul > li {
        width: calc(100% / 2);
    }
    .content .photo-guide_block > ul > li h5 {
        margin: 5px 0 10px 0;
    }
    .content .photo-file_wrapper .input_caution p.caution {
        margin: 10px 0;
    }

    /*志願者情報入力 出身校*/
    .input-applicant-graduate_type {
        margin-top: 5px;
    }

    /*志願者情報入力 学歴・経歴*/
    .experience_block input[type="text"] {
        width: 100%;
        margin: 5px 0 0 0;
    }
    .experience_block input.input-asterisk[type="text"] {
        width: 95%;
        margin: 5px 0 0 0;
    }
    .experience_block input[type="text"].input-experience_short {
        width: calc(100% - 11rem);
        margin: 5px 0;
    }
    .experience_block + div {
        margin: 5px 0 0 0;
        text-align: left;
    }
    .input-lnumber {
        width: calc(100% - 7rem);
    }

    /*出願事項入力*/
    .input-order th,
    .input-order td {
        width: 100%;
        display: block;
    }
    .college-name {
      padding: 15px 6px;
    }
    table.multiple_table td {
      border-left: none;
    }
    .rowinput span {
        margin: 5px 0 0 0;
    }
    .rowinput span.address_info {
        display: block;
    }
    .input-applicant div.rowinput {
        margin: 0px 0px 6px;
    }

    /*選択科目*/
    .content ul.external-exam_item.written-exam li label {
        width: calc(100% - 35px);
        margin: 7px 0 5px 5px;
        float: left;
    }
    .input-applicant-item.exam-name{
        width: 100%;
    }
    .exam-item .input-long {
        width: 100%;
    }


    /*支払方法選択*/
    .payment-list_cvs {
        text-align: center;
    }
    #payeasy .input-payment tr:first-child td,
    #paypay .input-payment tr:first-child td,
    #paypal .input-payment tr:first-child td {
        text-align: center;
    }
    #payeasy .input-payment tr:first-child td p {
        text-align: left;
    }

    /*確認画面*/
    .confirm_2col table.result-applicant,
    .confirm_2col.center table.result-applicant,
    .confirm_photo {
        float: none;
    }
    .confirm_2col table.result-applicant,
    .confirm_2col.center table.result-applicant {
        width: 100%;
    }
    .confirm_photo {
        margin: 0 auto;
    }
    .result-applicant th,
    .confirm_2col table.result-applicant th {
        width: 40%;
    }

    /*高校名検索*/
    .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;
    }
    .input-applicant-school_name {
        width: calc(100% - 12rem);
    }
    input[type="button"].input-applicant-school_code_btn {
        float: right;
    }
    .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;
    }

    /*帳票発行*/
    header h1.publish_title {
        padding: 0;
    }
    .content.publish {
        padding-top: 10px;
    }
    .content.publish .photo-file_wrapper.center .photo-guide_block > ul > li:first-child {
        width: 100%;
    }
    .content .button-enter_block h4 {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .button-enter.pdf {
        padding: 1rem 0;
        font-size: 1.5rem;
    }
    a.button-enter {
        height: auto;
        padding: 11px 0;
        line-height: 2.2rem;
        display: inline-block;
    }

}

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

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

    /*共通設定*/
    body{
        line-height: 2.2rem;
    }
    button:hover {
        cursor: pointer;
    }
    a:hover {
        text-decoration: underline;
    }
    a.button-enter:hover {
        text-decoration: none;
    }
    .smalltxt {
        font-size: 13px; font-size: 1.3rem;
    }
    br.spbr {
        display: none;
    }
    /*ヘッダー*/
    header {
        margin: 0 0 20px 0;
    }
    .header-item {
        width: 960px;
        margin: 5px 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: 13px; font-size: 1.3rem;
    }
    .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 0 20px;
        font-size: 14px; font-size: 1.4rem;
    }
    .content ul li,
    .content ol li {
        margin: 0 10px 0 0;
    }

    /*見出し*/
    header h1{
        padding: 30px 0 0 20px;
    }
    .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: #0e5146;
    }
    .content h4,
    .content p {
        font-size: 15px; font-size: 1.5rem;
    }

    /*テーブル設定*/
    .itemtable {
        margin: 0 0 15px 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;
    }

    .result-send th,
    .result-send td {
        font-size: 18px; font-size: 1.8rem;
    }

    /*入力フォーム 共通設定*/
    .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: 310px;
    }
    .button-enter_cvs {
        width: 460px;
    }
    .button-enter {
        font-size: 20px;font-size: 2rem;
    }
    a.button-enter {
        display: inline-block;
        width: max-content;
    }
    .hissu {
        display: inline-block;
        float: right;
    }
    .input-applicant th .hissu,
    .input-applicant-school th .hissu,
    .input-option th .hissu {
        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="button"].input-applicant-school_code_btn:hover {
        cursor: pointer;
    }
    .button-enter:disabled {
        cursor: auto;
    }
    .button-enter:hover {
        background: #055e4f;
    }
    .button-back:hover,
    input.input-applicant-school_code_btn:hover,
    input.input-applicant-zip_btn:hover {
        text-decoration: none;
        background: #EEE;
    }
    /*利用規約*/
    .terms_2col {
        width: 100%;
    }
    .terms_2col 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;
    }
    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,
    .result-receipt {
        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: 450px;
    }
    .input-applicant div.rowinput, .input-certificate div.rowinput {
        margin: 0 0 6px 0;
    }

    /*志願者情報入力 志願者*/
    .input-applicant th,
    .input-applicant td,
    .input-applicant-school th,
    .input-applicant-school td,
    .input-option th,
    .input-option td {
      width: auto;
      display: table-cell;
    }

    .input-applicant-item {
      width: 4rem;
      text-align: left;
    }
    .input-applicant-item.shcool-name {
        width: 5rem;
        text-align: left;
      }
    .input-applicant th,
    .input-applicant-school th,
    .input-applicant-skill th,
    .input-option th {
        width: 280px;
    }
    .birth_year_wareki_wrapper {
        margin: 0 10px 0 0;
        display: inline-block;
        vertical-align: middle;
    }
    .family_name,
    .first_name {
        float: left;
    }
    .family_name,
    .first_name {
        width: 34.5%;
    }
    .first_name {
        margin: 0 0 0 8px;
    }

    /*高校名検索*/
    .ui-dialog-title {
        font-size: 20px; font-size: 2rem;
    }
    .itemtable-highschool {
      border-left: 1px solid #CCC;
      border-bottom: 1px solid #CCC;
    }
    .itemtable-highschool th:first-child {
      width: 10rem;
    }
    .itemtable-highschool th:nth-child(4) {
      width: 14rem;
    }
    .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 {
        margin: 0 0 8px 0;
        padding: 8px 5px 6px 13px;
        color: #FFF;
        background-color: #1e8f7c;
    }
    .content .input-applicant-graduate_type {
        width: 23.5rem;
    }

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


    /*支払方法選択*/
    .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;
        padding: 15px;
    }
    .result-receipt td {
        width: auto;
    }
    .input-receipt_number {
        width: 488px;
    }

}