/* CSS Document */

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

    /* 共通設定 */
    body.en {
      font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto;
    }
    body.en .steplist {
      display: table;
    }
    body.en .steplist li {
      padding: 6px 8px;
      height: 52px;
      float: none;
      font-size: 18px; font-size: 1.8rem;
      line-height: 1.3em;
      display: table-cell;
    }
    body.en .steplist-pc {
      line-height: 1.3em;
      display: block;
    }
    body.en .steplist-pc:before {
      display: none;
    }
    .asterisk {
      margin: 0 0 5px 0;
      padding-left: 0.4em;
      text-indent: -0.4em;
      line-height: 1.1em;
    }
    td .asterisk:last-child {
      margin: 0;
    }

    /*フォントサイズ*/
    .content h2 {
      font-size: 25px; font-size: 2.5em;
    }
    .content h3 {
      font-size: 19px; font-size: 1.9em;
    }
    .content h4 {
        font-size: 17px; font-size: 1.7rem;
    }
    .content p {
        font-size: 16px; font-size: 1.6rem;
    }
    .content ul,
    .content ol {
        font-size: 15px; font-size: 1.5rem;
    }
    .content p.result-payment_total {
        font-size: 18px; font-size: 1.8rem;
    }
    .mandatory {
        position: relative;
    }
    .mandatory_symbol {
        font-size: 30px; font-size: 3rem;
        position: absolute;
        top: 7px;
    }
    .mandatory_text {
        padding: 0 0 0 1.5rem;
    }

    /*入力フォーム 共通設定*/
    .input-applicant th .hissu,
    .input-payment th .hissu,
    .input-certificate th .hissu {
      margin: 0 0 0 5px;
      color: #B74545;
      background: none;
      font-size: 30px; font-size: 3rem;
      top: 46%;
      right: 3px;
      position: absolute;
    }
    input[type="submit"] {
      font-size: 21px; font-size: 2.1rem;
    }

    /*テーブル設定*/
    .itemtable th,
    .itemtable td {
      WORD-BREAK: break-word;
    }

    /* 利用規約 */
    body.en .input-form th {
      width: 216px;
    }
    body.en .checkbox {
      vertical-align: bottom;
    }

    /*申込情報入力*/
    .input-applicant p {
      line-height: 1.5rem;
    }
    .input-applicant-mname-txt {
      display: inline-block;
    }
    .address_info {
      display: block;
    }
    .input-applicant-to {
      width: 66.8%;
    }
    .certificate_wrapper .input-certificate th,
    .applicant_wrapper .input-certificate th {
      position: relative;
    }

    /*支払情報入力*/
    .input-payment th {
      position: relative;
    }
    .result-payment th:nth-of-type(1) {
        width: 40%;
    }
    .result-payment th:nth-of-type(2) {
        width: 20%;
    }
    .result-payment th:nth-of-type(3) {
        width: 20%;
    }
    .result-payment th:nth-of-type(4) {
        width: 20%;
    }
    .result-expense th:nth-of-type(1){
        width: 60%;
    }
    .result-expense tr td:last-child {
        text-align: right;
    }

    /*申込完了*/
    .result-send th,
    .result-send td {
        font-size: 20px; font-size: 2rem;
    }


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

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

    /* 共通設定 */
    body.en .steplist li {
      padding: 10px 4px;
      height: auto;
      font-size: 20px; font-size: 2rem;
      line-height: 0.9em;
    }
    body.en .steplist-pc {
      display: none;
    }
    .input-applicant th .hissu,
    .input-payment th .hissu,
    .input-certificate th .hissu {
      margin: 0 0 0 5px;
      position: absolute;
      display: inline-block;
    }
    body.en .checkbox {
      vertical-align: middle;
    }
    .button-copy {
      line-height: 1.3em;
    }

    /*フォントサイズ*/
    header h1 {
      font-size: 16px; font-size: 1.6rem;
    }
    .content h2 {
      font-size: 19px; font-size: 1.9em;
    }
    .result-send th,
    .result-send td {
        font-size: 19px; font-size: 1.9rem;
    }

    /* 利用規約 */
    body.en .input-form th {
      width: 100%;
    }
    td.postal_ems_area {
      width: 30%;
    }
    td.postal_ems_country {
      width: 40%;
    }
    td.postal_ems_fee {
      width: auto;
    }

    /*カテゴリ選択*/
    .content .category_menu li {
      width: 100%;
      height: 10em;
    }
    .content .category_menu li a {
      padding: 10px 10px 10px 40px;
    }

    /*申込情報入力*/
    .input-applicant-item {
      width: 100%;
      display: block;
    }
    .input-applicant .input-applicant-name {
      width: 100%;
    }
    .input-applicant-zip,
    .input-applicant-zip-mark {
      width: 120px;
    }
    .input-applicant-text {
      width: 5%;
    }
    .input-applicant-to {
      width: 93%;
    }
    .form_college_lang th {
      width: 50%;
      font-size: 1.4rem;
    }

    /*海外発送停止（コロナ対応）20200507.xlsx*/
    .input-applicant-post #post_area-air + label,
    .input-applicant-post #post_area-ems + label {
        vertical-align: sub;
    }

}

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

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

    .header-item h1 {
      font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto;
    }
    .content h3 .smalltxt {
      line-height: 1.3em;
    }

}