/*フロントフォーム*/
.input_form{
    display: block !important;
    padding: 0.375rem 0.75rem !important;
    font-size: 1rem !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #212529 !important;
    background-color: #fff !important;
    background-clip: padding-box !important;
    border: 1px solid #ced4da !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    border-radius: 0.25rem !important;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}
/*管理画面トップページ学校一覧テーブルの幅*/
.five-width{
    width: 5%;
}
.ten-width{
    width: 10%;
}
.ten-two-width{
    width: 12%;
}
.ten-three-width{
    width: 13%;
}
.ten-five-width{
    width: 15%;
}
.d-ten-width{
    width: 20%;
}
.d-ten-five-width{
    width: 25%;
}
/*フロントプログレスバー*/
.progress-container {
    padding-top: 15px;
    padding-bottom: 15px;
    /* border-right: 1px solid #dee2e6; */
    /* border-left: 1px solid #dee2e6; */
    /* border-bottom: 1px solid #dee2e6; */
    display: flex;
    justify-content: center; 
}
.progressbar {
    margin: 0;
    padding: 0;
    width: 100%;
    counter-reset: step;
            z-index: 0;
            position: relative;
  }
  .progressbar li {
    list-style-type: none;
    width: 25%;
    float: left;
    font-size: 12px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    color: #aaa;
  }
  .progressbar li:before {
    width: 30px;
    height: 30px;
    content: counter(step);
    counter-increment: step;
    line-height: 30px;
    display: block;
    text-align: center;
    margin: 0 auto 10px auto;
    border-radius: 50%;
    background-color: #eee;
  }
  .progressbar li:after {
    width: 100%;
    height: 2px;
    content: '';
    position: absolute;
    background-color: #eee;
    top: 15px;
    left: -50%;
    z-index: -1;
  }
  .progressbar li:first-child:after {
    content: none;
  }
  .progressbar li.active {
    color: green;
  }
  .progressbar li.active:before {
    background-color: #55b776;
    color:#fff;
  }
  .progressbar li.active + li:after {
    background-color: #55b776;
  }
/*フロントサブタイトル*/ 
.sub-tit {
    padding: 0.25rem;
    margin: 0;
    margin-top: 2rem;
    --tw-bg-opacity: 1;
    background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
    font-size: 0.8rem;
    text-align: center;
}
/*フォントサイズ小さくしたい部分*/
.font-8 {
    font-size: 0.8rem;
}

/* */
input.form-control {
  outline: 0;
  border-width: 0 0 2px;
  border-radius: 0;
}
/*フロント商品選択サブ商品のマージン設定*/
.sub-margin {
  margin-left: 0 !important;
}
/*フロント container-fluidクラスのmax-width　と　padding*/
.front-container {
  max-width: 640px;
  margin: auto;
  padding-top: 3rem;
  padding-right: 0 !important;
  padding-left: 0 !important;
  padding-bottom: 2rem;
}
@media screen and (min-width: 960px) {
  .front-container {
    max-width: 960px;
    margin: auto;
    padding-top: 3rem;
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding-bottom: 2rem;  
  }
}
.login-container {
  max-width: 480px !important;
  padding-top: 3rem;
  padding-right: 0 !important;
  padding-left: 0 !important;
  padding-bottom: 3rem;
} 

/*
* footter 
*/
.a-color {
  color: #333333;
}
.a-color:hover {
  text-decoration: underline;
}
footer {
  width: 100%;
  text-align: center;
  bottom: 0;
  margin-bottom: 2rem;
}

/*
* max-width
*/
.mw-960 {
  max-width: 960px;
}
.wrapper{
  min-height: 100vh;
  position: relative;/*←相対位置*/
  padding-bottom: 10px;/*←footerの高さ*/
  box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}

/*
* tradelaw
*/
.a-link {
  color: #0081D6;
}
.a-link:hover {
  color: #0081D6;
  text-decoration: underline;
}