@charset "utf-8";
/* CSS Document */

.sub #main a {
	color: #0d91b3;
}

/* color_mark */
.sub #main .c-gr { color: #33cc99 !important; font-size: inherit; }
.sub #main .c-yl { color: #ffcc66 !important; font-size: inherit; }
.sub #main .c-rd { color: #ff3366 !important; font-size: inherit; }
.sub #main .c-dg { color: #187827 !important; font-size: inherit; }

/* assets =================================================== */

/* headings */
.sub #funding h1.eng {
	margin: 0;
	padding: 0;
	color: #43513E;
	text-align: left;
	font-family: "Roboto", sans-serif;
	transform: none;
	display: block;
	position: absolute;
	top: auto;
	left: 0;
	bottom: 0.5ex;
}

.sub #main h2.eng {
	color: #276A84;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-size: 4.4rem;
	text-transform: none;
	letter-spacing: 0;
	margin-block: 7.0rem 3.0rem;
}

.sub #main h3.eng {
	color: #187827;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-size: 3.2rem;
	text-transform: none;
	letter-spacing: 0.03em;
	margin-block: 2.0em 1.0rem;
}

.sub #main h4.eng {
	color: #312F1B;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-size: 2.4rem;
	margin-block: 2.0em 1.0em;
}

.sub #main h5.eng {
	color: #312F1B;
	font-family: "Roboto", sans-serif;
	font-weight: 700;
	font-size: 2.0rem;
	margin-block: 2.0em 1.0em;
}

.sub #main .tag-title {
	display: flex;
	align-items: center;
	margin-block: 5.2rem 3.0rem;
}
	.sub #main .tag-title .tagging p {
		color: #fff;
		text-align: center;
		font-size: 2.2rem;
		font-family: 'Montserrat', sans-serif;
		font-weight: 600;
		background: #187827;
		border-radius: 4px;
		min-width: 5em;
		padding: 0.1em 0.4em;
		margin: 0 0.7em 0 0;
	}
	.sub #main .tag-title h3 {
		display: inline-block;
		font-size: 3.0rem;
		margin: 0;
		line-height: 1.4em;
	}
@media (max-width: 480px){
	.sub #main .tag-title {
		display: block;
	}
		.sub #main .tag-title .tagging p {
			display: inline-block;
			font-size: inherit;
			margin-bottom: 1.0rem;
	}
}


.sub #main p {
	margin-block: 1.0em 1.0em;
}

.sub #main figure {
	text-align: center;
	max-width: 80%;
	margin: 1.0em auto 0;
	padding: 1.0em 0;
}
		.sub #main figure img {
			width: 100%;
	}
	.sub #main figure figcaption {
		width: 100%;
		color: #312F1B;
		/*font-size: 1.6rem;*/
		font-weight: bold;
		text-align: inherit;
		margin-block: 1.0em;
	}

.sub #main .notes {
	margin-block: 3.0em 0;
	padding: 1.0rem 3.0rem;
	background: #F7F7F7;
}
	.sub #main .notes p,
	.sub #main .notes ul li {
		margin-block: 1.0em;
		font-size: 1.4rem;
	}
	.sub #main .notes sup {
		margin-right: 0.5rem;
}

/* Table */
.tbl td,
.tbl th {
	font-size: 1.6rem;
	line-height: 1.4;
	word-break: keep-all;
	border-color: #999;
	padding: 0.8em;
	min-width: 3.0em;
}
.tbl caption {
	font-size: 1.8rem;
	font-weight: bold;
	margin-block: 1.0em;
	text-align: center;
	caption-side: top; 
}
.tbl th,
.tbl tfoot{
	font-weight: bold;	
}
	.tbl th span.th-small {
		font-size: 1.4rem !important;
		font-weight: normal;
	}

.tbl-d01 th {
	color: #187827;
	background-color: #ECF5D7;
	border: 1px solid #187827;
}

