/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
    margin-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

.footer-content {
    margin-top: 30px;
    margin-bottom: 10px;
    margin-right: 17px;
    text-align: right;
    font-size: 0.5rem;
}

.login-content {
    margin-right: 17px;
    text-align: right;
    font-size: 0.8rem;
}

/* Set widths on the form inputs since otherwise they're 100% wide */
input,
select,
textarea {
    max-width: 280px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .body-content {
        padding: 0;
    }
}

body, p, form, input {
    margin: 0;
}

/*トップ画面*/
.top-container-image {
  margin: 0px 0px 0px 150px;
  text-align: center;
}

.top-container-title {
  margin: 15px 0px 0px 0px;
  text-align: center;
  font-size: 1.2rem;
}

/*タブ*/
.tab-wrap {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.tab-wrap ul {
  /*追加*/ display: flex;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.tab-wrap-notactive-b-li {
  /*追加*/ width: 100%;
  /*追加*/ box-sizing: border-box;
  /*追加*/ text-align: center;
  padding: 10px;
  border-bottom: 1px solid #333;
  font-weight:bold;
  font-size: 1rem;
}

.tab-wrap-active-tlr-li {
  /*追加*/ width: 100%;
  /*追加*/ box-sizing: border-box;
  /*追加*/ text-align: center;
  padding: 10px;
  border-top: 1px solid #333;
  border-left: 1px solid #333;
  border-right: 1px solid #333;
  font-weight: bold;
  font-size: 1rem;
}

.tab-wrap-link {
  text-decoration: none;
  color: black;
  font-weight: bold;
  font-size: 1rem;
}

  .tab-wrap-link:hover {
    color: #FF7514;
  }

.tab-wrap-link2 {
  text-decoration: none;
  color: lightgray;
  font-weight: bold;
  font-size: 1rem;
}

  .tab-wrap-link2:hover {
    color: lightgray;
  }
/*タブ内*/
.tab-in {
  margin-top: 10px;
  margin-left: auto;
  text-align: center;
}

.tab-in2 {
  margin-top: 0px;
  text-align: left;
}

.tab-in2 .table_line {
  display: table;
  margin-bottom: 4px;
  font-size: 0.8rem;
}

.tab-in2 .block {
  display: table-row;
  vertical-align: central;
  font-size: 0.8rem;
}

/*ログイン画面*/
.login-form {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

  .login-form .child-c {
    text-align: center;
    font-size: 0.8rem;
    margin: 0px 0px 10px 0px;
  }

  .login-form .child-c2 {
    text-align: center;
    font-size: 0.8rem;
    margin: 20px 0px 10px 0px;
  }

.login-form .child-l {
  text-align: left;
  font-size: 0.8rem;
  margin: 0px 0px 10px 0px;
}

.login-link {
  text-decoration: none;
  color: #62BAD2;
  font-size: 1rem;
}

  .login-link:hover {
    color: #62BAD2;
    border-bottom-style: solid;
  }

/*申請タブ*/
.tab-sinsei-in-waku {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 0.8rem;
  border: 1px solid black;
  width: 720px;
  padding: 3px;
  text-align: center;
}

.tab-sinsei-in-wakunasi {
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 0.8rem;
  width: 720px;
  padding: 3px;
  text-align: center;
}

  
.tab-sinsei-in {
  margin-top: 5px;
  margin-left: 5px;
  text-align: center;
}

.tab-sinsei-in .block3 {
  vertical-align: central;
  text-align: center;
  font-size: 1rem;
  font-weight: bold;
}

.tab-sinsei-in2 {
  margin-top: 0px;
  text-align: left;
}

  .tab-sinsei-in2 .table_line {
    display: table;
    margin-bottom: 10px;
    font-size: 0.8rem;
  }

  .tab-sinsei-in2 .blocktitle {
    display: table-cell;
    vertical-align: central;
    text-align: left;
    font-size: 0.8rem;
    width: 170px;
  }

  .tab-sinsei-in2 .block {
    display: table-cell;
    vertical-align: central;
    text-align: left;
    font-size: 0.8rem;
  }

  .tab-sinsei-in2 .block2 {
    display: table-cell;
    vertical-align: central;
    text-align: center;
    font-size: 1rem;
    font-weight: bold;
  }

  .tab-sinsei-in2 .block3 {
    vertical-align: central;
    text-align: center;
    font-size: 0.8rem;
  }

  .tab-sinsei-in2 .table_line2 {
    display: table;
    font-size: 0.8rem;
  }

.tab-sinsei-in3 {
  margin-top: 0px;
  margin-bottom: 20px;
  text-align: center;
}

/*コンテンツ*/

.tab-contents-in {
  margin-top: 15px;
  margin-left: 5px;
  text-align: center;
}

.tab-contents-in2 {
  margin-top: 0px;
  text-align: left;
}

.tab-contents-in3 {
  margin-top: 35px;
  margin-left: 5px;
  margin-bottom: 15px;
  text-align: center;
}

  .tab-contents-in2 .table_line {
    display: table;
    margin-bottom: 10px;
    font-size: 0.8rem;
  }

  .tab-contents-in2 .table_line2 {
    display: table;
    margin-top: 30px;
    margin-bottom: 10px;
    font-size: 0.8rem;
  }

  .tab-contents-in2 .blocktitle {
    display: table-cell;
    vertical-align: central;
    text-align: left;
    font-size: 1rem;
    width: 20px;
  }

  .tab-contents-in2 .block {
    display: table-cell;
    vertical-align: central;
    text-align: left;
    font-size: 1rem;
  }


/*ソフトウェア*/
.tab-software-in {
  margin-top: 15px;
  margin-left: 5px;
  margin-bottom: 15px;
  text-align: center;
}

  .tab-software-in table {
    display: inline-block;
    border-collapse: separate;
    border-spacing: 3px;
    text-align: center;
  }

  .tab-software-in .blocktitle {
    font-size: 1rem;
    background: #FF7514;
    color: #FFFFFF;
    padding:5px;
    text-align:left;
  }

  .tab-software-in .block {
    font-size: 1rem;
    background: #F7D5CD;
    padding: 5px;
    text-align: left;
  }

  .tab-software-in .blockhouhou {
    font-size: 1rem;
    background: #F7D5CD;
    padding: 5px;
    text-align: left;
    width: 520px;
  }

.loadingprocess {
  /*display: none;
  position: absolute;
  top: 50%;*/ /*親要素を起点に上から50%*/
  /*left: 50%;*/ /*親要素を起点に左から50%*/
  /*transform: translateY(-50%) translateX(-50%);*/ /*要素の大きさの半分ずつを戻す*/
  /*-webkit-transform: translateY(-50%) translateX(-50%);
  background-color: rgba(206, 206, 206, 0.5);
  text-align:center;*/

  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  z-index: 4000;
}

.loadinbackground {
  display: none;
  position: absolute;
  z-index: 3000;
  background-color: rgba(201, 201, 201, 0.4);
  width: 100%;
  min-width: 1800px;
  height: 100%;
  min-height: 1800px;
}