@charset "utf-8";
/*------------------------------------------------------------
    firstView
------------------------------------------------------------*/
.reportBox h4 {
	color: #BE0025;
	line-height: 1;
	position: relative;
	z-index: 4;
	max-width: 970px;
	margin: 0 auto;
	font-family: 'Roboto', sans-serif;
	letter-spacing: -3px;
	padding-left: 12px;
	padding-bottom: 30px;
	margin-bottom: 80px;
	border-bottom: 2px dotted #BE0025;
	display: flex;
	align-items: center;
}
.reportBox h4 img {
	display: inline-block;
}
.reportBox h4 span {
	font-size: 15px;
	display: inline-block;
	letter-spacing: 0;
	font-weight: normal;
	margin-left: 33px;
	line-height: 1.5;
	position: relative;
	padding-top: 3px;
}
.reportBox h4.ttl01 img {
	width: 163px;
}
.reportBox h4.ttl02 img {
	width: 350px;
}
.content img {
	width: 100%;
	display: block;
}
.content {
	overflow: hidden;
	background: #fff;
	padding-top: 96px;
}
.content .newsPic img {
	width: 100%;
	display: block;
}
.snsInfoBox .icon img {
	display: inline-block;
}
.parallaxBox, .parallaxBox2 {
	position: relative;
	overflow: hidden;
}
.parallaxCon {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.parallaxBox2 .parallaxCon {
	bottom: 0;
	top: auto;
}
.reportCon {
	background-color: #F4F2E9;
	padding-top: 21px;
}
.bgmapbox {
	position: relative;
	padding-bottom: 30%;
}
.ipad .scroll a:hover::after {
	border: none;
	border-top: 1px solid #BE0025;
	border-left: 1px solid #BE0025;
}
/* add */
.navInnMenu .navActive a::after {
	width: 78%;
}
@media all and (min-width: 0) and (max-width: 767px) {
	.navInnMenu .navActive a::after {
		width: 32%;
	}
}
.pagePath {
	background: #F4F2E9;
	padding: 20px 74px 20px;
}
.pagePath li, .pagePath li a {
	display: inline-block;
	color: #BE0025;
	font-size: 11px;
	font-weight: 300;
	letter-spacing: 0.5px;
}
.pagePath li a {
	display: block;
}
#main {
	padding-top: 0 !important;
}
.reportBox {
	margin-bottom: 54px;
}
.reportBox h4.ttl02 span {
	margin-left: 45px;
}
.reportBox:first-of-type {
	padding-top: 48px;
}
.reportBox:last-of-type {
	margin-bottom: 0;
}
.reportBox h3 {
	font-size: 15px;
	text-align: center;
	font-weight: 400;
	letter-spacing: 1.5px;
	margin-bottom: 121px;
}
.reportBox h3 span {
	color: #BE0025;
	font-size: 90px;
	font-weight: 100;
	display: block;
	line-height: 1;
	margin-bottom: 13px;
	letter-spacing: 0;
}
.reportBox:first-of-type .newsCon {
	padding-bottom: 48px;
}
.reportBox:first-of-type .newsInfoBox .newsInfoItem {
	flex: 0 0 440px;
}
.reportBox:first-of-type .newsConInfo {
	line-height: 2;
	margin-bottom: 15px;
}
.reportBox:first-of-type .newsConTitle {
	line-height: 1.65;
	margin-bottom: 4px;
}
.reportBox:first-of-type .title {
	margin-bottom: 2px;
}
.newsInfo {
	display: flex;
	flex-wrap: wrap;
	max-width: 1000px;
	margin: 0 auto;
}
.newsInfo.listCenter {
	justify-content: center;
}
.newsInfoItem {
	flex: 0 0 444px;
	margin-right: 98px;
	margin-bottom: 100px;
}
.newsInfoItem a::before, .newsInfoItem a::after {
	position: absolute;
	content: '';
	background-color: #BE0025;
	right: -5px;
	bottom: -5px;
	width: 5px;
	height: 97.5%;
	z-index: -1;
}
.newsInfoItem a::after {
	height: 5px;
	width: 96.5%;
}
.newsInfoItem:last-child, .newsInfoItem:nth-child(2n) {
	margin-right: 0;
}
.newsCon {
	/*padding: 38px 38px 48px;*/
	padding: 38px;
}
.title {
	display: flex;
}
.num {
	flex: 0 0 69px;
	margin-right: 10px;
}
.title span {
	font-size: 14px;
	font-weight: 500;
	color: #BE0025;
	align-self: center;
}
.newsConTitle {
	color: #BE0025;
	font-size: 18px;
	font-weight: 500;
	line-height: 1.7;
	margin-bottom: 5px;
}
.newsConInfo {
	font-size: 15px;
	font-weight: 300;
	line-height: 1.9;
	letter-spacing: 0.5px;
	margin-bottom: 26px;
}
.more {
	font-size: 14px;
	color: #BE0025;
	font-weight: 500;
	text-align: right;
}
.more span {
	border-bottom: 1px solid #BE0025;
}
.iconNews {
	position: absolute;
	left: -14px;
	top: -11px;
	width: 57px;
	height: 57px;
	opacity: 0;
	transition: opacity 0.5s ease;
	display: none;
}
.iconNews img {
	width: 100%;
}
.newsInfoItemOn .iconNews {
	display: block;
}
.newsInfoItem a {
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}
.pageShare {
	opacity: 1;
	visibility: visible;
}
.cmnnote {
	font-size: 12px;
	letter-spacing: 0.5px;
	line-height: 2.2;
	font-weight: 300;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.reportBox h4 {
		font-size: 30px;
		margin: 0 20px 50px;
		padding-left: 0;
		padding-bottom: 15px;
		line-height: 0.8;
	}
	.reportBox h4 span {
		font-size: 12px;
		margin-left: 18px;
	}
	.reportBox:first-of-type .title {
		margin-bottom: 7px;
	}
	.reportBox h4.ttl01 img {
		width: 70px;
	}
	.reportBox:first-of-type .newsConTitle {
		line-height: 1.5;
		margin-bottom: 5px;
	}
	.reportBox:first-of-type .newsConInfo {
		line-height: 1.85;
	}
	.reportBox:first-of-type .newsCon {
		padding-bottom: 34px;
	}
	.reportBox h4.ttl02 img {
		width: 152px!important;
	}
	.reportBox:last-of-type {
		padding-top: 7px;
	}
	.scroll, .firstBox h1 {
		transition-delay: 1.8s;
	}
	.scroll {
		position: absolute;
		right: 10px;
		bottom: 10px;
	}
	.scroll a:hover::after {
		border: none;
		border-top: 1px solid #BE0025;
		border-left: 1px solid #BE0025;
	}
	.fullBg {
		padding-top: 60px;
	}
	.reportCon {
		padding-bottom: 85%;
		padding-top: 59px;
	}
	.bgmapbox {
		padding-bottom: 60%;
	}
	.reportBox {
		padding-top: 6px;
		margin-bottom: 85px;
	}
	.reportBox:last-of-type {
		margin-bottom: 0;
	}
	.reportBox h3 {
		font-size: 12px;
		margin-bottom: 59px;
	}
	.reportBox h3 span {
		color: #BE0025;
		margin-bottom: 9px;
		font-size: 60px;
	}
	.reportBox h4.ttl02 span {
		margin-left: 23px;
	}
	.newsInfo {
		display: block;
		padding: 0 24px 0 20px;
	}
	.newsInfoItem::before {
		width: 98.5%;
		height: 99.5%;
	}
	.newsInfoItem {
		margin-bottom: 70px;
		margin-right: 0;
	}
	.newsInfoItem:last-child {
		margin-bottom: 0;
	}
	.newsCon {
		padding: 32px 17px 32px 20px;
	}
	.num {
		flex: 0 0 58px;
	}
	.iconNews {
		left: -10px;
		top: -12px;
		width: 47px;
		height: 47px;
	}
	.title {
		margin-bottom: 4px;
	}
	.newsConTitle {
		font-size: 16px;
		line-height: 1.65;
	}
	.newsConInfo {
		font-size: 14px;
		margin-bottom: 12px;
	}
	.more {
		font-size: 13px;
		letter-spacing: 0.5px;
		padding-right: 2px;
	}
	.content {
		padding-top: 0;
	}
	.cmnnote {
		font-size: 11px;
		line-height: 1.9;
	}
}

