@charset "utf-8";
/* about/donation */
.ml10{margin-left:10px !important;}
.mr10{margin-right:10px !important;}
.mr30{margin-right:30px !important;}
.grecaptcha-badge {
	z-index: 999;
}
.donation #left img {
	width: 100%;
}
.donation a.button01 {
	margin: 35px auto;
	padding: 12px 20px 37px;
	width: 280px;
	color: #FFF;
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	border: none;
	background: #FFF;
	border: 1px solid #69BE38;
	box-shadow: inherit;
}
.donation a.button01::before {
	background-color: #69BE38;
}
.donation a.button01::after {
	width: 15px;
	height: 15px;
	top: 34%;
	right: 15px;
	background: url(../img/member_icon04.png) no-repeat center center / 100%;
}
@media screen and (min-width:481px) {
	.donation a.button01:hover {
		color: #69BE38;
		background: #FFF;
	}
	.input01{
		width:70%;
	}
	.input02{
		width:40%;
	}
	.input03{
		width:15%;
	}
	.input04{
		width:42%;
	}
	.select01{
		width:48%;
	}
	.textarea01{
		width:70%;
		height:10em;
	}
	.form_id > p{
		padding:0 20px;
	}
	.form_id table{
		width:690px;
		margin-bottom:20px;
	}
	.form_id table tr{
		border-bottom:1px solid #E8E8E8;
	}
	.form_id table th{
		width:35%;
		padding:35px 20px 20px 20px;
	}
	.form_id table td{
		width:65%;
		padding:20px;
		line-height:3.5em;
	}
	.form_id table td p{
		line-height:1.5em;
		height:26px;
		vertical-align:middle;
		display:inline-block;
	}
	.form_id table td div{
		line-height:1.5em;
		padding:20px;
		background:#fff;
	}
	.form_id table td input,
	.form_id table td select{
		display:inline-block;
		vertical-align:middle;
		border:2px solid #E9E9E9;
		padding:8px;
		margin:0;
	}
	.form_id table td input[type=checkbox]{
		padding-top:20px;
	}
	.form_id button{
		padding:10px 20px;
		margin:0 auto;
		cursor:pointer;
	}
	.form_id table td p span.f12 + input{
		margin-left:10px;
	}
	#any{
		display:inline-block;
		padding:5px 0;
		width:100% !important;
		height:26px;
	}
	#any > label > input[type="radio"] + span{
		opacity:0;
		display:inline-block !important;
		margin-top:-10px;
	}
	#any > label > input[type="radio"]:checked + span{
		opacity:1;
	}
	.dona_box02 {
		text-align:center;
		margin-bottom:30px;
	}
	.dona_box02 p{
		font-size:30px;
		font-weight:bold;
		margin:50px 0 30px;
	}
	.dona_box02 span{
		display:block;
		margin-bottom:20px;
		font-size:18px;
	}
}
@media screen and (min-width: 0px) and (max-width: 480px) {
	.grecaptcha-badge {
		bottom: 5px !important;
	}
	.input01{
		width:90%;
	}
	.input02{
		width:60%;
	}
	.input03{
		width:30%;
	}
	.input04{
		width:90%;
	}
	.select01{
		width:60%;
	}
	.textarea01{
		width:90%;
		height:10em;
	}
	.form_id > p{
		padding:0 5%;
	}
	.form_id table{
		width:100%;
	}
	.form_id table tr{
	}
	.form_id table th{
		float:left;
		box-sizing:border-box;
		width:100%;
		padding:3% 5%;
		background:#EFEEE9;
	}
	.form_id table td{
		float:left;
		box-sizing:border-box;
		width:100%;
		padding:3% 5%;
		line-height:3.5em;
	}
	.form_id table td p{
		line-height:1.5em;
	}
	.form_id table td div{
		line-height:1.5em;
		padding:5%;
		background:#FAFAFA;
	}
	.form_id table td input,
	.form_id table td select{
		display:inline-block;
		vertical-align:middle;
		border:2px solid #E9E9E9;
		padding:8px;
		margin:0;
	}
	.form_id table td label{
		white-space:nowrap;
	}
	.form_id table td p > label > span{
		white-space:normal;
	}
	.form_id table td input[type=checkbox]{
		padding-top:5%;
	}
	.form_id button {
		background:#fff;
		padding:3% 5%;
		margin:0 auto;
		cursor:pointer;
	}
	.donation #left {
		margin: 30px 0 40px;
	}
	.dona_box02 {
		text-align:center;
		margin-bottom:5%;
		padding:0 5%;
	}
	.dona_box02 p{
		font-size:20px;
		font-weight:bold;
		margin:8% 0 5%;
	}
	.dona_box02 span{
		display:block;
		margin-bottom:5%;
		font-size:15px;
	}
}