body {

    color : #000000;
    margin-right: auto;
    margin-left : auto;
    width:100%;
    font-size:82.5%;
  
  
  }
  
  .content-area  {
      width: 100%;
      min-width: 300px;
     /* border: 1px solid #FF0000;  */
      margin: 0 auto;
      padding: 20px;
    font-size:82.5%;
  
  }
  
  
  
  .site-content {
  
  padding-top: 50px;
  padding-bottom: 0px;
  }

  /* 入力画面：在勤・在学者でない確認 */
  .confirm_residents {
    margin: 2em 0;
    background: #fff0f0;
  }
  
  
     .tbl-common01 {
          /*background-color: #EEEEEE;*/
      }
  
      .tbl-common01 dt,
      .tbl-common01 dd {
          padding: 8px 20px;
      }
  
      .tbl-common01 dt {
          float: none;
          /*background-color: #AAAAAA;*/
          border-top:1px solid #ccc;
          /*border-left: 1px solid #FFFFFF;*/
      }
  
      .tbl-common01 dt:first-of-type {
          border-top: none;
      }
  
  
  
      .tbl-common01 dd {
          /*border-top: 1px solid #ffffff;*/
          /*border-bottom: 1px solid #ffffff;*/
      }

      .tbl-common01 .tyuui_naka span {
        margin-bottom: 0;
      }
  
      .tbl-common01 span.pref_date_label {
        margin-left: 1em;
        margin-bottom: 0;
      }
  
  
  
     .tbl-common02 {
         border-top:  1px solid #ccc;
         margin-top: 3em;
      }
  
  
  
  input[type="text"] {
    width: 100%;
  }
  
  div .phone_no {
    width: 90%;
    min-width:90%;
    max-width:90%;
    display: inline-block;
    margin: 0;
    padding: 0;
  }
  
  .custom_ue input[name="Kwz_Apply_Data[phone_no1]"],
  .custom_ue input[name="Kwz_Apply_Data[phone_no2]"],
  .custom_ue input[name="Kwz_Apply_Data[phone_no3]"]{
    width: 100%;
    min-width:100%;
    max-width:100%;
    display: inline-block;
    padding-left: 4.5em;
  }
  
  input[name="Kwz_Apply_Data[preferred_date_1]"],
  input[name="Kwz_Apply_Data[preferred_date_2]"],
  input[name="Kwz_Apply_Data[preferred_date_3]"],
  input[name="Kwz_Apply_Data[preferred_date_4]"],
  input[name="Kwz_Apply_Data[preferred_date_5]"]{
   margin-left: 1em;
   width:45%;
  }
  
  .custom_ue input[name="Nnt_Apply_Data[phone_no1]"],
  .custom_ue input[name="Nnt_Apply_Data[phone_no2]"],
  .custom_ue input[name="Nnt_Apply_Data[phone_no3]"]{
    width: 100%;
    min-width:100%;
    max-width:100%;
    display: inline-block;
    padding-left: 4.5em;
  }
  
  input[name="Nnt_Apply_Data[preferred_date_1]"],
  input[name="Nnt_Apply_Data[preferred_date_2]"],
  input[name="Nnt_Apply_Data[preferred_date_3]"],
  input[name="Nnt_Apply_Data[preferred_date_4]"],
  input[name="Nnt_Apply_Data[preferred_date_5]"]{
   margin-left: 1em;
   width:45%;
  }
  
  input[type="text"]:focus {
    width: 100%;
  }
  
  
  select {
  width: 100%;
  margin-bottom: 3px;
  line-height: 120%;
  }
  
  .mod_form_select {
  width: 100%;
  line-height: 120%;
  margin-bottom: 3px;
  
  
  }
  
  
  
  button,
  input[type="reset"],
  input[type="submit"] {
  width: 100%;
  margin: 0;
  padding: 0;
  }
  
  
  
  .button_back{
  
  margin-top: 10px;
  
  }
  
  
  
  
  
  
  
  /*追加と削除*/
  .person p{
  margin-left: 0em;
  margin-top: 5em;
  margin-bottom: 5em;
  padding: 0em;
  
   /* padding-bottom: .5em;
    padding: .5em .75em;
    border-top: 3px dashed #ccc;
    border-bottom: 3px dashed #ccc;
    box-shadow: 0 7px 10px -5px rgba(0, 0, 0, .1) inset;
  */
  width: 100%;
  box-sizing:border-box;
  }
  
  
  .pur{
  
    width: 96%;
  }
  
  
  .mai{
  
      width: 96%;
  
  }
  
  
  
  
  
  
  
  /*フッタ*/
  
  
  
  footer {
  margin-top: 0;
  }
  
  
  
  
  
  .site-info_info {
  margin-top: 0px;
  padding-top: 50px;
  padding-bottom: 20px;
  padding-left: 5px;
  padding-right: 60px;
  font-size: 60%;
  width: 100%;
  }
  
  
  
  
  
  .footer-info {
    list-style: none;
    font-size: 0;
  }
  
  .footer-info li {
    display: inline-block;
    font-size: 14px;
    line-height: 24px;
  
  }
  
  .footer-info li:first-child{
  padding: 0px;
  
  }
  
  .footer-info li:last-child{
  
  padding-top: 10px;
  padding-bottom: 10px;
  
  }
  
  .footer-info li p {
    padding: 0;
   margin: 0;
   text-align: left;
  
  }
  
  .footer-info li span {
    font-size: 18px;
      display: inline-block;
  
  
  }
  
  
  .footer-info li em {
      font-style:normal;
      width:100%;
          display: inline-block;
          letter-spacing: normal;
  word-spacing: normal;
  /*
  display: inline;
  zoom: 1;
  */
  
  }
  
  
  
  
  
  .em_tel::before,
  .em_tel::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
  }
  
  
  .em_tel::-moz-focus-inner
  {
    padding: 0;
    border: 0;
  }
  
  
  .em_tel:hover{
      background-color:#f8e58c;
  }
  
  
  
  
  
  
  .em_tel{
      font-size:20px;
      font-weight:bold;
      text-decoration:none;
      text-align:center;
      padding:8px 0 10px;
      color:#333;
      background-color:#f8b862;
          border-radius:5px;
      margin-top: 50px;
      margin-bottom: 0;
  }
  
  
  
  .em_fax{
      font-size:14px;
      text-decoration:none;
      text-align:center;
      padding:8px 0 10px;
      color:#333;
      background-color:#ccc;
          border-radius:5px;
      margin-top: 20px;
      margin-bottom: 50px;
  }
  
  
  .footer-info li a {
    text-decoration: none;
    font-weight: bold;
  }
  
  
  
  .form_naka{
  
    position: relative;
    padding: .75em 1em .75em 1.5em;
    /*border: 1px solid #ccc;*/
  
  
  }
  
  .form_naka::after {
    position: absolute;
    top: .5em;
    left: .5em;
    content: '';
    width: 6px;
    height: -webkit-calc(100% - 1em);
    height: calc(100% - 1em);
    background-color: #ccc;
    border-radius: 4px;
  }
  
  
  
  
  .nyuryoku_naiyou{
  
  margin: 1em;
   padding: .95em 0em;
    /*border-top: 1px solid #ccc;*/
    border-bottom: 1px solid #ccc;
    width: 100%;
  
  }
  
  
  
  /*企画実施*/
  
  
  
  .kikaku_jissi_waku {
  padding: 1em 0em 1em 0em;
  margin: 6em 0em;
  widows: 100%;
  /*background-color:rgba(238,238,238,0.5);*/
  border-bottom: 2px solid #ddd;
  
  
  }
  
     .kikaku_jissi {
          /*background-color: #EEEEEE;*/
          padding-left: 1em;
      }
  
      .kikaku_jissi dt{
          padding: 1em 0em;
          font-weight: bold;
      }
  
      .kikaku_jissi dt span{
          /*border-bottom: 1px solid #ddd;*/
          padding-bottom: .6em;
          margin-bottom: .1em;
          margin-top: .6em;
             display: inline-block;
  
      }
  
  
          .kikaku_jissi dd {
          padding: .3em 1em 0 1em;
          border-bottom: 1px solid #ddd;
  
      }
  
      .kikaku_jissi dt {
          float: none;
          /*background-color: #AAAAAA;*/
          /*border-left: 1px solid #FFFFFF;*/
  
      }
  
  
  
  
  /*確認ボタン*/
  
  
  .submit_kakunin button{
  width: 100%;
  margin: 0em;
  padding: 0em;
  }
  
  
  .kakunin_kakunin{
  padding: 0;
  margin: 0 0 1.0em 1.0em;
  font-size: 1em;
  }
  h5.typesquare_tags {
      margin-block-start: 0.7em;
      margin-block-end: 0.5em;
  }
  
  
  
  
  /*個人情報チェック*/
