@charset "utf-8";
/************************************************************************************
smaller than 960 TB
*************************************************************************************/
@media screen and (max-width: 960px) {
  .ptForms .tableBaseForms input[type="text"],
  .ptForms .tableBaseForms input[type="file"],
  .ptForms .tableBaseForms textarea,
  .ptForms .tableBaseForms select {
    width: 80% !important;
  }

  .ptForms .tableBaseForms .count {
    display: block;
    text-align: left;
  }

  .ptForms ul.btnList li.onlyPc,
  .ptForms p.onlyPc {
    display: none;
  }
}

/************************************************************************************
smaller than 640 SP
*************************************************************************************/
@media screen and (max-width: 640px) {
  .ptForms .tableBaseForms th ,
  .ptForms .tableBaseForms td {
    width: 100%;
    display:block;
    float: left;
    clear: both;
    box-sizing: border-box;
  }

  .ptForms .btnList {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .ptForms .btnList li {
    display: block;
    margin-bottom: 5px !important;
  }

/* h30 add */
  .ptForms #headerBlock {
    border-top: none;
  }

  .ptForms #headerBlockInner {
    height: auto;
    padding: 5px 0;
  }

  .ptForms .en #headerBlockInner {
    padding: 5px 0;
  }

  .ptForms #headerBlockInner #headerBox {
    justify-content: space-between;
    position: static;
  }

  .ptForms #headerBlockInner #headerBox img {
    position: static;
    width: 100%;
  }

  .ptForms #spCiBlock {
    display: flex;
    padding-left: 15px;
  }

  .ptForms #spCiBlock a {
    position: static;
  }

  .ptForms #topicPathBlock {
    margin: 0 auto 15px;
  }

  .ptForms .announcementBlock {
    padding: 20px 10px;
  }

/* stepList */
  .ptForms #contentsArea .stepList {
    background-color: transparent;
    flex-direction: column;
    width: 100%;
  }

  .ptForms #contentsArea .stepList li {
    border-radius: 4px;
    height: 42px;
    margin-bottom: 20px;
    width: 100%;
  }

  .ptForms #contentsArea .stepList li::before,
  .ptForms #contentsArea .stepList li::after {
    content: none;
  }

  .ptForms #contentsArea .stepList span::before {
    position: absolute;
    top: -15px;
    right: 50%;
    transform: translateX(50%);
    margin: auto;
    content: "";
    border: 20px solid transparent;
    border-top: 10px solid #c8c8c8;
  }

/* 確認画面用 青矢印/完了画面用 青矢印 */
  .ptForms #contentsArea .stepList .current span::before {
    border-top-color: #004697;
  }

  .ptForms #contentsArea .stepList li:first-child span::before {
    content: none;
  }

/* for nopiconvertion.html */
  .ptForms .tableBase th,
  .ptForms .tableBase td {
    font-size: .8em;
  }
}