[lang="en"] #contents_coi p{
	font-family: 'Lato';
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.7em;
}
[lang="ja"] #contents_coi p{
	font-family: 'Lato',"Yu Gothic";
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 1.7em;
}
#coi_mifp{
	width: 1100px;
	margin: 0 auto 100px;
	padding-top: 150px;
}

@media screen and (max-width: 768px) {
	#coi_mifp{
		width:100%;
		padding-top: 0px;
	}
}

#coi_mifp .title{
	color: #1791d0;
	font-size: 2.5rem;
	margin: 0;
}
#coi_mifp h1{
	font-size: 4.5rem;
}
#coi_mifp h2{
	font-size: 2.6rem;
}
#coi_mifp .txt1{
	margin-bottom: 80px;
	margin-top: 50px;
}
#coi_mifp .txt1 .text_r{
	display: inline-block;
	width: 100%;
	text-align:right;
}
@media screen and (max-width: 768px) {
	#coi_mifp .txt1 .text_r{
		display: inline-block;
		width: 100%;
		font-size:1.6rem;
		float:right;
		text-align:left;
		padding-bottom:30px;
	}
}

#coi_mifp .txt1 a{
	color:#0092D1;
}

#coi_mifp .flowrap{
	width: 100%;
	overflow: auto;
}
#coi_mifp .flow{
	width: 1100px;
	text-align: center;
}
#coi_mifp .flow span{
	display: block;
	margin-bottom: 20px;
}
#coi_mifp .flow dl{
	display: inline-block;
	margin-bottom: 35px;
	vertical-align: top;
}
#coi_mifp .flow dl:nth-of-type(1){
	width: 20%;
}
#coi_mifp .flow dl:nth-of-type(2){
	width: 58%;
}
#coi_mifp .flow dl:nth-of-type(3){
	width: 20%;
}
[lang="en"] #coi_mifp .flow dl dt{
	font-size: 3rem;
	letter-spacing: 0.01em;
}
[lang="ja"] #coi_mifp .flow dl dt{
	font-size: 2.4rem;
	letter-spacing: -0.08em;
}
#coi_mifp .flow dl:nth-of-type(1) dt{
	color: #0a4a80;
}
#coi_mifp .flow dl:nth-of-type(2) dt{
	color: #5b64aa;
}
#coi_mifp .flow dl:nth-of-type(3) dt{
	color: #339685;
}
[lang="en"] #coi_mifp .flow dl dd{
	font-size: 1.8rem;
}
[lang="ja"] #coi_mifp .flow dl dd{
	font-size: 1.6rem;
}


@media screen and (max-width: 768px) {

	#coi_mifp{
		width: 100%;
	}
	#coi_mifp .title,
	#coi_mifp h1,
	#coi_mifp h2,
	#coi_mifp p{
		width: 90%;
		margin: 0 auto;
	}

	#coi_mifp .txt1{
/*		margin-bottom: 50px;*/
	}

}
/*
** CASE
 */
#coi_case{
	width: 1100px;
	margin: 0 auto;

	display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
#coi_case .case{
	width: 31.0%;
	position: relative;
	margin-right: 2.0%;
	padding-bottom: 20px;
	background-color: #f0f0f0;
	min-height: 200px;

	/*
	vertical-align: top;
	display: inline-block;
	 */
}
#coi_case .case div.icon{
	width: 94px;
	height: 94px;
	font-size: 2.4rem;
	position: absolute;
	left: 50%;
	top: -47px;
	margin-left: -47px;
	background-color: #187dc5;
	text-align:center;
	color: #fff;

	border-radius: 50%;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
}
#coi_case .case div.icon p{
	padding-top: 6px;
}
#coi_case .case div.icon span{
	display: block;
	font-size: 5rem;
	line-height: 3rem;
}
#coi_case .case h3{
	text-align: center;
	font-size: 3rem;
	padding-top: 65px;
	margin-bottom: 20px;
}
#coi_case .case img{
	width: 100%;
	margin-bottom: 30px;
}
#coi_case .case .side img{
	width: 100px;
	margin-bottom: 30px;
}

#coi_case .case p{
	width: 90%;
	margin: 0 auto;
	font-size: 1.4rem;
	line-height: 1.7em;
	letter-spacing: 0.05em;
}
#coi_case .case p.bt{
	margin-bottom: 20px;
}
#coi_case .case p.side{
	text-align: right;
	color:#187DC5;
	font-size:1.4rem;
	margin-bottom: 30px;
}
#coi_case .case i.blue{
	color:#187DC5;
}

#coi_case .case h4{
	width: 90%;
	margin: 0 auto;
	border-bottom: 1px solid #000;
	font-size:1.6rem;
}
#coi_case .case .comingsoon{

	position: absolute;
	width: 100%;
	left: 0px;
	top:48%;
	text-align: center;
}

