@charset "utf-8";


.dl_area{
	margin-top: 40px;
}
.dl_area label{
	font-size: 16px;
	margin-top: 10px;
  	margin-bottom: 10px;
}
@media screen and (max-width: 767px){
	.dl_area label{
		width: 100%;
	}
}
input[type="checkbox"].check_agree{
	display: none;
	visibility: none;
}
.check_agree_label{
  padding-left: 22px;
  position:relative;
  margin-right: 22px;
  padding-top: 2px;	
  cursor:pointer;
}
.check_agree_label:before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom:0;
  margin:auto;
  width: 16px;
  height: 16px;
  border: 1px solid #999;
  border-radius: 2px;	
}
input[type="checkbox"].check_agree:checked + .check_agree_label:after{
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  bottom:0px;
  left: 4px;
  margin:auto;
  width: 7px;
  height: 14px;
  transform: rotate(40deg) translateY(-3px);
  border-bottom: 3px solid #00a8b5;
  border-right: 3px solid #00a8b5;
}
.btn_dl{
	background-color: #ddd;
	color: #fff;
	padding: 8px 20px;
	font-size: 16px;
	border:2px solid #ddd;
	border-radius:5px;
	transition:all 0.2s linear 0s;
	cursor:default;
	display: inline-block;
}
.btn_dl.line2height{
	margin-top: 14px;
	margin-bottom: 4px;
}
@media screen and (max-width: 767px){
	.btn_dl{
		display: block;
		text-align:center;
		margin-top: 10px;
	}
}
.btn_dl.active{
	background-color: #000;
	border-color:#000;
	cursor:pointer;
}
.btn_dl:hover{
	color: #fff;
}
.btn_dl.active:focus{
	color: #fff;
	text-decoration:none;
}
@media screen and (max-width: 767px){
	
}