/* 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: #725b46;
    }
    .asterisk {
      margin: 5px 0 0 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 #e35885;
    }
    header p{
        margin: 9px 0;
    }
    .header-item p {
        width: 125px;
    }
    .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: #937e6c;
        color: #FFF;
        border-left: none;
        border-right: none;
        border-color: #937e6c;
    }
    .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: #937e6c;
        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,
    .itemtable div.select-other.input_error {
        background-color: #F8E6E6;
    }
    .itemtable .itemtable p.input_error-text {
        margin: 0;
    }
    .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;
    }

    /*見出し*/
    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 #937e6c;
        border-bottom: 1px dotted #CCC;
    }
    .content h3 {
        color: #4f351f;
    }
    .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,
    .input-middle {
        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="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;
    }
    .input-type input + label,
    .input-order  input + label,
    .input-applicant.other-check 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: #937e6c;
        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,
    input[type="number"]:disabled,
    input[type="text"]:disabled {
        background: #ccc;
        text-shadow: none;
        box-shadow: none;
    }
    .button-back,
    input[type="submit"].input-applicant-zip_btn,
    input[type="submit"].input-applicant-school_code_btn,
    .photo-menu button,
    .photo-menu_rotation button {
        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,
    .photo-menu button {
        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;
    }
    .hissu.autofill {
        background-color: #e57905;
    }
    .input-applicant th .hissu,
    .input-applicant-school 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: #f3ebdf;
    }
    .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: #532c0b;
        background-color: #FFF;
    }
    .input-type {
        font-weight: normal;
    }
    .input-type th:nth-of-type(1) {
        width: 25%;
    }
    .input-type th:nth-of-type(3) {
        width: 40%;
    }
    .input-type label {
        margin: 3px 0 0 0;
        display: block;
    }
    .label_name {
        vertical-align: middle;
        align-items: center; 
    }
    .label_name .checkbox {
    margin: 0 5px 0 0;
    }
    .input-type tr td:first-child {
        text-align: center;
    }
    .input-type_group {
        background-color: aliceblue;
    }

    .input-course {
        margin: 0px;
        border-right: none;
        border-bottom: none;
      }
      .school_select_f,
      .school_select_k,
      .school_select_disabled {
          font-size: 18px; font-size: 1.8rem;
          border-top: 1px solid #333;
          border-left: 2px solid #937e6c;
          border-right: 2px solid #937e6c;
  
          font-weight: bold;
      }
      .school_select_f label,
      .school_select_k label {
          padding: 10px;
          display: block;
          background-color: #f3ebdf;
      }
      .school_select_f label:hover,
      .school_select_k label:hover {
          background-color: #f3ebdf;
      }
      .school_select_f .form_f .input-type label,
      .school_select_k .form_k .input-type label {
          background: none;
          padding: 0px;
      }
      .school_select_f {
          border-top: 2px solid #937e6c;
      }
      .school_select_k {
          border-bottom: 2px solid #937e6c;
      }
      .school_select_disabled label {
          background-color: #f2f2f2;
          color: #999;
      }
      .school_select_disabled label:hover {
          background-color: #f2f2f2;
          cursor: default;
      }
      .school_select_disabled .checkbox:hover {
          cursor: default;
      }
    .form_f,
    .form_k {
        margin: 0;
        padding: 15px 15px 15px 15px;
        display: none;
        background-color: #fff;
    }
    .input-type label {
        width: calc(100% - 40px);
        line-height: 2rem;
    } 
    .input-type label,
    .input-type input {
        display: inline-block;
        vertical-align: middle;
    }

    /*志願者情報入力 志願者*/
    .input-applicant th,
    .input-applicant td,
    .input-applicant-school th,
    .input-applicant-school td {
        width: 100%;
        display: block;
    }
    .input-applicant th,
    .input-applicant-school 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,
    .input-schoolname1 {
        width: 10rem;
    }

    .input-applicant .input-applicant-name,
    .input-applicant-name_en {
        width: 100%;
    }
    .input-applicant-gender:first-child,
    .input-applicant-search:first-child,
    .input-applicant-address:first-child,
    .input-other-school:first-child,
    .input-application:first-child {
        margin-left: 0;
    }
    .input-application {
        margin: 5px 0 0 20px;
        float: left;
    }
    .input-applicant-gender,
    .input-applicant-search,
    .input-applicant-address,
    .input-other-school {
        margin: 0 0 0 20px;
        float: left;
    }
    .input-applicant-gender_wrapper,
    .input-applicant-search_wrapper,
    .input-applicant-address_wrapper,
    .input-other-school_wrapper,
    .input-application_wrapper {
        overflow: hidden;
    }
    .input-applicant-search_wrapper {
        margin: 5px 0 15px 0;
    }
    .input-application_wrapper {
        margin-top: 0;
    }

    /*志願者情報入力 出願写真アップロード*/
    .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%, #4679a7 100%);
        border-color: #4679a7;
        color: #fff;
    }
    .content .photo-menu_rotation {
        margin: 10px 0 0 0;
    }
    .photo-menu button.js-crop:hover {
        background: #4679a7;
    }
    .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: #937e6c;
        font-weight: normal;
    }
    .content h3.applicant-title.highschool {
        margin: 0;
    }
    .itemtable.input-highschool {
      margin: 0;
      border: 2px solid #937e6c;
    }

    /*志願者情報入力 成績請求票写真アップロード*/
    .photo-block.center {
        width: 100%;
    }
    .photo-block.center .photo-unregistered {
        width: 300px;
        margin: 0 auto 10px auto;
    }
    .center .photo-unregistered img,
    .center .photo-confirm img {
        width: 220px;
    }
    .photo-block.center .photo-unregistered img {
        width: 100%;
    }
    .center .cr-boundary:before {
        content: url(../../common/image/sample/guide_center.svg);
    }
    .content .photo-block.center .photo-guide_block ul {
        width: 100%;
    }
    .content .photo-block.center .photo-guide_block > ul > li:last-child > ul > li {
        width: calc(100% / 3);
    }
    .content .photo-block.center .photo-guide_block ul li img {
        width: 130px;
    }
    .content .photo-block.center .photo-guide_block > ul > li:first-child {
        width: 230px;
    }
    .content .photo-block.center .js-cropped-image {
        width: 100%;
        margin: 0;
    }
    .confirm_2col.center .applicant-title {
        margin: 0 0 10px 0;
    }
    .confirm_2col.center .confirm_photo {
        width: 280px;
    }
    .confirm_2col.center table.result-applicant {
        width: calc(100% - 300px);
        float: left;
    }

    /*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);
    }

    /*志願者情報入力 学歴*/
    .input-applicant .input-schoolname td input {
        width: 34.5%;
    }
    .experiencetable {
        border: none;
    }
    .experience_group tr:last-child td {
        border-bottom: none;
    }
    .experience_group {
        display: block;
        border-left: 1px solid #937e6c;
        border-right: 1px solid #937e6c;
        border-bottom: 1px solid #937e6c;
    }
    .itemtable th.experience_field {
        width: 100px;
    }
    .experience_title {
        width: 179px;
    }
    .experience_input {
        width: 679px;
    }
    .input-applicant .input-applicant-annotation .checkbox {
        width: 22px;
        height: 22px;
        vertical-align: text-bottom;
        margin: 0;
    }
    .input-applicant-annotation {
        margin: 10px 0 15px 0;
    }

    /*志願者情報入力 出身校*/
    .content h3.applicant-title {
        padding: 8px 10px 6px 10px;
        color: #FFF;
        background-color: #937e6c;
    }
    .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-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;
    }

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

    /*志願者情報入力 確認事項*/
    .input-applicant .input-innertable_wrapper p {
        margin: 0 0 5px 0;
    }

    /*出願事項*/
    .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;
    }
    td:last-child .exam-item {
        padding: 5px 0;
        border-bottom: 1px dotted #ccc;
    }
    td .exam-item:first-child {
        padding: 0 0 5px 0;
    }
    td .exam-item:last-child {
        padding: 5px 0 0 0;
        border-bottom: none;
    }
    .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;
    }


    /*出願事項 内部テーブル*/
    .itemtable .input-innertable,
    .itemtable .input-innertable th {
        margin: 0;
        padding: 0 15px;
        border-top: none;
        border-right: none;
        background-color: #f9f4ec;
    }
    .itemtable .input-innertable-center {
        margin: 10px 0;
        padding: 0;
        background-color: #FFF;
    }
    
    .input-applicant-school p {
        padding: 5px 0 0 0;
    }
    .itemtable td.input-innertable_wrapper,
    .itemtable.input-innertable_wrapper tr {
        padding: 8px 10px;
    }

    .input-innertable_wrapper .input-innertable:last-child {
        border-bottom: none;
    }

    .itemtable .input-innertable td,
    .itemtable .input-innertable th {
        padding: 0;
        border-bottom: 1px dotted #CCC;
        border-left: none;
    }
    .input-order label {
        padding: 0 0 0 5px;
    }
    .itemtable div.select-other {
      margin: 0;
      padding: 10px 30px;
      background-color: #f9f4ec;
      overflow: hidden;
    }
    .itemtable div.select-other .exam-item {
      /*width: calc(100% / 2);*/
      width: 100%;
      margin: 0 0 5px 0;
      padding: 5px 0;
      float: left;
      border-bottom: 1px dotted #ccc;
    }

    .input-innertable td .hissu {
        margin: 0 0 0 5px;
        position: absolute;
        float: none;
        line-height: 1.8rem;
    }
    .input-koubob-check {
        padding: 0;
        display: none;
    }
    .input-kouboa-check.content-a1,
    .input-kouboa-check.content-b1 {
        margin: 20px 0 0px 0;
        display: none;
    }
    .input-kouboa-check .input_caution {
        margin: 0;
        padding: 5px 10px;
        border: none;
        background-color: #fff8eb;
        overflow: hidden;
    }

    .input-order  .input_caution {
        margin: 0;
        padding: 5px 10px;
        border: none;
        background-color: #fff;
        overflow: hidden;
    }
    .itemtable.input-innertable.input-innertable-center tr:last-child>* {
        border-bottom: 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;
    }
    
    /*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: #594431;
        color: #fff;
    }
    .publish .button-enter_block.label .button-enter:hover {
        background: #725b46;
    }
    .photo-confirm_wrapper {
        display: flex;
        justify-content: center;
    }
    .photo-confirm_block {
        width: calc(50% - 20px);
        border: 1px #CCC solid;
    }
    .photo-confirm_block + .photo-confirm_block {
        margin: 0 0 0 40px;
    }
    .photo-confirm_block h3.applicant-title {
        width: 100%;
        text-align: center;
        box-sizing: border-box;
    }
    .photo-confirm {
        margin: 10px;
        text-align: center;
        display: flex;
        flex-wrap: wrap;
    }
    .photo-confirm div {
        width: 100%;
        display: block;
    }
    .photo-confirm div:first-child {
        height: 260px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .photo-confirm .button-enter_block {
        margin: 20px 0 10px 0;
    }
    .photo-confirm button.button-chenge {
        padding: 4px 15px;
        border: 1px solid #A7212E;
        border-radius: 4px;
        color: #A7212E;
        background-color: #fff;
        font-weight: bold;
    }
    .photo-confirm button.button-chenge:hover {
        color: #fff;
        background-color:#A7212E;
    }

/*=============================================
* スマートフォン 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-applicant .input-applicant-annotation .checkbox,
    input[type="checkbox"] {
        vertical-align: middle;
    }
    .smalltxt {
        font-size: 13px; font-size: 1.3rem;
    }

    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 {
        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: 100px;
        margin: 0 auto;
    }
    header h1 {
        font-size: 15px;
        font-size: 1.5rem;
    }

    /*フッター footer.cssへ移動*/
    /*footer {
        margin: 30px 0 0 0;
    }
    .footer_copyright {
        margin: 20px 0 20px 0;
    }
    .footer_copyright_logo {
        width: 100%;
        display: block;
    }
    .disp_pc {
        display: none;
    }*/

    /*画面ステップ*/
    .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-applicant.other-check input + label,
    .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%;
    }
    .payment_list_wrapper > div {
        padding: 6px 6px;
    }

    /*志願者情報入力 出願種別*/

    /*.input-applicant th,
    .input-applicant td,
    .input-applicant-school th,
    .input-applicant-school td,
    .experience_group .input-applicant-school tr {
        width: 100%;
        display: block;
    }*/
    .input-course .input-type input + label {
        display: block;
        float: right;
        width: calc(100% - 40px);
    }
    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;
    }
    .certificate_select {
        font-size: 16px; font-size: 1.6rem;
    }
    .form_content {
        margin: 0;
        padding: 10px 10px 15px 10px;
    }
    .itemtable.input-type {
        border: none;
    }
    .input-type select {
        width: 100%;
    }
    .input-type tr:first-child {
        display: none;
    }
    .input-type tr td:first-child {
        text-align: left;
    }
    .input-type tr {
        margin: 0 0 10px 0;
        padding: 5px;
        display: block;
        border: 3px solid #f3ebdf;
    }
    .input-course .input-type td {
        width: 100%;
        padding: 5px 4px 5px 4px;
        display: block;
        border: none;
    }
    .input-type td:before {
        content: attr(data-label);
        display: block;
        margin: 5px 0;
        padding: 0 0 5px 0;
        color: #4f351f;
        border-bottom: 1px dotted #b5ad9e;
        font-size: 1.5rem;
        font-weight: bold;
    }

    /*志願者情報入力 志願者情報*/
    .input-applicant-item {
        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 .input-schoolname td input,
    .input-applicant .input-other-schoolname td input  {
        margin: 0 0 10px 0;
        width: calc(100% - 7rem);
    }
    .input-applicant .input-schoolname .input-middle,
    .input-applicant .input-schoolname .input-long,
    .input-applicant .input-other-schoolname .input-middle {
        width: 100%;
    }
    .input-applicant .input-schoolname td span {
        width: 7rem;
        text-align: left;
        display: inline-block;
    }
    .input-graduated-check {
        width: 100%;
        margin: 5px 0 0 0;
    }
    .itemtable th.experience_field,
    .experience_title,
    .experience_input {
      width: 100%;
      display: block;
    }
    .experiencetable tr,
    .experience_group tr {
      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;
    }

   /*志願者情報入力 内部テーブル*/
    .itemtable div.select-other .exam-item {
      width: 100%;
    }
    .itemtable td.input-innertable_wrapper,
    .itemtable.input-innertable_wrapper tr {
        padding: 8px 4px;
    }
    .itemtable div.select-other {
        padding: 10px 20px;
    }

    /*出願事項入力*/
    .itemtable.input-order .smalltxt {
        font-size: 13px; font-size: 1.3rem;
        margin-left: 10px;
    }
    .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 p.current_category {
        padding: 8px 4px;
        font-size: 18px;
        font-size: 1.8em;
        text-align: center;
      }

    /*支払方法選択*/
    .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% - 7rem);
    }
    input[type="submit"].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;
    }

    /*志願者情報入力 成績請求票写真アップロード*/
    .content .photo-block.center .photo-guide_block > ul > li:first-child {
        width: 100%;
    }
    .content .photo-guide_block ul li p {
        margin: 0 0 10px 0;
    }
    .content .photo-block.center .photo-guide_block > ul > li:last-child > ul > li {
        width: calc(100% / 2);
    }

    /*入学願書発行 帳票類発行フォーム*/
    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;
    }
    .photo-confirm_wrapper {
        flex-wrap: wrap;
    }
    .photo-confirm_block {
        width: 90%;
        margin: 0 auto 20px auto;
    }
    .photo-confirm div:first-child {
        height: auto;
    }
    .photo-confirm_block h3.applicant-title {
        margin:  0 0 20px 0;
    }
    .photo-confirm_block + .photo-confirm_block {
        margin: 0;
    }

    .button-enter.pdf_dl {
        width: 100%;
        margin: 10px 0 10px 0;
    }



}

