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: 30%;
  min-width:30%;
  max-width:30%;
  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%;
} */
.inputo_mail span.label_pref_date {
  display: block;
}
.inputo_mail input[type="text"].input_date {
  width: calc(100% - 5em);
  min-width: calc(100% - 5em);
  max-width: calc(100% - 5em);
}
.inputo_mail a.clear_date {
  display: inline-block;
  width: 3.5em;
  height: 2.25em;
  margin-left: 0.125em;
  padding: 3px;
  border-radius: 3px;
  text-align: center;
  vertical-align: middle;
  background-color: #333333;
  color: #ffffff;
  text-decoration: none;
}
.inputo_mail a.clear_date:visited,
.inputo_mail a.clear_date:active,
.inputo_mail a.clear_date:hover {
  color: #ffffff;
}

.mod_form_select.select_stays {
  margin-left: 1em;
}


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 {
  display: flex;
  flex-direction: row;
  margin-top: 16px;

}
p.info_contact_title {
  margin-top: 16px;
  margin-bottom: 0;
}
p.info_contact_content {
  margin-top: 16px;
}
