@charset "utf-8";
/**----------------------------------------------------------
 *CSS information
 *
 * file name	: appindex.css Version:1.0
-----------------------------------------------------------*/

/*login*/

div.login,
div.forgotPassword {
  width:400px;
  margin: auto;
}
div.login input {margin-bottom:30px;}
div.login button.link {margin-top:30px;}


/* ユーザー情報の入力 */
ol.term_ol {
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
}

ol.term_ol li:before{
  padding: 0px 6px 0px 20px;
  counter-increment: item;
  content: counter(item)")";
}

input.name {width:200px;margin:0 20px 0 5px;}
input.year {width:100px;margin-right:5px;}
.month,
.day {margin:0 5px 0 20px;}



/* 個人情報の取扱について */
p.personalInformation {
  font-size:1.6em;
  text-align: center;
  margin:40px auto 20px;
}
ul.personalInformation {
  text-align: center;
  margin: auto auto 30px;}
ul.personalInformation label {
  color:#111;
  font-size:1.4em;
}




/* パス忘れ周り */
a.forgotPassword {
  margin-top:10px;
  display: block;
  text-align: center;
  font-size:1.4em;}

p.forgotPassword {
  margin:0 0 40px;
  display: block;
  text-align: center;
  font-size:1.4em;}

div.forgotPassword input {margin:0;}
div.forgotPassword .annotation {
  font-size:1.2em;
  margin-bottom:30px;}



/* 確認コード周り*/
.confirmationCode {
  text-align: center;
  font-weight: normal;
  font-size:1.6em;
}

.confirmationCode span {
  text-align: center;
  display: block;
  margin:50px 0;}



/* ユーザー情報更新 */
.UserInformationUpdateCheck {
  width:800px;
  margin: 30px auto 10px;}


/*　トップページ　*/
#topPage #contents_wrap{
  padding-left: 70px;
  padding-right: 70px;
  padding-bottom: 100px;
}
.newsArea{
  margin: 0 auto;
  padding-bottom: 40px;
}
.newsArea dt{
  padding-bottom: 10px;
  line-height: 1;
  font-size: 1.6em;
}
.newsArea dd{
  background-color: #f1f1f1;
  border: 1px solid #d4d4d4;
  padding: 10px;
  border-radius: 5px;
  margin: 0;
  font-size: 1.4em;
}
.new_application{
  color: #FFF;
  background-color: #3f5fb4;
  line-height: 60px;
  width: 300px;
  font-size: 2em;
  margin: 0;
}
.result_report{
  color: #FFF;
  line-height: 60px;
  width: 300px;
  font-size: 2em;
  margin: 0;
}
.btnArea{
  width: 640px;
  display: flex;
  justify-content: space-between;
  margin: 15px auto 0 auto;
}
.list{
      margin-top: 80px;
}
.list dt{
  padding-bottom: 10px;
  line-height: 1;
  font-size: 1.6em;
}
.list dd{
  margin: 0;
  font-size: 1.4em;
}

.listTable{
  border-radius: 3px;
  border-collapse: separate;
  border-spacing: 0;
}
.listTable th{
  background-color: #666666;
    color: #FFF;
    font-size: 1.4rem;
    text-align: left;
    padding: 10px 17px;
  border-right: 1px dotted #d4d4d4;
  line-height: 1;
}