@media screen and (max-width: 768px) {

	#coi_case{
		width: 100%;
	}
	#coi_case .case{
		width: 100%;
		display: block;
		margin-right: 0;
		margin-bottom: 100px;
	}

}

/*
** investment
 */
#coi_investment{
	width: 1100px;
	margin:0 auto 100px;
	padding-top: 55px;
}
[lang="en"] #coi_investment h2{
	font-size: 4rem;
	color: #187dc5;
	text-align: center;
	margin-bottom: 60px;
	line-height: 1.2em;
}
[lang="ja"] #coi_investment h2{
	font-size: 3rem;
	color: #187dc5;
	text-align: center;
	margin-bottom: 60px;
	line-height: 1.2em;
}

[lang="en"] #coi_investment h2 small{
	font-size: 2.0rem;
	color: #187dc5;
	text-align: center;
	margin-bottom: 20px;
}
[lang="ja"] #coi_investment h2 small{
	font-size: 1.8rem;
	color: #187dc5;
	text-align: center;
	margin-bottom: 20px;
}
#coi_investment div.graph{
 width: 958px;
 height: 606px;
 margin: 0 auto;
 position: relative;
}
#coi_investment div.graph div{
 position:absolute;
}
#coi_investment div.graph #investment_graph_bg{
 position:static;
}
#coi_investment div.graph #investment_graph_bg img{
 width: 100%;
}
#coi_investment div.graph #investment_graph_001,
#coi_investment div.graph #investment_graph_002,
#coi_investment div.graph #investment_graph_003,
#coi_investment div.graph #investment_graph_004,
#coi_investment div.graph #investment_graph_005,
#coi_investment div.graph #investment_graph_006,
#coi_investment div.graph #investment_graph_007,
#coi_investment div.graph #investment_graph_008{
 bottom:-18px;
}
#coi_investment div.graph #investment_graph_001 img,
#coi_investment div.graph #investment_graph_002 img,
#coi_investment div.graph #investment_graph_003 img,
#coi_investment div.graph #investment_graph_004 img,
#coi_investment div.graph #investment_graph_005 img,
#coi_investment div.graph #investment_graph_006 img,
#coi_investment div.graph #investment_graph_007 img,
#coi_investment div.graph #investment_graph_008 img{
 width:50%;
}
#coi_investment div.graph #investment_graph_001{
 left: 10px;
}
#coi_investment div.graph #investment_graph_002{
 left: 120px;
}
#coi_investment div.graph #investment_graph_003{
 left: 230px;
}
#coi_investment div.graph #investment_graph_004{
 left: 340px;
}
#coi_investment div.graph #investment_graph_005{
 left: 450px;
}
#coi_investment div.graph #investment_graph_006{
 left: 560px;
}
#coi_investment div.graph #investment_graph_007{
 left: 670px;
}
#coi_investment div.graph #investment_graph_008{
 left: 780px;
}
#coi_investment div.graph div img{
 width: 80px;
}


@media screen and (max-width: 768px) {
 #coi_investment{
  width: 100%;
 }
 #coi_investment div.graph{
  width: 100%;
  height: auto;
 }
 #coi_investment div.graph img{
  width: 100%;
 }
 #coi_investment div.graph div{
  bottom: 0px !important;
  left: 0px !important;
 }
 #coi_investment div.graph div img{
  width: 100%;
 }
 #coi_investment div.graph #investment_graph_001,
 #coi_investment div.graph #investment_graph_002,
 #coi_investment div.graph #investment_graph_003,
 #coi_investment div.graph #investment_graph_004,
 #coi_investment div.graph #investment_graph_005,
 #coi_investment div.graph #investment_graph_006,
 #coi_investment div.graph #investment_graph_007,
 #coi_investment div.graph #investment_graph_008{
  bottom:0;
 }
 #coi_investment div.graph #investment_graph_001 img,
 #coi_investment div.graph #investment_graph_002 img,
 #coi_investment div.graph #investment_graph_003 img,
 #coi_investment div.graph #investment_graph_004 img,
 #coi_investment div.graph #investment_graph_005 img,
 #coi_investment div.graph #investment_graph_006 img,
 #coi_investment div.graph #investment_graph_007 img,
 #coi_investment div.graph #investment_graph_008 img{
  width:100%;
 }
}





