/* botton
   ========================================================================== */
.button20 a {
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 1em 2em;
  width: 300px;
  color: #333;
  font-size: 18px;
  font-weight: 700;
  background-color: #cccccc;
  transition: 0.3s;
}

.button20 a::before {
  content: '';
  position: absolute;
  top: 50%;
  right: 2em;
  transform: translateY(-50%) rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: 2px solid #333333;
  border-right: 2px solid #333333;
  transition: 0.3s;
}

.button20 a::after {
  content: '';
  position: absolute;
  top: 50%;
  right: calc(2em + 5px);
  transform: translateY(-50%) rotate(45deg);
  width: 5px;
  height: 5px;
  border-top: 2px solid #333333;
  border-right: 2px solid #333333;
  transition: 0.3s;
}

.button20 a:hover {
  text-decoration: none;
  background-color: #bbbbbb;
}

.button20 a:hover::before {
  right: 1.8em;
}

.button20 a:hover::after {
  right: calc(1.8em + 5px);
}

.p_60{ margin-bottom:60px; line-height:180%; }
.p_50font{ margin-bottom:50px; line-height:180%; font-size:16px;}
.p_50{ margin-bottom:50px; line-height:180%; }
.p_40{ margin-bottom:40px; line-height:180%; }
.p_30{ margin-bottom:30px; line-height:180%; }
.p_20font{ margin-bottom:20px; line-height:180%; font-size:16px;}
.p_20{ margin-bottom:20px; line-height:180%; }
.p_10{ margin-bottom:10px; }
.p_05{ margin-bottom:5px; line-height:180%; }
.p_00{ margin-bottom:0px; line-height:180%; }

.mb_60{ margin-bottom:60px; }
.mb_50{ margin-bottom:50px; }
.mb_40{ margin-bottom:40px; }
.mb_30{ margin-bottom:30px; }
.mb_20{ margin-bottom:20px; }
.mb_10{ margin-bottom:10px; }
.mb_05{ margin-bottom:5px; }
.mb_00{ margin-bottom:0px; }			

.box_black{
	border: 1px solid #535353;
	padding: 15px;
	clear: both;
}

.float-left_50{
float: left;
width: 50%;
}
.float-right_50{
float: right;
	width: 50%;}