.listTable th:last-child{
  border-right: 1px solid #d4d4d4;
}
.listTable th.progTh{
  width: calc(350px + 34px);
}
.listTable th.dayTh{
  width: calc(120px + 34px);
}
.listTable th.steyTh{
  width: calc(225px + 34px);
}
.listTable th.btnTh{
  width: 100px;
}
.listTable td{
  background-color: #f1f1f1;
    padding: 7px 17px;
  font-size: 1.4rem;
  border-right: 1px dotted #d4d4d4;
}
.listTableEx td{
  background-color: #f1f1f1;
  padding: 7px 10px;
  font-size: 1.3rem;
  border-right: 1px dotted #d4d4d4;
}
.listTable td:last-child{border-right: 1px solid #d4d4d4;}
.listTable tr:first-child :first-child{
  border-top-left-radius:3px;}
.listTable tr:first-child :last-child{
  border-top-right-radius:3px;}
.listTable tr:last-child :first-child{
  border-bottom-left-radius:3px;}
.listTable tr:last-child :last-child{
  border-bottom-right-radius:3px;}
.listTable td .delBtn{
  font-size: 1.4rem;
  background-color: #eb5244;
  margin: 0;
  width: 70px;
}
.listTable td .bopBtn{
  font-size: 1.5rem;
  padding: 4px 22px;
}
.listTable td .delBtn:disabled{
  background-color: #999999;
}

/*　新規申請　*/
#new_application #contents_wrap{
  padding-left: 70px;
  padding-right: 70px;
  padding-bottom: 110px;
}
#new_application h2{
  font-size: 1.6em;
  border-bottom: 1px solid #008a54;
  color: #666666;
  padding-bottom: 5px;
  margin-bottom: 0;
}
.new_applicationList{
  margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.new_applicationList li{
  list-style: none;
  width: 380px;
  margin-top: 12px;
  display: inline-block;
  height: 126px;
}
.new_applicationList li a{
  border: 1px solid #d4d4d4;
    line-height: 57px;
    width: 380px;
    display: block;
    text-align: center;
    text-decoration: none;
    font-size: 1.6em;
    font-weight: bold;
  background: -moz-linear-gradient(
0deg, #d4d4d4, #FFF);
   background: -webkit-linear-gradient(
0deg, #d4d4d4, #FFF);
    background: linear-gradient(
0deg
, #d4d4d4, #FFF);
    border-radius: 3px;
  position: relative;
}
.new_applicationList li a::before{
  position: absolute;
    top: 0px;
    right: 15px;
    font-family: "font Awesome 5 Free";
    content: '\f0da';
    color: #007449;
    font-size: 20px;
    z-index: 1;
    font-weight: 900;
}
.new_applicationList li a.offBtn{
  background: #bfbfbf;
    color: #8d8d8d;
    cursor: inherit;
}
.new_applicationList li a.offBtn:hover{
  color: #8d8d8d;
  opacity: 1;
}
.new_applicationList li a.offBtn::before{
  color: #8d8d8d;
}
.new_applicationList li p{
    font-size: 1.2em;
    line-height: 1.4em;
    margin: 0;
    margin-top: 4px;
    display: block;
}
.grant_amount {
  color: #eb5244;
  font-weight: 600;
  font-size: 1.4em;
  text-align: left;
}

/*　結果報告　*/
#result_report #contents_wrap{
  padding-left: 70px;
  padding-right: 70px;
  padding-bottom: 110px;
}
.no_applecation{
      text-align: center;
    font-weight: bold;
    font-size: 1.6em;
    color: #999999;
      padding-top: 10px
}
button.return{
    margin-top: 40px;
}
#panel {
  width: 150px;
    height: 150px;
}
.indicator::before {
  content: "";
  height: 100px;
  width: 100px;
  position: absolute;
  border: 50px solid transparent;;
  border-bottom-color: #aaa;
  margin-top: -5px;
}

.indicator::after {
  content: "";
  height: 100px;
  width: 100px;
  position: absolute;
  border: 50px solid transparent;;
  border-top-color: #555;
  margin-top: 105px;
}
.table th.sortTh {
  cursor: pointer;
  position: relative;
}

.table th.up_arr::before {
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  border: 5px solid transparent;
  right: 10px;
  top: 55%;
}
.table th.down_arr::before {
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  border: 5px solid transparent;
  right: 10px;
  top: 40%;
}

.table th.up_arr::before {
    border-bottom-color: #999;
    margin-top: -10px;
}
.table th.up_arr.active::before {
  border-bottom-color: #fff;

}
.table th.down_arr::before {
    border-top-color: #999;
    margin-top: 2px;
}
.table th.down_arr.active::before {
  border-top-color: #fff;
}

/*.table th.sortTh.asc::before {
          border-bottom-color: #aaa;
      }
      .table th.sortTh.desc::after {
          border-top-color: #aaa;
      }*/