.form_kakunin .agree_privacy {
  margin-bottom: 2em;
}
  .form_kakunin .agree_privacy a,
  .form_kakunin .agree_privacy a:visited {
    color: orange;
  }
  .form_kakunin .agree_privacy a:hover {
    color: #eb6101;
  }
  
  .kakunin_ce{
  padding: .6em;
  /*border-top: 1px solid #ddd;*/
  }
  
  
  
  
  
  
  .checkbox_ce-input{
    display: none;
  }
  .checkbox_ce-parts{
    padding-left: 20px;
    position:relative;
    margin-right: 0px;
      cursor : pointer;
    line-height: 1.8em;
    display: block;
  
  
  
  }
  .checkbox_ce-parts::before{
    content: "";
    display: block;
    position: absolute;
    top: .3em;
    left: 0;
    width: 15px;
    height: 15px;
    border: 2px solid #999;
    border-radius: 4px;
  }
  .checkbox_ce-input:checked + .checkbox_ce-parts{
    color: #333;
  
  }
  .checkbox_ce-input:checked + .checkbox_ce-parts::after{
    content: "";
    display: block;
    position: absolute;
    /*top: -5px;*/
    top: 1px;
    left: 5px;
    width: 7px;
    height: 14px;
    transform: rotate(40deg);
    border-bottom: 3px solid #333;
    border-right: 3px solid #333;
  }

  div.info_contact {
    flex-direction: column;
  }
  p.info_contact_title {
    margin-bottom: 0;
  }
  p.info_contact_content {
    margin-top: 0;
  }