.tbl-d02 th {
	color: #312F1B;
	background-color: #eeeeee;
}
.tbl-s01 th {
	color: #312F1B;
	background-color: transparent;
}
.tbl-l01 {
	border-bottom: 2px solid #73C38F;
}
.tbl-l01 th,
.tbl-l01 td {
	border: none;
	padding-inline: 1.0em;
}
.tbl-l01 th {
	color: #187827;
	background-color: #ECF5D7;
	border-top: 2px solid #73C38F;
	border-bottom: 2px solid #73C38F;
}
.tbl-l01 td {
	border-top: none;
	border-bottom: 1px solid #73C38F;
}
	.tbl-l01 tbody td:first-of-type {
		color: #187827;
		font-weight: bold;
	}
.tbl-l01 tfoot td {
	border-top: 1px solid #73C38F;
}
.tbl-clear {
	max-width: 700px;
}
.tbl-clear th,
.tbl-clear td {
	color: #312F1B;
	background: transparent;
	border: none;
}


.sub #main table.tbl td span {
	font-size: 1.6rem;
}
.sub #main .tbl-note p {
	font-size: 1.6rem;
}

/* TextBox */
.border-box {
	border: 1px solid #ccc;
	padding: 2.4em;
}
.text-box {
	border: 1px solid #ddd;
	padding: 2.0em 2.0em 4.0em;
	transition: background .4s ease;
}
.sub #main .text-box:hover {
	background-color: #F5F5F5;
}
.sub #main .text-box a,
.sub #main .text-box:hover a {
	color: #312F1B;
}
.text-box .t-box-title {
	color: #187827;
	font-weight: bold;
	margin-bottom: 1.0rem;
}
.text-box p {
	word-break: keep-all;
}
.text-box .t-box-foot {
	margin-top: 2.0rem;
	position: relative;
}
.text-box .t-box-foot .mod-underlinearrow {
	width: 16.0rem;
	position: absolute;
	right: 0;
	bottom: -2.0em;
}
.text-box .t-box-foot .mod-underlinearrow p {
	margin-block: 0;
}

/* List */
.list01 {
	margin-left: 2.2em;
}
.list01 li {
	margin: 0.4em 0 0.4em 0;
	line-height: 1.5; /*1.2*/
	list-style-position: outside;
}
.list01 > li {
	list-style-type: disc;
}

.list01 > li > ul > li {
	list-style-type: circle;
	margin-left: 2.0em;
}
.list01 > li > ul > li > ul > li {
	list-style-type: square;
}

.list02 {
	margin-left: 2.2em;
}
.list02 li {
	margin: 0.4em 0 0.4em 0;
	line-height: 1.5;
	list-style-position: outside;
}
.list02 > li {
	list-style-type: "-";
	padding-left: 0.8em;
}
.list03 {
	padding: 2.0rem;
	background: #f6f6f6;
	/*border-radius: 4px;*/
}
.list03 > li {
	padding: 0.6em 1.0em 0.6em 0.2em;
	border: 1px solid #e3e3e3;
	border-left: 4px solid #ccc;
	background: #fff;
}
	.list03 > li em.lmark {
		display: inline-block;
		color: #187827;
		/*width: 3.6em;*/
		padding-inline: 1.0em;
		min-width: 4.2em;
		text-align: center;
		font-weight: bold;
		font-style: normal;
		font-family: 'Montserrat', sans-serif;
		white-space: nowrap;
}
.list-flex {
	display: flex;
	
}

ol.list-paren {
	margin-left: 1.6em;
}
ol.list-paren li {
  list-style-type: none;
  counter-increment: cnt;
}
ol.list-paren li::before {
  content: "("counter(cnt)")";
	padding-right: 0.3em;
	margin-left: -1.6em;
}

/* Panel */
.panel > div {
	padding: 1.8em;
}
.sub #main .panel > div p:last-of-type {
	margin-bottom: 0;
}
.panel.col-cell {
	border: 2.0rem solid #f6f6f6;
}
.panel.col-cell > div {
	border: 1.5px solid #ccc;
	border-bottom: 0;
}
	.panel.col-cell > div:last-of-type {
	border-bottom: 1.5px solid #ccc;
	}
