.forpas-loading-progress-container{
    font-size: 0.8rem;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(0,0,0,0.8);
}

.forpas-loading-progress{
    display: grid;
    grid-template-areas: 
        "one two message"
        "three four message";
    column-gap: 5px;
    row-gap: 5px;
    grid-template-columns: [one] 40px [two] 40px [message] auto;
    grid-template-rows: [one] 40px [three] 40px;
}

    
.centered {
    position: fixed;
    left: 50%;
    transform: translate(-50%, 0);
}

.form-signin {
  padding: 15px;
  margin: 0 auto;
}



.cont {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: large;
}


.bg-prefecture{
    background-color: #FF4500;
}

.bg-city {
	background-color: #00BFFF;
}
.bg-rinpan{
    background-color: #8B4513;
}
.bg-shohan{
    background-color: #BA55D3;
}
.bg-segyohan{
    background-color: #00CD00;
}


.form-control {
	padding-top: 2px;
    padding-bottom: 2px;
	height: calc(1.4rem + 2px);
	color: black;
	font-weight: 800;
}

.form-control.edit{
    background-color: lavender;
}

.form-control, form label{
    /* font-size: 0.8rem; */
  }


-------------------------------------------
--FLAG ICONS
-------------------------------------------
.fib {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.fi {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
  position: relative;
  display: inline-block;
  width: 1.33333333em;
  line-height: 1em;
}
.fi:before {
  content: '\00a0';
}
.fi.fis {
  width: 1em;
}
.fi-jp {
  background-image: url(../flags/jp.svg);
}
.fi-us {
  background-image: url(../flags/4x3/us.svg);
}