@media all and (min-width: 341px) and (max-width: 374px) {
.zambiaMapWrap {
	margin-top: 200px;
}
}

@media all and (min-width: 320px) and (max-width: 341px) {
.zambiaMapWrap {
	margin-top: 300px;
}
}

@media all and (min-width: 0) and (max-width: 320px) {
.zamRiTitle {
	font-size: 19px;
}
.reportCon {
	padding-bottom: 100.8%;
}
#gFooter {
	margin-top: -121%;
	position: relative;
}
}
/* vol1 */

.volBox .volCon {
	padding-left: 6%;
	background: #F4F2E9;
	padding-bottom: 477px;/*padding-top: 96px;*/
}
.volReportLeft {
	position: absolute;
	left: -34px;
	top: 295px;
	width: 173px;
}
.volBox .pagePath {
	padding: 23px 0 20px 0;
	width: 85.5%;
	box-sizing: border-box;
}
.volBox .pagePath ul {
	display: flex;
}
.volBox .pagePath li, .pagePath li a {
	letter-spacing: 0.4px;
	flex: 0 0 33px;
	line-height: 1.7;
	position: relative;
	z-index: 4;
}
.volBox .pagePath li:nth-child(2) {
	flex: 0 0 50px;
}
.volBox .pagePath li:nth-child(3) {
	flex: 1;
	text-indent: 83px;
	margin-left: -83px;
	z-index: 1;
}
.volBanner {
	position: relative;
	margin-top: -60px;
}
.volBanner::after {
	content: '';
	position: absolute;
	bottom: -2px;
	right: 0;
	width: 95%;
	height: 60px;
	background: #fff;
}
.volConInfoBox {
	position: relative;
	padding-top: 60px;
	background: #fff;
}
.volConInfoBox::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 4px;
	height: 100%;
	background: #BE0025;
	z-index: 2;
}
.volConInfo {
	padding-bottom: 38px;
	position: relative;
}
.crossTalk {
	margin: 0 14.8% 64px 11.2%;
}
.crossTalk a:link {
	color: #BE0025;
	text-decoration: underline;
}
.crossTalkTitle p {
	font-size: 20px;
	font-weight: 300;
	color: #BE0025;
	line-height: 1;
	margin-bottom: 5px;
}
.crossTalkTitle div {
	display: flex;
}
.crossTalkTitle div h3 {
	font-size: 32px;
	font-weight: 500;
	color: #BE0025;
	flex: 1;
	letter-spacing: 1.3px;
	line-height: 1.45;
	padding-right: 20px;
	box-sizing: border-box;
}
.crossTalkTitle div span {
	flex: 0 0 90px;
	margin-top: -18px;
}
.crossTalkTitle {
	padding-top: 2px;
	margin-bottom: 15px;
}
.crossInfo {
	font-size: 15px;
	font-weight: 300;
	letter-spacing: 0.6px;
	line-height: 2;
}
.crossInfo span {
	color: #BE0025;
	background: rgba(222,45,83,0.1);
	font-weight: bold;
}
.note {
	font-size: 15px;
	font-weight: 300;
	border: 2px dotted #BE0025;
	padding: 20px;
	margin: 30px 0;
	letter-spacing: 1px;
}
.note p {
	font-weight: bold;
	color: #BE0025;
	margin-bottom: 10px;
}
.note_line {
	font-size: 15px;
	font-weight: 300;
	border: 2px solid #BE0025;
	padding: 20px;
	margin: 50px 0 0;
	letter-spacing: 1px;
}
.note_line p {
	font-weight: bold;
	color: #BE0025;
	margin-bottom: 10px;
}
.note a {
	color: #BE0025;
	text-decoration: underline;
}
.vol12 .note{
	margin: 50px 0;
}
.profile {
	font-weight: 300;
	letter-spacing: 1px;
	background: #F4F4F4;
	padding: 30px 40px;
	margin-top: 50px;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;
}
.profile .profile_txt {
	font-size: 13px;
	line-height: 1.9;
	float: left;
	width: 65%;
}
.profile .profile_txt p {
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 10px
}
.profile .profile_txt p span {
	font-size: 14px;
}
.profile .profile_txt img {
	width: 258px;
	padding-left: 20px;
	display: inline;
}
.profile .profile_pic {
	float: right;
	width: 30%;
}
.volItemBox {
	margin-left: 11%;
	border-top: 2px dotted #BE0025;
	padding-bottom: 90px;
	position: relative;
	margin-bottom: 22px;
}
.volItemBox::after {
	position: absolute;
	left: -12%;
	width: calc(100% - 17px);
	height: 2px;
	border-bottom: 2px dotted #BE0025;
	content: '';
	bottom: 0;
}
.volItemInfoBox {
	margin: 50px 16.5% 0 4.8%;
}
.volItem h5 {
	font-size: 24px;
	font-weight: 500;
	color: #BE0025;
	letter-spacing: 0.8px;
	margin-top: 100px;
	margin-bottom: 30px;
}
.volItem:nth-child(1) h5 {
	margin-top: 80px;
}
.ques {
	font-size: 15px;
	font-weight: 300;
	letter-spacing: 0.55px;
	margin-bottom: 24px;
}
.answer {
	display: flex;
	font-size: 15px;
	font-weight: 300;
	line-height: 2;
	letter-spacing: 0.55px;
	margin-bottom: 20px;
}
.answer span {
	flex: 0 0 50px;
	font-weight: 500;
}
.answer p span {
	color: #BE0025;
	background: rgba(222,45,83,0.1);
}
.itemPic {
	margin-bottom: 50px;
	text-align: right;
}
.itemPic span, .leftPic span {
	font-size: 12px;
	font-weight: 300;
	line-height: 3;
	letter-spacing: 0.8px;
}
.interLeftPic .ques {
	margin-bottom: 31px;
}
.interviewItem {
	display: flex;
}
.interviewItem .leftPic {
	flex: 0 0 44.4%;
	text-align: right;
}
.columnPic {
	display: flex;
	justify-content: space-between;
	margin: 50px 0;
}
.columnPic p {
	width: 48%;
}
.interviewItem .answerBox {
	flex: 1;
	padding-left: 48px;
	margin-top: -5px;
}
.interview .answer:last-child {
	margin-bottom: 0;
}
.interRightPic .interviewItem .answerBox {
	padding-left: 0;
	padding-right: 48px;
}
.interview {
	margin-bottom: 50px;
}
.volItem .interview:last-child {
	margin-bottom: 0;
}
.latter {
	font-size: 15px;
	font-weight: 500;
	text-decoration: underline;
}
.volItemInfo {
	margin-bottom: 60px;
}
.reportLink {
	display: inline-block;
	color: #BE0025 !important;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.3px;
	transition: opacity .5s ease;
}
.reportLink span {
	width: 24px;
	height: 24px;
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
.reportLink span::before {
	content: '';
	position: absolute;
	left: 0;
	top: 3px;
	width: 12px;
	height: 12px;
	border-bottom: 1px solid #BE0025;
	border-right: 1px solid #BE0025;
	transform: rotate(135deg);
	transition: border .5s ease;
}
.volBox .snsInfoBox {
	border: none;
}
.reportLink:hover {
	color: #BE0025;
}
.ipad .reportLink:hover {
	opacity: 1;
}
.ipad .volBox .pagePath li, .ipad .pagePath li a {
	flex: 0 0 4%;
}
.ipad .volBox .pagePath li:nth-child(2) {
	flex: 0 0 6%;
}
.ipad .volBox .pagePath li:nth-child(3) {
	text-indent: 10%;
	margin-left: -10%;
	flex: 1;
}
.ipad .volBox .volCon {
	padding-bottom: 40%;
}

@media all and (min-width: 1220px) and (max-width: 1300px) {
.volBox .snsInfoBox .heart h5 {
	font-size: 2.196vw;
}
.volBox .snsInfoBox .heart span {
	font-size: 1.098vw;
}
}

@media all and (min-width: 0) and (max-width: 767px) {
	.volBox .volCon {
		padding-left: 0;
		/*padding-bottom: 93%;*//*padding-top: 0px;*/
		padding-bottom: 490px;
	}
	.reportBox h4 b {
		margin: 0 5px;
	}
	.volBox .pagePath {
		padding: 16px 20px 15px;
		width: auto;
	}
	.volBox .pagePath li, .volBox .pagePath li a {
		font-size: 10px;
		letter-spacing: 0;
		flex: 0 0 35px;
		line-height: 1.8;
	}
	.volBox .pagePath li:nth-child(2) {
		flex: 0 0 50px;
	}
	.volBox .pagePath li:nth-child(3) {
		text-indent: 85px;
		flex: 1;
		margin-left: -85px;
	}
	.volBox .snsInfoBox {
		padding: 55px 23px 60px;
		margin-bottom: 0;
	}
	.volBanner::after {
		position: static;
	}
	.volBanner {
		margin-bottom: 0;
		margin-top: 0;
	}
	.volConInfo {
		padding-top: 32px;
		padding-bottom: 0;
	}
	.crossTalk {
		margin: 0 5% 35px 7%;
	}
	.crossTalkTitle {
		padding-top: 0;
		margin-bottom: 9px;
		position: relative;
	}
	.crossInfo {
		line-height: 1.9;
	}
	.crossTalkTitle p {
		font-size: 14px;
	}
	.crossTalkTitle div {
		display: block;
	}
	.crossTalkTitle div span {
		margin-top: 0;
		position: absolute;
		top: -41px;
		right: 0;
		width: 60px;
		height: 60px;
	}
	.crossTalkTitle div h3 {
		font-size: 24px;
		letter-spacing: 0.8px;
		padding-right: 0;
	}
	.volItemBox {
		margin-left: 7%;
		padding-bottom: 50px;
		margin-bottom: 0;
	}
	.profile {
		padding: 20px;
		margin-top: 40px;
	}
	.profile .profile_txt {
		float: none;
		width: auto;
		margin-bottom: 15px;
	}
	.profile .profile_txt img {
		width: 196px;
		padding-left: 0;
		padding-top: 3px;
	}
	.profile .profile_pic {
		float: none;
		width: auto;
	}
	.volItemInfoBox {
		margin: 50px 5.5% 0 0;
	}
	.volItem h5 {
		font-size: 20px;
		margin-top: 0;
		margin-bottom: 50px;
		line-height: 1.4;
	}
	.ques {
		margin-bottom: 15px;
		line-height: 1.8;
	}
	.answer {
		display: block;
		font-size: 15px;
		font-weight: 300;
		line-height: 2;
		letter-spacing: 0.55px;
		margin-bottom: 20px;
	}
	.answer p {
		margin-top: -5px;
	}
	.itemPic {
		margin: 0 -5.7% 50px -7%;
		text-align: center;
	}
	.itemPic img, .leftPic img {
		margin-bottom: 10px;
	}
	.itemPic span, .leftPic span {
		line-height: 1;
	}
	.columnPic{
		display: inherit;
	}
	.columnPic p {
		width: 100%;
	}
	.columnPic p:first-child {
		margin-bottom: 20px;
	}
	.volItem {
		margin-bottom: 56px;
	}
	.interviewItem {
		display: block;
	}
	.interRightPic .interviewItem .answerBox {
		padding-right: 0;
	}
	.interviewItem .leftPic {
		padding: 25px 0 47px;
		text-align: center;
	}
	.volItemInfo {
		margin-bottom: 50px;
	}
	.reportLink {
		font-size: 16px;
		letter-spacing: 0.3px;
		padding-left: 9px;
	}
	.reportLink span {
		width: 15px;
		height: 15px;
	}
	.volItemBox::after {
	 width: calc(100% - -20px);
	}
	.volConInfoBox {
		margin-bottom: 0;
		padding-top: 0;
	}
	.reportLink span::before {
		top: 0;
		width: 10px;
		height: 10px;
	}
	.reportLink:hover {
		opacity: 1;
	}
	.interviewItem .answerBox {
		padding-left: 0;
	}
	.interviewItem .answerBox.mg {
		padding-bottom: 25px;
	}
	.volItem:nth-child(1) h5 {
		margin-top: 0;
	}
}

@media all and (min-width: 0) and (max-width: 320px) {
.volBox .pagePath li, .volBox .pagePath li a {
	flex: 0 0 10.3%;
}
.volBox .pagePath li:nth-child(2) {
	flex: 0 0 15%;
}
.volBox .volCon {
	padding-bottom: 116%;
}
}
/*vol2*/
.volReportLeft.vol2 {
	top: 800px;
}

@media all and (min-width: 0) and (max-width: 767px) {
.interview.vol2 {
	margin-bottom: -20px;
}
}
/*vol3*/
.volReportLeft.vol3 {
	top: 930px;
}
.crossInfo.vol3 {
	margin-bottom: 20px;
}
.crossTalk .img.chart {
	margin-top: 45px;
}

@media all and (min-width: 0) and (max-width: 767px) {
.crossTalk .img.chart {
	margin-top: 35px;
}
}
/*vol4*/
.volReportLeft.vol4 {
	top: 325px;
}
.crossInfo.vol4 {
	margin-bottom: 30px;
}

@media all and (max-width: 374px) {
.reportBox h4.ttl02 img {
	width: 195px;
}
.reportBox h4.ttl02 span {
	vertical-align: -9px;
}
}

/*add*/
.footerLinkItem .navActive a::after {
	width: 87%;
}
@media all and (min-width: 0) and (max-width: 767px) {
	.footerLinkItem .navActive a::after {
		width: 100%;
	}
}