*{ box-sizing: border-box; }
html{ font-size: 62.5%; /* 10px */ }

body#donation-index,
body#donation-ctv,
body#donation-report{
	background: #fef7c0;
}


/* d-main */
#d-main{}
	#d-main h1{
		/* font-size: 2.2rem;
		line-height: 3;
		font-weight: bold; */
		border-top: #39BEA9 3px double;
		border-bottom: #39BEA9 3px double;
		background: linear-gradient(90deg, #c1fdc9 0%, #7ff8bb 50%, #57f5a1 100%);
	}
		body#donation-index h1 img.ttl{
			/* width: 60.5%;
			max-width: 460px; */
			width: auto;
			height: 8.53vw;
			margin: 4.53vw auto;
		}
		body#donation-ctv h1 img.ttl{
			/* width: 96%;
			max-width: 780px; */
			width: auto;
			height: 7.1vw;
			margin: 5.2vw auto;
		}
		body#donation-report h1 img.ttl{
			/* width: 52%;
			max-width: 380px; */
			width: auto;
			height: 14vw;
			margin: 1.95vw auto;
		}

	.donation-main{
		background: #FFFFFF;
		margin: 0px auto;
	}
		.donation-main-inner{
			margin: 0px auto;
			width: 100%;
			padding: 16px 16px 32px;
		}

		p.introduction{
			font-size: 1.6rem;
			line-height: 1.6;
			margin: 0 0 32px;
			text-align: left;
		}

/* /d-main */



/* donation-main-inner(index) */
.donation-main h3{
	background: #30c0a0;
	/* box-shadow: 0px 1px 1px #80f0a9; */
	color: #fff;
	font-size: 1.8rem;
	line-height: 1.6;
	font-weight: bold;
	text-align: left;
	clear: both;
	margin: 8px 0 12px;
	padding: 8px 1.2rem;
}
	.donation-main h3 span{
		font-size: 1.6rem;
	}
.donation-main div.ContentBox{
	/* background: #f8f8f8; */
	margin: 0 auto 24px;
	padding: 4px 4px;
	border-radius: 4px;
	text-align: left;
}
	.donation-main div.ContentBox p{
		font-size: 1.6rem;
		line-height: 1.64;
		margin: 0 auto 24px;
		padding: 0;
	}

	div.btn-box2{
		overflow: hidden;
		font-size: 1.6rem;
	}
		div.btn-style01{
			margin: 8px auto 24px;
		}
		div.btn-style02{
			margin: 0px auto 24px;
		}
	div.btn-style01 a,
	div.btn-style02 a{
		display: block;
		color: #FFF;
		background: #ffa800;
		width: 90%;
		max-width: 320px;
		margin: 0 auto;
		padding: 13px 0;
		text-align: center;
		border-radius: 50vw;
		-webkit-filter: drop-shadow(1px 2px 2px rgba(0,0,0,.25));
		-moz-filter: drop-shadow(1px 2px 2px rgba(0,0,0,.25));
		-ms-filter: drop-shadow(1px 2px 2px rgba(0,0,0,.25));
		filter: drop-shadow(1px 2px 2px rgba(0,0,0,.25));
		transition: 0.35s;
	}
		div.btn-style02 a{
			background: #ff007a;
		}
	div.btn-style01 a:hover,
	div.btn-style02 a:hover{
		transform: translateY(2px);
		color: #FFF;
		background: #ff8c00;
		box-shadow: 0px 0px;
		-webkit-filter: drop-shadow(0px 0px 0px rgba(0,0,0,.25));
		-moz-filter: drop-shadow(0px 0px 0px rgba(0,0,0,.25));
		-ms-filter: drop-shadow(0px 0px 0px rgba(0,0,0,.25));
		filter: drop-shadow(0px 0px 0px rgba(0,0,0,.25));
		transition: 0.35s;
	}
		div.btn-style02 a:hover{
			background: #ff005e;
		}


	div.bank-detail{
		border: 1px solid #30b3c0;
		width: 100%;
		margin: 8px auto 20px;
	}
		div.bank-detail h4{
			background: #30b3c0;
			color: #FFF;
			font-size: 1.8rem;
			font-weight: bold;
			padding: 6px;
			text-align: center;
		}
			div.bank-detail h4 span{
				font-size: 1.4rem;
			}
		div.ContentBox div.bank-detail p{
			padding: 8px 8px;
			margin: 0 auto 0;
		}
		div.bank-detail span{
			font-size: 1.4rem;
		}
	p.detail-note{
		font-size: 1.4rem;
	}


	/* 注意事項 */
	.donate-att{
		margin: 8px auto 16px;
		background: #fff0f6;
		border: #ff005c 2px solid;
		text-align: left;
		width: 100%;
	}
		.donate-att-inner{
			font-size: 1.6rem;
			line-height: 1.46;
			text-align: left;
			margin: 0 auto;
			padding: 8px 8px;
		}
		.donate-att-inner p{
			margin: 0 0 8px;
			padding: 4px 4px 0;
		}
			.donate-att-inner p strong{
				font-weight: bold;
			}
		ul.donate-att-list{
			margin: 16px auto 0;
		}
		ul.donate-att-list li{
			line-height: 1.4;
			margin: 0 0 12px;
			margin-left: 1.6rem;
			text-indent: -1.6rem;
		}

	/* /注意事項 */

