@charset "utf-8";

/*========= ���C�A�E�g�̂��߂�CSS ===============*/

body{
  background:#ECF2FC;
}

h1{
  text-align: center;
  text-transform: uppercase;
  font-size: 2rem;
  margin:30px 0;
}

.lead{
  padding: 20px;
  text-align: center;
}

.box{
  max-width:500px;
  width:100%;
  margin: 130px auto;
  padding: 20px;
  background:#fff;
  text-align: center;
}

.count-size{
  font-size:180%;
  font-weight: bold;
  color: #252c8c;
}

.container{
    width:92%;
    height:auto;
    position: relative;
}
.container img{
    width:auto%;
    height:auto;
}
pp1{
    position: absolute;
    top:53%;
    left:27%;
    transform: translate(-50%,-50%);
    padding:0;
    margin:0;
    font-size:3vmax;
    color: blue;
}
pp2{
    position: absolute;
    top:75%;
    left:27%;
    transform: translate(-50%,-50%);
    padding:0;
    margin:0;
    font-size:3vmax;
    color: blue;
}
pp3{
    position: absolute;
    top:50%;
    left:70%;
    transform: translate(-50%,-50%);
    padding:0;
    margin:0;
    font-size:2.5vmax;
    color: blue;
}
pp4{
    position: absolute;
    top:63%;
    left:70%;
    transform: translate(-50%,-50%);
    padding:0;
    margin:0;
    font-size:3vmax;
    color: blue;
}
pp5{
    position: absolute;
    top:40%;
    left:28%;
    transform: translate(-50%,-50%);
    padding:0;
    margin:0;
    font-size:3vmax;
    color: blue;
}

.txt1{
  font-size: 3vw;
}
.txt2{
  font-size: 4vh;
}
.txt3{
  font-size: 5vmin;
}
.txt4{
  font-size: 6vmax;
}