.contents-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.contents-box {
  margin:1rem;
  padding: 0;
  width: 70px;
  height: 70px;
  border-radius: 10px;
  position: relative;
}

.contents-box p {
  font-size: 0.6rem !important;
  letter-spacing: -1px;
  font-weight: 600;
  padding: 0;	
  text-align: center;
  margin-left: 0;
  margin-right:0;
  margin-bottom: 0;
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
}

.box-green{
  border: 1px solid #91AC52;
  color: #91AC52;
}

.box-pink{
  border: 1px solid #DF817E;
  color: #DF817E;
}

.box-yellow{
  border: 1px solid #BF9C46;
  color: #BF9C46;
}

.box-brown{
  border: 1px solid #D0917F;
  color: #D0917F;
}

.box-blue{
  border: 1px solid #796BAF;
  color: #796BAF;
}

.box-lightblue{
  border: 1px solid #5FC6C0;
  color: #5FC6C0
}
.box-purple{
  border: 1px solid #88798D;
  color: #88798D
}

.down-arrow{
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid #00478b;
}

.pt-0{
  padding-top: 0;
}

.pb-20{
  padding-bottom: 20px;
}

.o-button{	
  max-width:600px !important;
}

.p-entry__body ol{
	margin-left: 2rem;
}

.l-inner_s{
	max-width: 84%;
	margin-left: auto;
	margin-right: auto;
}

.l-inner_s li{
	list-style: disc;
}

@media screen and (min-width: 768px){
  .br-sp {display: none; }
  
  .p-navi__list a {
	  padding: 15px 20px;
  }
}