.panel.col-row {
	border-bottom: 1.5px solid #187827;
}
.panel.col-row > div {
	border-top: 1.5px solid #187827;
}
.panel.col-row > div h4 {
	color: #187827;
}

/* Button */
.btn-detail {
	display: flex;
	gap: 1.0em;
	justify-content: space-around;
}
.button-link {
  display: inline-flex;
  align-items: center;
	padding: 0.6em 3.4em;
	border-radius: 6px;
  background-color: #46B564;
  background-image: url("../../../img/ap_icon_arrow.png");
  background-repeat: no-repeat;
  transition: opacity .2s;
  color: #fff !important;
  text-decoration: none !important;
  /*text-transform: uppercase;*/
  font-size: 1.8rem;
}
.button-link:hover{
  opacity: .8;
}

@media (max-width: 1199px){
	.investiment .btn-detail {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.investiment .btn-detail .button-link{
		display: block;
	}
}
@media (max-width: 767px){
	.btn-detail {
		display: block;
		}
	.button-link{
    display: block;
    background-position: right 26px center;
    background-size: 15px auto;
  }
}
@media (min-width: 768px){
  .button-link{
    background-position: right 27px center;
    background-size: 16px auto;
  }
}

.button-link.button-down {
	background-image: url("../../../img/ap_icon_arrow_down.png")
}

/* Cards ============================== */

#main .cards-box {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: auto;
	gap: 20px;
	height: 100%;
	padding-block: 2.0rem;
}
#main .card-item {
	grid-template-rows: subgrid;
	grid-row: span 1;
  background: #fff;
	margin: 0;
	/*border: 1px solid #729135;*/
	border-radius: 16px;
	box-shadow: 2px 2px 10px 1px rgba(67, 81, 62, 0.1);
}
#main .card-item a {
	display: inline-block;
	color: #43513E;
	padding: 3.0rem;
	width: 100%;
	height: 100%;
}

#main .card-item:hover {
	position: relative;
	top: 2px;
	left: 2px;
	box-shadow: 0px 0px 2px 0px rgba(67, 81, 62, 0.1);
}
#main .card-item:hover .card-title {
	color: #276A84;
}

#main .card-item .text-area > * {
	word-break: keep-all;
}

#main .card-title {
	font-weight: bold;
	font-size: 2.6rem;
	margin-bottom: 2.0rem;
}
#main .card-hazard {
	background: #FEF3C7;
	border-left: 4px solid #F5A215;
	border-radius:2px;
	font-size: 1.4rem;
	line-height: 2.0rem;
	margin-block: 8px;
	padding: 0.8rem 2.0rem;
}
#main .card-sector {
	background: #EBF5FD;
	border-left: 4px solid #3B82F6;
	font-size: 1.4rem;
	line-height: 2.0rem;
	margin-block: 8px;
	padding: 0.8rem 2.0rem;
}
#main .card-hazard span,
#main .card-sector span{
	font-size: inherit;
}
#main .card-text {
	font-size: 1.5rem;
	line-height: 2.0rem;
	padding-block: 8px;
}


@media (max-width: 999px){
#main .cards-box {
	display: block;
	padding-block: 0;
}
#main .card-item {
	margin-block: 3rem;
	}
	
}


/* Layout =================================================== */
.sub #main {
	color: #312F1B;
	padding: 2.4em 0;
}
.sub #funding {
	background: url("../img/funding-h-sub-img.jpg") no-repeat center center;
	background-size: cover;
}
	.sub #funding .header-img01 {
		height: 0;
		text-align: right;
	}
	.sub #funding .section_box {
	position: relative;
	}
.keni-breadcrumb-list_wrap {
	padding-left: 0;
	}

