@charset "utf-8";

.img {
  padding: 0;
  margin: 0;
}
.item {
  width: 100%;
}
.item-img {
  padding: 0;
}
.item-body {
  padding: 0;
}
.item-title {
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 700;
  color: #ef5350;
}
.item-body p {
  font-size: 16px;
  font-weight: 400;
  color: #333;
}
.items {
  display: flex;
  justify-content: space-between;
}
.items .item {
  width: 30%;
}
h1 {
 font-size: 15px
}
ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
li#hos1{
	background: #0033cc;
	padding: 10px;
	margin: 10px;
	border-radius: 10px 10px 10px 10px;
	text-align:center;
	color:#fff;
	display: table-cell;
  	vertical-align: middle;
  	width: inherit;
  	height: inherit;
}
li#hos2{
	background: #cc0033;
	padding: 10px;
	margin: 10px;
	border-radius: 10px 10px 10px 10px;
	text-align:center;
	color:#fff;
	display: table-cell;
  	vertical-align: middle;
  	width: inherit;
  	height: inherit;
}
li#hos3{
	background: #00cc33;
	padding: 10px;
	margin: 10px;
	border-radius: 10px 10px 10px 10px;
	text-align:center;
	color:#fff;
	display: table-cell;
  	vertical-align: middle;
 	 width: inherit;
  	height: inherit;

}
li#hos4{
	background: #ff9900;
	padding: 10px;
	margin: 10px;
	border-radius: 10px 10px 10px 10px;
	text-align:center;
	color:#fff;
	display: table-cell;
  	vertical-align: middle;
 	 width: inherit;
 	 height: inherit;
}

.flex {
	display: flex;
	justify-content: center;
}
.case {
    padding: 0.5em 1em;
    margin:  0;
    border: double 5px #c0c0c0;
}
.hed {
  color: #505050;/*文字色*/
  padding: 5px;/*文字周りの余白*/
  margin:0 0 30px 0; /* 上 右 下 左 */
  display: inline-block;/*おまじない*/
  line-height: 5px;/*行高*/
  background: #dbebf8;/*背景色*/
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
  display: flex;
}

.hed:before {
  content: '●';
  color: white;
  margin-right: 25px;
}

.p_case {
 margin: 0; 
 padding: 0;
 text-align:center;
 color:#000;
 font-size:18px;
}