@charset "UTF-8";

img {
	width: 100%;
}
.color_box .noto_tab .container_tab_ttl {
	white-space: nowrap;
}
.local_container .cover_catch {
	font-size: calc((28/750)*100vw);
	line-height: calc((44/750)*100vw);
	letter-spacing: .09em;
}
.local_container .cover_lead {
	font-size: calc((22/750)*100vw);
	line-height: calc((36/750)*100vw);
	letter-spacing: 0.122em;
	text-align: justify;
}

.noto_annotation {
	font-size: calc((16/750)*100vw);
	margin-top: calc((34/750)*100vw);
}

/* table */
.noto_tableContainer {
	border: 2px solid #0076C0;
	margin-top: calc((48/750)*100vw);
}
.noto_tableTr {
	width: 100%;
}
.noto_tableTr:nth-child(n+2) {
	border-top: 1px solid #0076C0;
	width: 100%;
}
.noto_tableTr .-firstColumn {
	width: calc((190/750)*100vw);
	height: calc((106/750)*100vw);
}
.noto_tableTh {
	background-color: #F2F2F2;
	border-right: 1px solid #0076C0;
	text-align: center;
	vertical-align: middle;
	font-size: calc((26/750)*100vw);
}
.noto_tableTd {
	border-right: 1px solid #0076C0;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	font-size: calc((32/750)*100vw);
	width: calc((146/750)*100vw);
}
.noto_tableTr .noto_tableTh:last-child,
.noto_tableTr .noto_tableTd:last-child {
	border-right: none;
}
.noto_tableSumTh, .noto_tableSumTd {
	background-color: #0076C0;
	color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
	font-size: calc((26/750)*100vw);
	height: calc((105/750)*100vw);
}
.noto_tableTr .noto_tableSumTh, 
.noto_tableTr .noto_tableSumTd {
	height: calc((104/750)*100vw);
}
.noto_tableSumTh.-firstColumn {
	border-right: 1px solid #FFFFFF;
}
.noto_tableSumTd {
	font-size: calc((32/750)*100vw);
	border-right: 1px solid #FFFFFF;
}
.noto_tableSumTd:last-of-type {
	border-right: none;
} 
.noto_tableNotes {
	vertical-align: super;
	font-size: calc((18/750)*100vw);
}
.noto_tableAnnotationContainer {
	margin-top: calc((30/750)*100vw);
}
.noto_tableAnnotation {
	font-size: calc((16/750)*100vw);
	line-height: calc((26/750)*100vw);
}