/* /donation-main-inner(index) */



/* report.html */
ul.donation-welfare-how{
	font-size: 1.6rem;
	padding: 0 4px 4px;
}
	ul.donation-welfare-how li{
		margin: 0 0 16px;
	}
ul.donation-welfare-list{
	padding: 8px 0 0;
	display: flex;
	flex-wrap: wrap;
}
	ul.donation-welfare-list li{
		margin: 0 0 8px 2rem;
		white-space: nowrap;
	}

div.welfare-vehicles{
	overflow: scroll;
}
.welfare-vehicles-tbl{
	border: 1px solid #fdd201;
}
	.welfare-vehicles-tbl tr th{
		padding: 6px 10px;
		background: #ffeb8d;
		border: 1px solid #fdd201;
		white-space: nowrap;
	}
	.welfare-vehicles-tbl tr td{
		padding: 6px 10px;
		white-space: nowrap;
		border: 1px solid #fdd201;
		vertical-align: top;
	}
	.welfare-vehicles tr th:nth-child(3),
	.welfare-vehicles tr td:last-child{
		text-align: center;
	}
	.welfare-vehicles tr td:first-child{
		text-align: left;
		vertical-align: top;
	}

.welfare-photo{
	width: 100%;
	margin: 32px auto 0;
	display: flex;
	flex-wrap: wrap;
}
	.welfare-photo li{
		width: 48%;
		margin: 0 1% 16px;
	}
	.welfare-photo li img{ border: #fde62c 1px solid; }

/* /report.html */







/* PC
==================================================================================================== */
@media screen and (min-width: 1024px){

	body#donation-index{}
	body#donation-ctv{}
	body#donation-report{}

	div#main-cont{}
	
	
	/* d-main PC */
	#d-main{}
		#d-main h1{
			border-top: #39BEA9 5px double;
			border-bottom: #39BEA9 5px double;
			background: linear-gradient(90deg, #c1fdc9 0%, #7ff8bb 50%, #57f5a1 100%);
		}
			body#donation-index h1 img.ttl{
				max-width: 340px;
				height: auto;
				margin: 32px auto;
			}
			body#donation-ctv h1 img.ttl{
				max-width: 652px;
				height: auto;
				margin: 32px auto;
			}
			body#donation-report h1 img.ttl{
				max-width: 360px;
				height: auto;
				margin: 20px auto;
			}

		.donation-main{
			max-width: 1024px;
			margin: 32px auto 64px;
			padding: 0;
			-webkit-filter: drop-shadow(0px 0px 8px #fdd201);
			-moz-filter: drop-shadow(0px 0px 8px #fdd201);
			-ms-filter: drop-shadow(0px 0px 8px #fdd201);
			filter: drop-shadow(0px 0 8px #fdd201);
			border-radius: 12px;
		}
			.donation-main-inner{
				padding: 24px 56px 48px;
			}

			p.introduction{
				font-size: 2.0rem;
				line-height: 1.8;
				margin: 0 0 48px;
				text-align: center;
			}

	/* /d-main PC */

	
	
	/* donation-main-inner(index) PC */
	.donation-main h3{
		/* box-shadow: 0px 2px 1px #80f0a9; */
		font-size: 2.0rem;
		margin: 12px 0 16px;
		line-height: 2.6;
		padding: 0 1.6rem;
	}
		.donation-main h3 span{
			font-size: 1.8rem;
		}
	.donation-main div.ContentBox{
		margin: 0 auto 32px;
		padding: 8px 12px;
		border-radius: 4px;
	}
		.donation-main div.ContentBox p{
			font-size: 1.8rem;
			line-height: 1.88;
			margin: 0 auto 32px;
			max-width: 860px;
		}

		div.btn-box2{
			overflow: hidden;
			font-size: 1.8rem;
			display: flex;
		}
			div.btn-style01{
				width: 50%;
				margin: 8px auto 40px;
			}
			div.btn-style02{
				width: 50%;
				margin: 8px auto 40px;
			}
		div.btn-style01 a,
		div.btn-style02 a{
			width: 90%;
			max-width: 320px;
			margin: 0 auto;
			padding: 20px 0;
		}
			div.btn-style02 a{}
		div.btn-style01 a:hover,
		div.btn-style02 a:hover{
			transform: translateY(2px);
			box-shadow: 0px 0px;
		}
			div.btn-style02 a:hover{}
	
	
		div.bank-detail{
			border: 2px solid #30b3c0;
			width: 860px;
			margin: 8px auto 24px;
		}
			div.bank-detail h4{
				font-size: 1.8rem;
				padding: 8px;
				text-align: center;
			}
				div.bank-detail h4 span{
					font-size: 1.6rem;
				}
			div.ContentBox div.bank-detail p{
				padding: 12px 16px;
				margin: 0 auto 0;
			}
			div.bank-detail span{
				font-size: 1.6rem;
			}
		p.detail-note{
			font-size: 1.6rem;
		}


		/* 注意事項 PC */
		.donate-att{
			margin: 8px auto 24px;
			max-width: 860px;
		}
			.donate-att-inner{
				font-size: 1.8rem;
				line-height: 1.64;
				padding: 10px 8px 16px;
			}
				.donate-att-inner p{
					display: inline-block;
					text-align: left;
					margin: 0 auto 8px;
					font-size: 1.6rem;
					line-height: 1.72;
					padding: 6px 8px 0;
				}
					.donate-att-inner p strong{
						font-size: 1.8rem;
						padding: 4px 8px;
					}
				ul.donate-att-list{
					width: 96%;
					margin: 16px auto 0;
				}
					ul.donate-att-list li{
						line-height: 1.4;
						margin: 0 0 8px;
						margin-left: 1.8rem;
						text-indent: -1.8rem;
					}

		/* /注意事項 PC */
	
	/* /donation-main-inner(index) PC */



	/* report.html PC */
	ul.donation-welfare-how{
		font-size: 1.8rem;
		padding: 0 8px 8px;
	}
		ul.donation-welfare-how li{
			margin: 0 0 24px;
		}
	ul.donation-welfare-list{
		padding: 12px 0 0;
		display: flex;
		flex-wrap: wrap;
	}
		ul.donation-welfare-list li{
			margin: 0 3rem 16px 2rem;
		}

	div.welfare-vehicles{
		overflow: auto;
		/* min-width: 100%; */
	}
	.welfare-vehicles-tbl{
		border: 2px solid #fdd201;
		width: 98%;
		margin: 0 auto;
	}
		.welfare-vehicles-tbl tr th{
			padding: 16px 16px;
			font-size: 1.6rem;
			letter-spacing: 0.2rem;
		}
		.welfare-vehicles-tbl tr td{
			padding: 12px 16px;
			border: 1px solid #fdd201;
		}
		.welfare-vehicles-tbl tr td{
			vertical-align: middle;
		}

	.welfare-photo{
		margin: 40px auto 0;
	}
		.welfare-photo li{
			width: 48%;
			margin: 0 1% 24px;
		}

	/* /report.html PC */

}