@charset "UTF-8";

.worp_box3 { display: flex; flex-wrap: wrap; margin: 2rem auto 5rem; }
.worp_box3_last { display: flex; flex-wrap: wrap; margin: 2rem auto 0; }

.worp_box3 .item_box, .worp_box3_last .item_box { 
  width: 33.33%; 
  max-width: 350px; 
  margin-right: 2%; 
  border: 1px solid #ddd; 
  }

.item_box a { 
  display: flex; 
  flex-direction: column; 
  height: 100%; 
  width: 100%; 
  background: #FFFFFF; 
  padding: 0px; 
  text-decoration: none; 
  }

.item_box_p1 { 
  margin: auto 0 0; 
  min-height: 40px; 
  box-sizing: border-box; 
  background: #5b9bd5; 
  border: 1px solid #5b9bd5; 
  color: #fff; 
  font-size: 16px; 
  margin: 0px; 
  padding: 5px; 
  text-align: center; 
  }

.item_box_p2 { 
  margin: auto 0 0; 
  min-height: 40px; 
  box-sizing: border-box; 
  background: #70ad47; 
  border: 1px solid #70ad47; 
  color: #fff; 
  font-size: 16px; 
  padding: 5px; 
  text-align: center; 
  }

.item_box_p3 { 
  margin: auto 0 0; 
  min-height: 10px; 
  box-sizing: border-box; 
  background: #0a4fa3; 
  border: 1px solid #0a4fa3; 
  color: #fff; 
  font-size: 16px; 
  padding: 5px; 
  text-align: center; 
  }

.item_box_p4 { 
  margin: auto 0 0; 
  min-height: 10px; 
  box-sizing: border-box; 
  background: #d01027; 
  border: 1px solid #d01027; 
  color: #fff; 
  font-size: 16px; 
  padding: 5px; 
  text-align: center; 
  }

.item_box_p5 { 
  margin: auto 0 0; 
  min-height: 10px; 
  box-sizing: border-box; 
  background: #6fc3ad; 
  border: 1px solid #6fc3ad; 
  color: #fff; 
  font-size: 16px; 
  padding: 5px; 
  text-align: center; 
  }


/* SIDE MENU ******************** */
.side_box { 
  position: fixed; 
  bottom: 100px; 
  right: 0px; 
  width: 200px; 
  z-index: 10;
  }


/* SIDE MENU ******************** */
/* SIDE MENU ITEM ******************** */
.side_box_item_box { 
  display: flex;
  justify-content: center; /* 横方向の中央揃え */
  align-items: center;     /* 縦方向の中央揃え */
  
  width: 100%; 
  height: 4rem; 
  margin: .5rem auto; 
  
  /* padding: 1rem 0px;  ← 削除します（理由は後述） */
  
  text-decoration: none; 
  text-align: center;      /* <br>で改行した文字を中央揃えにするため残す */
  color: #fff; 
  }
.s_b_i_b1 { background: #5b9bd5; }
.s_b_i_b2 { background: #70ad47; }

.side_box_item_box:hover { opacity: .5; }

/* SIDE MENU ITEM ******************** */