/* img Flex */
.noto_imgContainer {
	margin-top: calc((44/750)*100vw);
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.noto_imgItem {
	width: calc((100% - 12px)/2);
	text-align: center;
}
.noto_imgItem:nth-child(2n) {
	margin-left: auto;
}
.noto_imgThumb {
	width: 100%;
}
.noto_imgCaption {
	font-size: calc((22/750)*100vw);
	line-height: calc((36/750)*100vw);
	letter-spacing: 0.1em;
	margin-top: calc((22/750)*100vw);
}

/* dontaion Area */
.noto_donationContainer {
	margin-top: calc((80/750)*100vw);
}
.noto_donationItem {
	margin-top: calc((50/750)*100vw);
}
.noto_donationImg {
	width: calc((302/750)*100vw);
}
.noto_donationImg.-saveTheChildren {
	width: calc((378/750)*100vw);
}
.noto_donationTitle {
	font-size: calc((24/750)*100vw);
	line-height: calc((38/750)*100vw);
	letter-spacing: 0.1em;
	margin-top: calc((34/750)*100vw);
}
.noto_donationText {
	font-size: calc((22/750)*100vw);
	line-height: calc((36/750)*100vw);
	letter-spacing: 0.1em;
	margin-top: calc((30/750)*100vw);
	text-align: justify;
}
.noto_donationName {
	font-size: calc((22/750)*100vw);
	line-height: calc((36/750)*100vw);
	letter-spacing: 0.1em;
	margin-top: calc((50/750)*100vw);
}
.noto_donationDescription {
	font-size: calc((16/750)*100vw);
	line-height: calc((26/750)*100vw);
	letter-spacing: 0.1em;
	margin-top: calc((30/750)*100vw);
	text-align: justify;
}

@media screen and (max-width: 812px) {
	.color_box .noto_tab {
		width: calc((314*1.2/750)*100vw);
	}
	.noto .L4_cover .cover_lead {
		letter-spacing: 0.122em;
	}

	/* img Flex */
	.noto_imgItem:nth-child(n+3) {
		margin-top: calc((30/750)*100vw);
	}
}

@media screen and (min-width: 813px) {
	.color_box .noto_tab {
		width: calc((392/1176)*100%);
	}
	.noto_annotation {
		font-size: 12px;
		line-height: 20px;
		letter-spacing: 0.13em;
		margin-top: 30px;
	}
	.noto .local_container {
		margin-top: 110px;
	}
	.local_container .cover_catch {
		font-size: 37px;
    line-height: 60px;
    letter-spacing: .09em;
	}
	.local_container .cover_lead {
		font-size: 23px;
    line-height: 45px;
		letter-spacing: 0.122em;
	}
	.noto_titleDate {
		font-size: 20px;
	}

	/* img Flex */
	.noto_imgContainer {
		margin-top: 34px;
		width: 100%;
	}
	.noto_imgItem {
		width: calc((100% - 108px)/4);
		text-align: center;
	}
	.noto_imgItem:nth-child(n+2) {
		margin-left: auto;
	}
	.noto_imgThumb {
		width: 100%;
	}
	.noto_imgCaption {
		font-size: 15px;
		line-height: 25px;
		letter-spacing: 0.1em;
		margin-top: 20px;
	}

	/* dontaion Area */
	.noto_donationContainer {
		margin-top: 110px;
	}
	.noto_donationContainer .cover_lead {
		margin-top: 50px;
	}
	.noto_donationItem {
		margin-top: 38px;
	}
	.noto_donationImg {
		width: 300px;
	}
	.noto_donationImg.-peacewinds {
		width: 276px;
	}
	.noto_donationImg.-saveTheChildren {
		width: 415px;
	}
	.noto_donationTitle {
		font-size: 30px;
		line-height: 41px;
		letter-spacing: 0.1em;
		margin-top: 30px;
	}
	.noto_donationText {
		font-size: 15px;
		line-height: 25px;
		letter-spacing: 0.147em;
		margin-top: 30px;
	}
	.noto_donationName {
		font-size: 15px;
		line-height: 25px;
		letter-spacing: 0.1em;
		margin-top: 27px;
	}
	.noto_donationDescription {
		font-size: 12px;
		line-height: 22px;
		letter-spacing: 0.1em;
		margin-top: 20px;
	}

	/* table */
	.noto_tableContainer {
		margin-top: 40px;
	}
	.noto_tableTr .-firstColumn {
		width: 75px;
		height: 65px;
	}
	.noto_tableTh {
		font-size: 14px;
		width: 92px;
	}
	.noto_tableTd {
		font-size: 18px;
		width: 80px;
		height: 68px;
	}
	.noto_tableSumTh, .noto_tableSumTd {
		font-size: 14px;
		width: 76px;
		height: 65px;
	}
	.noto_tableTr .noto_tableSumTh, 
	.noto_tableTr .noto_tableSumTd {
		height: 65px;
		border-bottom: 1px solid #FFFFFF;
	}
	.noto_tableSumTd {
		font-size: 18px;
	} 
	.noto_tableSumTd.-noBorder {
		border-bottom: none;
	}
	.noto_tableNotes {
		font-size: 10px;
	}
	.noto_tableAnnotationContainer {
		margin-top: 16px;
	}
	.noto_tableAnnotation {
		font-size: 12px;
		line-height: 20px;
		letter-spacing: 0.163em;
	}
}