/*
** Common
*/
.small{
	font-family: Times New Roman, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; !important;
	font-size: 13px;
	line-height:1.1em;
}
.txtstyle{
	color: #595757;
	font-family: Times New Roman, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; !important;
	font-size: 16px;
}
.bgfit{
	-moz-background-size:cover !important;
	background-size:cover !important;
}
.bgfix{
	background-attachment: fixed !important;
}
a.hover:hover{
  filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/*
** アニメーション用
*/
.effect .txt001{
	transition: .8s;
}
.effect .txt002{
	transition: 1.0s;
	transition-delay: .1s;
}
.effect .txt003{
	transition: 1.0s;
	transition-delay: .2s;
}

/*anr_ethos*/
.effect .blocksecond{
	transition: 1.0s;
	transition-delay: .3s;
}
.effect #anr_ethos_btn{
	transition: 0.6s;
	transition-delay: .4s;
}
/*coi_investment*/
.effect #investment_graph_bg{
	transition: 1.0s;
	transition-delay: .2s;
}
.effect #investment_graph_001{
	transition: 1.0s;
	transition-delay: .3s;
}
.effect #investment_graph_002{
	transition: 1.0s;
	transition-delay: .4s;
}
.effect #investment_graph_003{
	transition: 1.0s;
	transition-delay: .4s;
}
.effect #investment_graph_004{
	transition: 1.0s;
	transition-delay: .5s;
}
.effect #investment_graph_005{
	transition: 1.0s;
	transition-delay: .5s;
}
.effect #investment_graph_006{
	transition: 1.0s;
	transition-delay: .6s;
}
/*anr_overview*/
#anr_overview.effect #network_num_001{
	transition: 0.6s;
	transition-delay: .2s;
}
#anr_overview.effect #network_num_002{
	transition: 0.6s;
	transition-delay: .4s;
	letter-spacing:-0.05em
}
#anr_overview.effect #network_num_003{
	transition: 0.6s;
	transition-delay: .6s;
	letter-spacing:-0.05em
}
#anr_overview.effect dl dd{
	transition: 0.6s;
	transition-delay: .6s;
}


/*anr_replenishment*/
#anr_replenishment.effect #replenishment_num_001{
	transition: 0.6s;
	transition-delay: .2s;
}
#anr_replenishment.effect #replenishment_num_002{
	transition: 0.6s;
	transition-delay: .4s;
}
#anr_replenishment.effect dl dd{
	transition: 0.6s;
	transition-delay: .6s;
}
/*anr_capacity*/
.effect #ic001{
	transition: 0.6s;
	transition-delay: .2s;
}
.effect #ic002{
	transition: 0.6s;
	transition-delay: .2s;
}
.effect #ic003{
	transition: 0.6s;
	transition-delay: .3s;
}
.effect #ic004{
	transition: 0.6s;
	transition-delay: .4s;
}
.effect #ic005{
	transition: 0.6s;
	transition-delay: .4s;
}
/*anr_ground*/
.effect #ground_sudan{
	transition: 1s;
	transition-delay: .2s;
}
.effect #ground_sudan_icon{
	transition: 0.5s;
	transition-delay: .4s;
}

.effect #ground_bolivia{
	transition: 0.6s;
	transition-delay: .3s;
}
.effect #ground_bolivia_icon{
	transition: 0.5s;
	transition-delay: .5s;
}

.effect #ground_ivory{
	transition: 0.6s;
	transition-delay: .4s;
}
.effect #ground_ivory_icon{
	transition: 0.5s;
	transition-delay: .6s;
}

.effect #ground_faso{
	transition: 0.6s;
	transition-delay: .5s;
}
.effect #ground_faso_icon{
	transition: 0.5s;
	transition-delay: .7s;
}

.effect #ground_kenya{
	transition: 0.6s;
	transition-delay: .6s;
}
.effect #ground_kenya_icon{
	transition: 0.5s;
	transition-delay: .8s;
}

.effect #ground_tanzania{
	transition: 0.6s;
	transition-delay: .7s;
}
.effect #ground_tanzania_icon{
	transition: 0.5s;
	transition-delay: .9s;
}

.effect #ground_africa{
	transition: 0.6s;
	transition-delay: .7s;
}
.effect #ground_africa_icon{
	transition: 0.5s;
	transition-delay: .9s;
}

a.rounded:after{
	content: "";
	position: absolute;
	right: 12px;
	top: 50%;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-right:1px solid #015fa0;
	border-bottom:1px solid #015fa0;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
a.rounded_sp:after{
	content: "";
	position: absolute;
	right: 12px;
	top: 50%;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-right:1px solid #015fa0;
	border-bottom:1px solid #015fa0;
	transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
.clearfix:after {
    content: "";
    height: 0;
    display: block;
    clear: both;
}

@media screen and (min-width: 768px) {
	.pc { display: block; }
}
.sp { display: none; }
@media screen and (max-width: 768px) {
	.pc { display: none; }
  .sp { display: block; }
}