/*=============================================
* 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: 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 5px 20px;
        font-size: 14px; font-size: 1.4rem;
    }
    .content ul li,
    .content ol li {
        margin: 0 10px 0 0;
    }

    /*見出し*/
    header h1{
        padding: 20px 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.8rem;
        color: #532c0b;
    }
    .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,
    .input-applicant .input-schoolname .input-long {
        width: 70%;
    }
    .input-middle,
    .input-graduated-check {
        width: 34.5%;
    }
    .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,
    .input-applicant-school 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: #725b46;
    }
    .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: 33%;
    }
    .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: #f3ebdf;
    }
    .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: #f3ebdf;
        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 tr td:first-child.itemleft {
        text-align: left;
    }
    .input-type td br {
        display: none;
    }
    .input-type th:nth-of-type(1) {
        width: 195px;
    }
    .input-type th:nth-of-type(2) {
        width: auto;
    }
    .input-type th:nth-of-type(3) {
        width: 310px;
    }
    .input-type th:nth-of-type(4) {
        width: 185px;
    }
    .input-type select {
        width: 100%;
        font-size: 16px; font-size: 1.6rem;
    }
    .input-applicant div.rowinput, .input-course div.rowinput {
        margin: 0 0 6px 0;
    }


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

    .input-applicant-item {
      width: 4rem;
      text-align: left;
    }
    .input-applicant th,
    .input-applicant-school th,
    .input-applicant-skill th {
        width: 305px;
    }
    .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;
    }

    /*志願者情報入力 学歴*/
    .input-applicant .experience_group td {
        width: calc(960px - 280px);
      }

    /*高校名検索*/
    .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 .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;
    }

 /*入学願書発行 帳票類発行フォーム*/
    .button-enter.pdf_dl {
        width: 400px;
        margin: 10px 0 10px 0;
    }

}