/* page_footer */
.foot-nav {
	background: #ECF5D7;
	padding-block: 2.0em;
}
.foot-nav ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	max-width: 700px;
	padding-block: 2.0em;
	margin-inline: auto;
}
.foot-nav ul li {
	width: 45%;
	display: inline-block;
	padding: 0.3em 2.0em; 
}
.sub #main .foot-nav ul li a {
	color: #276A84;
  display: inline-block;
  position: relative;
  text-decoration: none;

	background: -webkit-linear-gradient(currentcolor, currentcolor) left bottom / 100% 1px no-repeat;
	background: -o-linear-gradient(currentcolor, currentcolor) left bottom / 100% 1px no-repeat;
	background: linear-gradient(currentcolor, currentcolor) left bottom / 100% 1px no-repeat;
	transition: background-size .4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.sub #main .foot-nav ul li a:hover {
  color: #276A84;
	background-position: right bottom;
	background-size: 0 1px;
}
.sub #main .foot-nav ul li.current a {
	font-weight: bold;
	background: none;
}
.foot-nav .mod-underlinearrow {
	width: 300px;
	margin: 2.0em auto 0;
}

/* footer_wave */
.sub .footer_wave {
	padding-top: 78px;
	background-image: url("../img/funding-h-sub-img.jpg");
	background-size: cover;
}

.bgcolor,
.bgcolor .foot-nav {
	background: #dce5c6;
}
.sub.bgcolor #main.keni-main {
	padding-bottom: 0;
	margin-block: 0 2.8em;
}

@media (min-width : 768px){
	.sub #funding.header_img {
		height: 200px;
	}
	.sub #funding .header-img01 img{
		display: inline-block;
		margin-bottom: -460px;
		margin-left: 80px;
	}
	.sub #funding .header-img01 img{
		display: inline-block;
		margin-bottom: 0;
		margin-right: 80px;
		margin-left: 0;
	}	
	.sub .section_box {
	padding: 0;
	max-width: 1080px;
	height: 100%;
	}
}
@media (max-width : 767px){
	.sub #main {
		padding: 0;
	}
	#main p {
		font-size: 1.6rem;
	}
	/* Header */
	.sub .header_img {
		height: 120px;
	}
	.sub #funding .header-img01 {
		height: 120%;
		position: absolute;
		right: 1.0rem;
	}
	.sub #funding .header-img01 img {
		display: inline-block;
		height: 100%;
		margin-bottom: 0;
		margin-left: 0;
	}	
	.sub .header_img .section_box {
		height: 100%;
	}
	.sub #funding .keni-breadcrumb-list_wrap {
		padding-top: 0;
		margin-top: -3.0ex;
	}
	.sub #funding .keni-breadcrumb-list li {
		font-size: 1.2rem;
		line-height: 1.4rem;
	}
	.sub #funding .keni-breadcrumb-list li:first-child::before {
		visibility: hidden;
		margin-right: 0;
	}
	.sub #funding h1.eng {
		font-size: 3.0rem;
		line-height: 1.1;
		margin-block: 0;
		bottom: 0.4ex;
	}
	.sub #main h2.eng {
		font-size: 2.6rem;
	}
	.sub #main h3.eng {
		font-size: 2.2rem;
	}
	.sub #main h4.eng {
		font-size: 1.8rem;
	}
	.sub #main h5.eng {
		font-size: 1.6rem;
	}
	.tbl-box {
		width: 100%;
		overflow-x: scroll;
		white-space: nowrap;
		border: 1px solid #ddd;
	}
	.sub #main .tbl-note p {
		font-size: 1.4rem;
	} 
}
@media (max-width : 599px){
	.foot-nav ul {
		padding-block: 1.0rem;
		flex-flow: column;
		-ms-flex-pack:distribute;
		justify-content:space-around;
	}
	.foot-nav ul li {
	display: block;
	width: 100%;
	padding: 0.6em 0; 
	}
}
@media (max-width : 400px){
	.sub #funding h2.eng {
	font-size: 2.2rem;
	}
}