@charset "UTF-8";
/*
 * information.css
 *
 */

/* !地熱発電のしくみ
---------------------------------------------------------- */
.indexIntro {
	width:100%;
	padding:80px 50px 100px 50px;
}
	.indexIntro div.inner {
		width:100%;
		max-width:1200px;
		margin:0 auto ;
	}
		.indexIntro div.inner h2 {
			font-size:40px;
			font-weight: 700;
			line-height: 1.6;
			color: #65B401;
			letter-spacing: 0.04em;
			position: relative;
			padding-left:60px;
			margin-bottom: 50px;
		}
			.indexIntro div.inner h2:before {
				position: absolute;
				content:"";
				width:40px;
				height: 1px;
				background: #65B401;
				top:50%;
				left:0;
			}
		.indexIntro div.inner div.fig01 {
			width:100%;
			max-width: 920px;
			padding:10px;
			border-radius: 10px;
			box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.12);
			margin: 50px auto 20px auto;
		}
			.indexIntro div.inner div.fig01 img {
				display: block;
				width:100%;
				border-radius: 6px;
			}
		.indexIntro div.inner p.caption {
			text-align: center;
			margin-bottom: 50px;
		}
		.indexIntro div.inner div.video {
			width:100%;
			max-width: 620px;
			padding:10px;
			border-radius: 10px;
			box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.12);
			margin: 50px auto 20px auto;
		}
			.indexIntro div.inner div.video video {
				display: block;
				width:600px;
				border-radius: 6px;
			}

.index02 {
	width:auto;
	margin: 0 20px;
	padding:100px 50px 100px 50px;
	background: #F7FBF2;
	border-radius: 12px;
}
	.index02 div.inner {
		width:100%;
		max-width:1200px;
		display: flex;
		margin:0 auto ;
	}
		.index02 div.inner div.left {
			width:35%;
		}
			.index02 div.inner div.left h3 {
				font-size:28px;
				font-weight: 700;
				line-height: 1.6;
				color: #65B401;
				padding-left:0.6em;
				border-left:5px solid #65B401;
			}
		.index02 div.inner div.right {
			width:65%;
		}
			.index02 div.inner div.right p.read {
				margin-bottom: 30px;
			}
			.index02 div.inner div.right div.fig01 {
				width:100%;
				max-width: 920px;
				padding:10px;
				background: #FFF;
				border-radius: 10px;
				box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.12);
				margin: 50px auto 50px auto;
			}
				.index02 div.inner div.right div.fig01 img {
					display: block;
					width:100%;
					border-radius: 6px;
				}

.pointer {
	cursor: pointer;
	color: #00B4FF;
	transition: .5s;
}
	.pointer:hover {
		opacity:.7;
	}

@media screen and (max-width:1039px){
.indexIntro {
	padding:60px 30px 80px 30px;
}
		.indexIntro div.inner h2 {
			font-size:36px;
			margin-bottom: 40px;
		}
		.indexIntro div.inner div.fig01 {
			margin: 40px auto 20px auto;
		}
		.indexIntro div.inner p.caption {
			margin-bottom: 40px;
		}
		.indexIntro div.inner div.video {
			margin: 40px auto 20px auto;
		}
	
.index02 {
	padding:70px 30px 70px 30px;
}
	.index02 div.inner {
		flex-wrap: wrap;
	}
		.index02 div.inner div.left {
			width:100%;
			margin-bottom: 40px;
		}
			.index02 div.inner div.left h3 {
				font-size:24px;
			}
		.index02 div.inner div.right {
			width:100%;
		}
			.index02 div.inner div.right div.fig01 {
				max-width: 820px;
				margin: 40px auto 40px auto;
			}
}

@media screen and (max-width:767px){
.indexIntro {
	padding:40px 25px 70px 25px;
}
		.indexIntro div.inner h2 {
			font-size:24px;
			padding-left:35px;
			margin-bottom: 30px;
		}
			.indexIntro div.inner h2:before {
				width:20px;
				top:50%;
			}
		.indexIntro div.inner div.fig01 {
			padding:7px;
			margin: 30px auto 15px auto;
		}
		.indexIntro div.inner p.caption {
			margin-bottom: 30px;
		}
		.indexIntro div.inner div.video {
			max-width: 320px;
			padding:7px;
			margin: 30px auto 15px auto;
		}
			.indexIntro div.inner div.video video {
				width:306px;
			}
	
.index02 {
	width:auto;
	margin: 0 15px;
	padding:50px 20px 50px 20px;
	border-radius: 10px;
}
	.index02 div.inner {
		flex-wrap: wrap;
	}
		.index02 div.inner div.left {
			width:100%;
			margin-bottom: 30px;
		}
			.index02 div.inner div.left h3 {
				font-size:20px;
				font-weight: 700;
				line-height: 1.6;
				color: #65B401;
				padding-left:0.6em;
				border-left:5px solid #65B401;
			}
		.index02 div.inner div.right {
			width:100%;
		}
			.index02 div.inner div.right p.read {
				margin-bottom: 30px;
			}
			.index02 div.inner div.right div.fig01 {
				width:100%;
				max-width: 820px;
				padding:7px;
				border-radius: 10px;
				box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.12);
				margin: 30px auto 30px auto;
			}
				.index02 div.inner div.right div.fig01 img {
					display: block;
					width:100%;
					border-radius: 6px;
				}
}

@media screen and (max-width:360px){
		.indexIntro div.inner div.video {
			max-width: 300px;
		}
			.indexIntro div.inner div.video video {
				width:286px;
			}
}

@media screen and (max-width:359px){
		.indexIntro div.inner div.video {
			max-width: 270px;
		}
			.indexIntro div.inner div.video video {
				width:256px;
			}
}

/*モーダル
---------------------------------------------------------- */
.modal-wrapper {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 500;
  }
  .modal {
	position: absolute;
	top: 20%;
	left: 50%;
	background-color: #f3f3f3;
	padding: 40px 30px;
	border-radius: 10px;
	width: 400px;
	height: auto;
	margin-left:-200px;
  }
	.modal i.fa-times {
		position: absolute;
		top: 12px;
		right: 12px;
		font-size:30px;
		color: #65B401;
		cursor: pointer;
	}
	.modal div.inner {
		width:auto;
	}
		.modal div.inner img {
			display: block;
			width:100%;
			max-width:320px;
			border-radius: 6px;
			margin: 0 auto 20px auto;
		}
		.modal div.inner div.article {
			width:100%;
			position: relative;
		}
			.modal div.inner div.article h2 {
				font-size:20px;
				font-weight: 700;
				line-height: 1.6;
				color:#65B401;
				padding-bottom:0.8em;
				margin-bottom: 20px;
				border-bottom:1px solid #CCC;
			}

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

@media screen and (max-width:767px){
.modal-wrapper {
	overflow-y: scroll;
}
.modal {
	top: 5%;
	width: 320px;
	padding: 40px 20px 20px 20px;
	margin-left:-160px;
  }
	.modal i.fa-times {
		top: 10px;
		right: 10px;
	}
	.modal div.inner {
		width:auto;
		flex-wrap: wrap;
	}
		.modal div.inner div.article {
			width:100%;
		}
			.modal div.inner div.article h2 {
				font-size:17px;
				margin-bottom: 15px;
			}
}

/* !日本の地熱発電所
---------------------------------------------------------- */
.nihonIntro {
	width:100%;
	padding:80px 50px 100px 50px;
}
	.nihonIntro div.inner {
		width:100%;
		max-width:1200px;
		margin:0 auto ;
	}
		.nihonIntro div.inner h2 {
			font-size:40px;
			font-weight: 700;
			line-height: 1.6;
			color: #65B401;
			letter-spacing: 0.04em;
			position: relative;
			padding-left:60px;
			margin-bottom: 50px;
		}
			.nihonIntro div.inner h2:before {
				position: absolute;
				content:"";
				width:40px;
				height: 1px;
				background: #65B401;
				top:50%;
				left:0;
			}
		.nihonIntro div.inner p.read {
			margin-bottom: 50px;
		}
		.nihonIntro div.inner h3 {
			font-size:28px;
			font-weight: 700;
			line-height: 1.6;
			color: #65B401;
			padding-left:0.6em;
			border-left:5px solid #65B401;
			margin-bottom: 40px;
		}
			.nihonIntro div.inner h3 span {
				display: block;
				font-size:16px;
				font-weight: 500;
				color: #111;
			}
		.nihonIntro div.inner div.fig01 {
			width:100%;
			max-width: 920px;
			padding:40px;
			border-radius: 10px;
			box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.12);
			margin: 0 auto 80px auto;
		}
			.nihonIntro div.inner div.fig01 img {
				display: block;
				width:100%;
			}
		.nihonIntro div.inner div.fig02 {
			width:100%;
			max-width: 1195px;
			padding:10px;
			border-radius: 10px;
			box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.12);
			margin: 0 auto 20px auto;
		}
			.nihonIntro div.inner div.fig02 img {
				display: block;
				width:100%;
			}

@media screen and (max-width:1039px){
.nihonIntro {
	padding:60px 30px 80px 30px;
}
		.nihonIntro div.inner h2 {
			font-size:36px;
			margin-bottom: 40px;
		}
		.nihonIntro div.inner p.read {
			margin-bottom: 40px;
		}
		.nihonIntro div.inner h3 {
			font-size:24px;
			margin-bottom: 30px;
		}
			.nihonIntro div.inner h3 span {
				font-size:15px;
			}
		.nihonIntro div.inner div.fig01 {
			padding:30px;
			margin: 0 auto 70px auto;
		}
}

@media screen and (max-width:767px){
.nihonIntro {
	padding:40px 25px 70px 25px;
}
		.nihonIntro div.inner h2 {
			font-size:24px;
			padding-left:35px;
			margin-bottom: 30px;
		}
			.nihonIntro div.inner h2:before {
				width:20px;
				top:50%;
			}
		.nihonIntro div.inner h3 {
			font-size:20px;
			margin-bottom: 30px;
		}
			.nihonIntro div.inner h3 span {
				font-size:14px;
			}
		.nihonIntro div.inner div.fig01 {
			padding:10px;
			margin: 0 auto 60px auto;
		}
}

/* !地熱発電の特長
---------------------------------------------------------- */
.tokuchoIntro {
	width:100%;
	padding:80px 50px 100px 50px;
}
	.tokuchoIntro div.inner {
		width:100%;
		max-width:1200px;
		margin:0 auto ;
	}
		.tokuchoIntro div.inner h2 {
			font-size:40px;
			font-weight: 700;
			line-height: 1.6;
			color: #65B401;
			letter-spacing: 0.04em;
			position: relative;
			padding-left:60px;
			margin-bottom: 50px;
		}
			.tokuchoIntro div.inner h2:before {
				position: absolute;
				content:"";
				width:40px;
				height: 1px;
				background: #65B401;
				top:50%;
				left:0;
			}
		.tokuchoIntro div.inner h3 {
			font-size:28px;
			font-weight: 700;
			line-height: 1.6;
			color: #65B401;
			padding-left:0.6em;
			border-left:5px solid #65B401;
			margin-bottom: 40px;
		}
		.tokuchoIntro div.inner div.article {
			width:100%;
			display: flex;
			justify-content: space-between;
		}
			.tokuchoIntro div.inner div.article div.left {
				width:57%;
			}
				.tokuchoIntro div.inner div.article div.left p.read {
					margin-bottom: 30px;
				}
			.tokuchoIntro div.inner div.article div.right {
				width:35%;
			}
				.tokuchoIntro div.inner div.article div.right img.fig01 {
					display: block;
					width:100%;
				}

.tokucho01 {
	width:auto;
	margin: 0 20px;
	padding:100px 50px 100px 50px;
	background: #F7FBF2;
	border-radius: 12px;
}
	.tokucho01 div.inner {
		width:100%;
		max-width:1200px;
		display: flex;
		margin:0 auto ;
	}
		.tokucho01 div.inner div.left {
			width:35%;
		}
			.tokucho01 div.inner div.left h3 {
				font-size:26px;
				font-weight: 700;
				line-height: 1.6;
				color: #65B401;
				padding-left:0.6em;
				border-left:5px solid #65B401;
			}
		.tokucho01 div.inner div.right {
			width:65%;
		}
			.tokucho01 div.inner div.right p.read {
				margin-bottom: 30px;
			}
			.tokucho01 div.inner div.right h4 {
				font-size:20px;
				font-weight: 700;
				line-height: 1.6;
				margin-bottom: 20px;
			}
				.tokucho01 div.inner div.right h4 span {
					font-size:80%;
				}
				.tokucho01 div.inner div.right h4 i {
					color: #65B401;
					margin-right: 0.6em;
				}
			.tokucho01 div.inner div.right div.fig01 {
				width:100%;
				max-width: 920px;
				padding:40px;
				background: #FFF;
				border-radius: 10px;
				box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.12);
				margin: 0 auto 20px auto;
			}
				.tokucho01 div.inner div.right div.fig01 img {
					display: block;
					width:100%;
				}
			.tokucho01 div.inner div.right p.caption {
				font-size:90%;
				text-align: center;
			}

@media screen and (max-width:1039px){
.tokuchoIntro {
	padding:60px 30px 80px 30px;
}
		.tokuchoIntro div.inner h2 {
			font-size:36px;
			margin-bottom: 40px;
		}
		.tokuchoIntro div.inner h3 {
			font-size:24px;
			margin-bottom: 30px;
		}
			.tokuchoIntro div.inner div.article div.left {
				width:50%;
			}
			.tokuchoIntro div.inner div.article div.right {
				width:43%;
			}
			.tokucho01 div.inner div.right h4 {
				font-size:18px;
			}
	
.tokucho01 {
	padding:70px 30px 70px 30px;
}
	.tokucho01 div.inner {
		flex-wrap: wrap;
	}
		.tokucho01 div.inner div.left {
			width:100%;
			margin-bottom: 40px;
		}
			.tokucho01 div.inner div.left h3 {
				font-size:24px;
			}
		.tokucho01 div.inner div.right {
			width:100%;
		}
			.tokucho01 div.inner div.right div.fig01 {
				max-width: 820px;
			}
}

@media screen and (max-width:767px){
.tokuchoIntro {
	padding:40px 25px 70px 25px;
}
		.tokuchoIntro div.inner h2 {
			font-size:24px;
			padding-left:35px;
			margin-bottom: 30px;
		}
			.tokuchoIntro div.inner h2:before {
				width:20px;
				top:50%;
			}
		.tokuchoIntro div.inner h3 {
			font-size:20px;
			margin-bottom: 30px;
		}
		.tokuchoIntro div.inner div.article {
			flex-wrap: wrap;
		}
			.tokuchoIntro div.inner div.article div.left {
				width:100%;
				margin-bottom: 20px;
			}
			.tokuchoIntro div.inner div.article div.right {
				width:100%;
			}
			.tokucho01 div.inner div.right h4 {
				font-size:16px;
				margin-bottom: 20px;
			}
				.tokuchoIntro div.inner div.article div.right img.fig01 {
					max-width:320px;
					margin: 0 auto;
				}
	
.tokucho01 {
	width:auto;
	margin: 0 15px;
	padding:50px 20px 50px 20px;
	border-radius: 10px;
}
	.tokucho01 div.inner {
		flex-wrap: wrap;
	}
		.tokucho01 div.inner div.left {
			width:100%;
			margin-bottom: 30px;
		}
			.tokucho01 div.inner div.left h3 {
				font-size:20px;
				font-weight: 700;
				line-height: 1.6;
				color: #65B401;
				padding-left:0.6em;
				border-left:5px solid #65B401;
			}
		.tokucho01 div.inner div.right {
			width:100%;
		}
			.tokucho01 div.inner div.right p.read {
				margin-bottom: 30px;
			}
			.tokucho01 div.inner div.right div.fig01 {
				width:100%;
				max-width: 820px;
				padding:7px;
				border-radius: 10px;
				box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.12);
				margin: 30px auto 30px auto;
			}
				.tokucho01 div.inner div.right div.fig01 img {
					display: block;
					width:100%;
				}
			.tokucho01 div.inner div.right p.caption {
				text-align: left;
			}
}

/* !調査・開発の進め方
---------------------------------------------------------- */
.chosaIntro {
	width:100%;
	padding:80px 50px 80px 50px;
}
	.chosaIntro div.inner {
		width:100%;
		max-width:1200px;
		margin:0 auto ;
	}
		.chosaIntro div.inner h2 {
			font-size:40px;
			font-weight: 700;
			line-height: 1.6;
			color: #65B401;
			letter-spacing: 0.04em;
			position: relative;
			padding-left:60px;
			margin-bottom: 50px;
		}
			.chosaIntro div.inner h2:before {
				position: absolute;
				content:"";
				width:40px;
				height: 1px;
				background: #65B401;
				top:50%;
				left:0;
			}

.chosa01 {
	width:auto;
	margin: 0 20px;
	padding:100px 50px 100px 50px;
	background: #F7FBF2;
	border-radius: 12px;
}
	.chosa01 div.inner {
		width:100%;
		max-width:1200px;
		display: flex;
		justify-content: space-between;
		margin:0 auto ;
	}
		.chosa01 div.inner div.left {
			width:35%;
		}
			.chosa01 div.inner div.left h3 {
				font-size:26px;
				font-weight: 700;
				line-height: 1.6;
				color: #65B401;
				padding-left:0.6em;
				border-left:5px solid #65B401;
				margin-bottom: 20px;
			}
				.chosa01 div.inner div.left h3 i {
					display: inline-block;
					width:26px;
					height: 26px;
					background: #65B401;
					font-size:60%;
					font-style: normal;
					color: #FFF;
					text-align:center;
					line-height: 24px;
					border-radius: 50%;
					margin-right: 0.5em;
					margin-top: -4px;
					vertical-align: middle;
				}
				.chosa01 div.inner div.left h3 span {
					font-weight: 500;
					font-size:70%;
					display: block;
				}
		.chosa01 div.inner div.right {
			width:65%;
		}
			.chosa01 div.inner div.right ul {
				width:100%;
				display: flex;
				flex-wrap: wrap;
			}
				.chosa01 div.inner div.right ul li {
					width:48%;
					margin-right: 4%;
					margin-bottom: 30px;
				}
				.chosa01 div.inner div.right ul li:nth-child(even) {
					margin-right: 0;
				}
				.chosa01 div.inner div.right ul li:last-child {
					margin-bottom: 0;
				}
				.chosa01 div.inner div.right ul li:nth-last-child(2) {
					margin-bottom: 0;
				}
					.chosa01 div.inner div.right ul li div.photo {
						padding:10px;
						background: #FFF;
						border-radius: 10px;
						box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.12);
					}
						.chosa01 div.inner div.right ul li img {
							display: block;
							width:100%;
							border-radius: 6px;
							margin-bottom: 10px;
						}
						.chosa01 div.inner div.right ul li p.caption {
							text-align: center;
						}

.chosaArrow {
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-right: 40px solid transparent;
	border-left: 40px solid transparent;
	border-top: 40px solid #65B401;
	border-bottom: 0;
	margin: 0 auto 20px auto;
}

@media screen and (max-width:1039px){
.chosaIntro {
	padding:60px 30px 70px 30px;
}
		.chosaIntro div.inner h2 {
			font-size:36px;
			margin-bottom: 40px;
		}
			.chosa01 div.inner div.left h3 {
				font-size:24px;
				margin-bottom: 20px;
			}
				.chosa01 div.inner div.left h3 i {
					width:24px;
					height: 24px;
					line-height: 22px;
				}
	
.chosa01 {
	padding:70px 30px 70px 30px;
}
	.chosa01 div.inner {
		flex-wrap: wrap;
	}
		.chosa01 div.inner div.left {
			width:100%;
			margin-bottom: 30px;
		}
			.chosa01 div.inner div.left h3 {
				font-size:24px;
				margin-bottom: 0;
			}
		.chosa01 div.inner div.right {
			width:100%;
		}
}

@media screen and (max-width:767px){
.chosaIntro {
	padding:40px 25px 50px 25px;
}
		.chosaIntro div.inner h2 {
			font-size:24px;
			padding-left:35px;
			margin-bottom: 30px;
		}
			.chosaIntro div.inner h2:before {
				width:20px;
				top:50%;
			}
		.chosaIntro div.inner p br {
			display: none;
		}
	
.chosa01 {
	width:auto;
	margin: 0 15px;
	padding:50px 20px 50px 20px;
	border-radius: 10px;
}
	.chosa01 div.inner {
		flex-wrap: wrap;
	}
		.chosa01 div.inner div.left {
			width:100%;
			margin-bottom: 25px;
		}
			.chosa01 div.inner div.left h3 {
				font-size:20px;
				margin-bottom: 0;
			}
		.chosa01 div.inner div.right {
			width:100%;
		}
			.chosa01 div.inner div.right ul {
				max-width:320px;
				margin: 0 auto;
			}
				.chosa01 div.inner div.right ul li {
					width:100%;
					margin-right: 0;
					margin-bottom: 20px;
				}
				.chosa01 div.inner div.right ul li:nth-child(even) {
					margin-right: 0;
				}
				.chosa01 div.inner div.right ul li:last-child {
					margin-bottom: 0;
				}
				.chosa01 div.inner div.right ul li:nth-last-child(2) {
					margin-bottom: 20px;
				}
					.chosa01 div.inner div.right ul li div.photo {
						padding:7px;
					}
	
.chosaArrow {
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
	border-top: 20px solid #65B401;
	border-bottom: 0;
	margin: 0 auto 20px auto;
}
}

/* !地域とともに
---------------------------------------------------------- */
.chiikiIntro {
	width:100%;
	padding:80px 50px 100px 50px;
}
	.chiikiIntro div.inner {
		width:100%;
		max-width:1200px;
		margin:0 auto ;
	}
		.chiikiIntro div.inner h2 {
			font-size:40px;
			font-weight: 700;
			line-height: 1.6;
			color: #65B401;
			letter-spacing: 0.04em;
			position: relative;
			padding-left:60px;
			margin-bottom: 50px;
		}
			.chiikiIntro div.inner h2:before {
				position: absolute;
				content:"";
				width:40px;
				height: 1px;
				background: #65B401;
				top:50%;
				left:0;
			}
		.chiikiIntro div.inner p.read {
			margin-bottom: 30px;
		}
		.chiikiIntro div.inner ul {
			display: flex;
			justify-content:space-between;
			margin:60px auto 60px auto;
		}
			.chiikiIntro div.inner ul li {
				width:48%;
			}
				.chiikiIntro div.inner ul li div.photo {
					padding:10px;
					background: #FFF;
					border-radius: 10px;
					box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.12);
				}
					.chiikiIntro div.inner ul li div.photo img {
						display: block;
						width:100%;
						border-radius: 6px;
						margin-bottom: 10px;
					}
					.chiikiIntro div.inner ul li div.photo p.caption {
						text-align: center;
					}
			.chiikiIntro div.inner img.fig {
				display: block;
				width:100%;
				max-width: 930px;
				margin: 60px auto 10px auto;
			}
			.chiikiIntro div.inner p.caption {
				text-align: center;
			}

.chiiki01 {
	width:auto;
	margin: 0 20px;
	padding:100px 50px 100px 50px;
	background: #F7FBF2;
	border-radius: 12px;
}
	.chiiki01 div.inner {
		width:100%;
		max-width:1200px;
		display: flex;
		margin:0 auto ;
	}
		.chiiki01 div.inner div.left {
			width:30%;
		}
			.chiiki01 div.inner div.left p {
				font-size:22px;
				font-weight: 700;
				line-height: 1.6;
				margin-bottom: 10px;
			}
				.chiiki01 div.inner div.left p span {
					position: relative;
					display: inline-block;
					width:24px;
					height: 24px;
					background: #111;
					border-radius: 50%;
					font-size:14px;
					font-weight: 700;
					line-height: 22px;
					text-align: center;
					color: #FFF;
					margin-left: 0.6em;
					top:-3px;
				}
			.chiiki01 div.inner div.left h3 {
				display: inline-block;
				font-size:26px;
				font-weight: 700;
				line-height: 1.2;
				color: #65B401;
			}
				.chiiki01 div.inner div.left h3 span {
					display: inline-block;
					font-size:60%;
					font-weight: 500;
					padding:0 24px;
					position: relative;
				}
					.chiiki01 div.inner div.left h3 span:before {
						position: absolute;
						content:"";
						width:12px;
						height: 1px;
						background: #65B401;
						top:50%;
						left:0;
					}
					.chiiki01 div.inner div.left h3 span:after {
						position: absolute;
						content:"";
						width:12px;
						height: 1px;
						background: #65B401;
						top:50%;
						right:0;
					}
		.chiiki01 div.inner div.right {
			width:70%;
		}
			.chiiki01 div.inner div.right p.read {
				margin-bottom: 30px;
			}
			.chiiki01 div.inner div.right div.boxWrap {
				width:100%;
				display: flex;
				justify-content: space-between;
				margin-top: 50px;
			}
				.chiiki01 div.inner div.right div.boxWrap img {
					display: block;
					width:60px;
					height: 60px;
				}
				.chiiki01 div.inner div.right div.boxWrap div.box {
					width:calc(100% - 100px);
					padding:30px;
					background: #FFF;
					border-radius: 10px;
					position: relative;
				}
					.chiiki01 div.inner div.right div.boxWrap div.box:before {
						position: absolute;
						content:"";
						width: 0;
						height: 0;
						border-style: solid;
						border-top: 15px solid transparent;
						border-bottom: 15px solid transparent;
						border-right: 40px solid #FFF;
						border-left: 0;
						top:15px;
						left:-30px;
					}
			.chiiki01 div.inner div.right ul {
				width:100%;
				display: flex;
				flex-wrap: wrap;
				margin: 50px 0 20px 0;
			}
				.chiiki01 div.inner div.right ul li {
					width:31%;
					margin-right: 3.5%;
				}
				.chiiki01 div.inner div.right ul li:nth-child(3n) {
					margin-right: 0;
				}
					.chiiki01 div.inner div.right ul li img {
						display: block;
						width:100%;
						border-radius: 6px;
					}
			.chiiki01 div.inner div.right p.caption {
				font-size:90%;
				text-align: right;
			}

@media screen and (max-width:1039px){
.chiikiIntro {
	padding:60px 30px 80px 30px;
}
		.chiikiIntro div.inner h2 {
			font-size:36px;
			margin-bottom: 40px;
		}
		.chiikiIntro div.inner ul {
			margin:50px auto 50px auto;
		}
			.chiikiIntro div.inner img.fig {
				margin: 50px auto 10px auto;
			}
	
.chiiki01 {
	padding:70px 30px 70px 30px;
}
	.chiiki01 div.inner {
		flex-wrap: wrap;
	}
		.chiiki01 div.inner div.left {
			width:100%;
			margin-bottom: 30px;
		}
			.chiiki01 div.inner div.left p {
				font-size:20px;
			}
				.chiiki01 div.inner div.left p span {
					width:22px;
					height: 22px;
					line-height: 20px;
					top:-2px;
				}
			.chiiki01 div.inner div.left h3 {
				font-size:24px;
			}
		.chiiki01 div.inner div.right {
			width:100%;
		}
}

@media screen and (max-width:767px){
.chiikiIntro {
	padding:40px 25px 70px 25px;
}
		.chiikiIntro div.inner h2 {
			font-size:24px;
			padding-left:35px;
			margin-bottom: 30px;
		}
			.chiikiIntro div.inner h2:before {
				width:20px;
				top:50%;
			}
		.chiikiIntro div.inner ul {
			max-width: 320px;
			flex-wrap: wrap;
			margin:40px auto 40px auto;
		}
			.chiikiIntro div.inner ul li {
				width:100%;
				margin-bottom: 20px;
			}
			.chiikiIntro div.inner ul li:last-child {
				margin-bottom: 0;
			}
				.chiikiIntro div.inner ul li div.photo {
					padding:7px;
				}
			.chiikiIntro div.inner img.fig {
				margin: 40px auto 10px auto;
			}
	
.chiiki01 {
	width:auto;
	margin: 0 15px;
	padding:40px 20px 40px 20px;
	border-radius: 10px;
}
	.chiiki01 div.inner {
		flex-wrap: wrap;
	}
		.chiiki01 div.inner div.left {
			width:100%;
			margin-bottom: 30px;
		}
			.chiiki01 div.inner div.left p {
				font-size:18px;
			}
			.chiiki01 div.inner div.left h3 {
				font-size:20px;
			}
				.chiiki01 div.inner div.left h3 span {
					font-size:70%;
					padding:0 20px;
				}
		.chiiki01 div.inner div.right {
			width:100%;
		}
			.chiiki01 div.inner div.right p.read {
				margin-bottom: 30px;
			}
			.chiiki01 div.inner div.right div.boxWrap {
				margin-top: 30px;
			}
				.chiiki01 div.inner div.right div.boxWrap img {
					width:40px;
					height: 40px;
				}
				.chiiki01 div.inner div.right div.boxWrap div.box {
					width:calc(100% - 64px);
					padding:25px 20px;
				}
					.chiiki01 div.inner div.right div.boxWrap div.box:before {
						border-top: 10px solid transparent;
						border-bottom: 10px solid transparent;
						border-right: 20px solid #FFF;
						border-left: 0;
						top:12px;
						left:-20px;
					}
			.chiiki01 div.inner div.right ul {
				max-width:300px;
				margin: 30px auto 10px auto;
			}
				.chiiki01 div.inner div.right ul li {
					width:100%;
					margin-right: 0;
					margin-bottom: 15px;
				}
				.chiiki01 div.inner div.right ul li:nth-child(3n) {
					margin-right: 0;
					margin-bottom: 0;
				}
					.chiiki01 div.inner div.right ul li img {
						display: block;
						width:100%;
						border-radius: 6px;
					}
			.chiiki01 div.inner div.right p.caption {
				font-size:90%;
				text-align: center;
			}
}

/* !世界の地熱発電
---------------------------------------------------------- */
.sekaiIntro {
	width:100%;
	padding:80px 50px 100px 50px;
}
	.sekaiIntro div.inner {
		width:100%;
		max-width:1200px;
		margin:0 auto ;
	}
		.sekaiIntro div.inner h2 {
			font-size:40px;
			font-weight: 700;
			line-height: 1.6;
			color: #65B401;
			letter-spacing: 0.04em;
			position: relative;
			padding-left:60px;
			margin-bottom: 60px;
		}
			.sekaiIntro div.inner h2:before {
				position: absolute;
				content:"";
				width:40px;
				height: 1px;
				background: #65B401;
				top:50%;
				left:0;
			}
		.sekaiIntro div.inner p.read {
			margin-bottom: 50px;
		}
		.sekaiIntro div.inner h3 {
			font-size:26px;
			font-weight: 700;
			line-height: 1.6;
			color: #65B401;
			padding-left:0.6em;
			border-left:5px solid #65B401;
			margin-bottom: 30px;
		}
			.sekaiIntro div.inner h3 span {
				font-size:70%;
				font-weight: 500;
			}
		.sekaiIntro div.inner img.fig {
			display: block;
			width:100%;
			margin-bottom: 20px;
		}
		.sekaiIntro div.inner img.fig2 {
			display: block;
			width:100%;
			max-width:400px;
			margin:0 auto 20px auto;
		}
		.sekaiIntro div.inner p.caption {
			font-size:90%;
			text-align: center;
			margin-bottom: 70px;
		}

.sekai01 {
	width:auto;
	margin: 0 20px;
	padding:100px 50px 100px 50px;
	background: #F7FBF2;
	border-radius: 12px;
}
	.sekai01 div.inner {
		width:100%;
		max-width:1200px;
		display: flex;
		justify-content: space-between;
		margin:0 auto ;
	}
		.sekai01 div.inner div.left {
			width:43%;
		}
			.sekai01 div.inner h3 {
				display: inline-block;
				position: relative;
				font-size:26px;
				font-weight: 700;
				line-height: 36px;
				color: #65B401;
				margin-bottom: 30px;
			}
			.sekai01 div.inner h3.us {
				padding-left:50px;
			}
				.sekai01 div.inner h3.us:before {
					position: absolute;
					content:"";
					width:36px;
					height: 36px;
					background: url("../../information/img/icon_us.png");
					background-size: 36px 36px;
					top:0;
					left:0;
				}
			.sekai01 div.inner h3.in {
				padding-left:50px;
			}
				.sekai01 div.inner h3.in:before {
					position: absolute;
					content:"";
					width:36px;
					height: 36px;
					background: url("../../information/img/icon_in.png");
					background-size: 36px 36px;
					top:0;
					left:0;
				}
			.sekai01 div.inner h3.ph {
				padding-left:50px;
			}
				.sekai01 div.inner h3.ph:before {
					position: absolute;
					content:"";
					width:36px;
					height: 36px;
					background: url("../../information/img/icon_ph.png");
					background-size: 36px 36px;
					top:0;
					left:0;
				}
			.sekai01 div.inner h3.tk {
				padding-left:50px;
			}
				.sekai01 div.inner h3.tk:before {
					position: absolute;
					content:"";
					width:36px;
					height: 36px;
					background: url("../../information/img/icon_tk.png");
					background-size: 36px 36px;
					top:0;
					left:0;
				}
			.sekai01 div.inner h3.ke {
				padding-left:50px;
			}
				.sekai01 div.inner h3.ke:before {
					position: absolute;
					content:"";
					width:36px;
					height: 36px;
					background: url("../../information/img/icon_ke.png");
					background-size: 36px 36px;
					top:0;
					left:0;
				}
			.sekai01 div.inner h3.nz {
				padding-left:50px;
			}
				.sekai01 div.inner h3.nz:before {
					position: absolute;
					content:"";
					width:36px;
					height: 36px;
					background: url("../../information/img/icon_nz.png");
					background-size: 36px 36px;
					top:0;
					left:0;
				}
			.sekai01 div.inner h3.me {
				padding-left:50px;
			}
				.sekai01 div.inner h3.me:before {
					position: absolute;
					content:"";
					width:36px;
					height: 36px;
					background: url("../../information/img/icon_me.png");
					background-size: 36px 36px;
					top:0;
					left:0;
				}
			.sekai01 div.inner h3.it {
				padding-left:50px;
			}
				.sekai01 div.inner h3.it:before {
					position: absolute;
					content:"";
					width:36px;
					height: 36px;
					background: url("../../information/img/icon_it.png");
					background-size: 36px 36px;
					top:0;
					left:0;
				}
			.sekai01 div.inner h3.il {
				padding-left:50px;
			}
				.sekai01 div.inner h3.il:before {
					position: absolute;
					content:"";
					width:36px;
					height: 36px;
					background: url("../../information/img/icon_il.png");
					background-size: 36px 36px;
					top:0;
					left:0;
				}
			.sekai01 div.inner h4 {
				font-size:20px;
				font-weight: 700;
				line-height: 1.6;
				margin-bottom: 20px;
			}
		.sekai01 div.inner div.right {
			width:50%;
		}
			.sekai01 div.inner div.right div.photo {
				padding:10px;
				background: #FFF;
				border-radius: 10px;
				box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.12);
			}
				.sekai01 div.inner div.right div.photo img {
					display: block;
					width:100%;
					border-radius: 6px;
				}
			.sekai01 div.inner div.right p.caption {
				font-size:80%;
				text-align: center;
				margin-top: 15px;
			}
		.sekai01 div.inner div.nonPhoto {
			width:100%;
		}

.sekai02 {
	width:auto;
	padding:100px 50px 100px 50px;
}
	.sekai02 div.inner {
		width:100%;
		max-width:1200px;
		display: flex;
		justify-content: space-between;
		margin:0 auto ;
	}
		.sekai02 div.inner div.left {
			width:61%;
		}
			.sekai02 div.inner div.left h3 {
				font-size:26px;
				font-weight: 700;
				line-height: 1.6;
				color: #65B401;
				padding-left:0.6em;
				border-left:5px solid #65B401;
				margin-bottom: 30px;
			}
			.sekai02 div.inner div.left h4 {
				font-size:20px;
				font-weight: 700;
				line-height: 1.6;
				margin-bottom: 20px;
			}
			.sekai02 div.inner div.left p.read {
				margin-bottom: 30px;
			}
		.sekai02 div.inner div.right {
			width:34%;
		}
			.sekai02 div.inner div.right img {
				display: block;
				width:100%;
				max-width:360px;
				margin: 0 auto;
			}
			.sekai02 div.inner div.right p.caption {
				font-size:80%;
				text-align: center;
				margin-top: 15px;
			}

@media screen and (max-width:1039px){
.sekaiIntro {
	padding:60px 30px 80px 30px;
}
		.sekaiIntro div.inner h2 {
			font-size:36px;
			margin-bottom: 40px;
		}
		.sekaiIntro div.inner p.read {
			margin-bottom: 40px;
		}
		.sekaiIntro div.inner h3 {
			font-size:24px;
		}
		.sekaiIntro div.inner img.fig2 {
			max-width:350px;
		}
		.sekaiIntro div.inner p.caption {
			margin-bottom: 60px;
		}
	
.sekai01 {
	padding:70px 30px 70px 30px;
}
	.sekai01 div.inner {
		flex-wrap: wrap;
	}
		.sekai01 div.inner div.left {
			width:100%;
			margin-bottom: 40px;
		}
			.sekai01 div.inner h3 {
				font-size:24px;
				margin-bottom: 25px;
			}
			.sekai01 div.inner h4 {
				font-size:19px;
			}
		.sekai01 div.inner div.right {
			width:100%;
		}
			.sekai01 div.inner div.right div.photo {
				max-width:600px;
				margin: 0 auto;
			}
	
.sekai02 {
	padding:80px 30px 80px 30px;
}
	.sekai02 div.inner {
		flex-wrap: wrap;
	}
		.sekai02 div.inner div.left {
			width:100%;
			margin-bottom: 40px;
		}
			.sekai02 div.inner div.left h3 {
				font-size:24px;
				margin-bottom: 25px;
			}
			.sekai02 div.inner div.left h4 {
				font-size:19px;
			}
		.sekai02 div.inner div.right {
			width:100%;
		}
			.sekai02 div.inner div.right img {
				max-width:330px;
			}
}

@media screen and (max-width:767px){
.sekaiIntro {
	padding:40px 25px 70px 25px;
}
		.sekaiIntro div.inner h2 {
			font-size:24px;
			padding-left:35px;
			margin-bottom: 30px;
		}
			.sekaiIntro div.inner h2:before {
				width:20px;
				top:50%;
			}
		.sekaiIntro div.inner p.read {
			margin-bottom: 40px;
		}
		.sekaiIntro div.inner h3 {
			font-size:19px;
		}
		.sekaiIntro div.inner img.fig {
			margin-bottom: 20px;
		}
		.sekaiIntro div.inner img.fig2 {
			max-width:280px;
			margin:0 auto 20px auto;
		}
		.sekaiIntro div.inner p.caption {
			text-align: left;
			margin-bottom: 50px;
		}
	
.sekai01 {
	width:auto;
	margin: 0 15px;
	padding:40px 20px 40px 20px;
	border-radius: 10px;
}
	.sekai01 div.inner {
		flex-wrap: wrap;
	}
		.sekai01 div.inner div.left {
			width:100%;
			margin-bottom: 40px;
		}
			.sekai01 div.inner h3 {
				font-size:20px;
				line-height: 30px;
				margin-bottom: 20px;
			}
			.sekai01 div.inner h3.us {
				padding-left:42px;
			}
				.sekai01 div.inner h3.us:before {
					width:30px;
					height: 30px;
					background: url("../../information/img/icon_us.png");
					background-size: 30px 30px;
				}
			.sekai01 div.inner h3.in {
				padding-left:42px;
			}
				.sekai01 div.inner h3.in:before {
					width:30px;
					height: 30px;
					background: url("../../information/img/icon_in.png");
					background-size: 30px 30px;
				}
			.sekai01 div.inner h3.ph {
				padding-left:42px;
			}
				.sekai01 div.inner h3.ph:before {
					width:30px;
					height: 30px;
					background: url("../../information/img/icon_ph.png");
					background-size: 30px 30px;
				}
			.sekai01 div.inner h3.tk {
				padding-left:42px;
			}
				.sekai01 div.inner h3.tk:before {
					width:30px;
					height: 30px;
					background: url("../../information/img/icon_tk.png");
					background-size: 30px 30px;
				}
			.sekai01 div.inner h3.ke {
				padding-left:42px;
			}
				.sekai01 div.inner h3.ke:before {
					width:30px;
					height: 30px;
					background: url("../../information/img/icon_ke.png");
					background-size: 30px 30px;
				}
			.sekai01 div.inner h3.nz {
				padding-left:42px;
			}
				.sekai01 div.inner h3.nz:before {
					width:30px;
					height: 30px;
					background: url("../../information/img/icon_nz.png");
					background-size: 30px 30px;
				}
			.sekai01 div.inner h3.me {
				padding-left:42px;
			}
				.sekai01 div.inner h3.me:before {
					width:30px;
					height: 30px;
					background: url("../../information/img/icon_me.png");
					background-size: 30px 30px;
				}
			.sekai01 div.inner h3.it {
				padding-left:42px;
			}
				.sekai01 div.inner h3.it:before {
					width:30px;
					height: 30px;
					background: url("../../information/img/icon_it.png");
					background-size: 30px 30px;
				}
			.sekai01 div.inner h3.il {
				padding-left:42px;
			}
				.sekai01 div.inner h3.il:before {
					width:30px;
					height: 30px;
					background: url("../../information/img/icon_il.png");
					background-size: 30px 30px;
				}
			.sekai01 div.inner h4 {
				font-size:16px;
				margin-bottom: 20px;
			}
		.sekai01 div.inner div.right {
			width:100%;
		}
			.sekai01 div.inner div.right div.photo {
				padding:7px;
			}
	
.sekai02 {
	padding:70px 25px 70px 25px;
}
		.sekai02 div.inner div.left {
			width:100%;
			margin-bottom: 40px;
		}
			.sekai02 div.inner div.left h3 {
				font-size:20px;
				margin-bottom: 25px;
			}
			.sekai02 div.inner div.left h4 {
				font-size:16px;
			}
		.sekai02 div.inner div.right {
			width:100%;
		}
			.sekai02 div.inner div.right img {
				max-width:280px;
			}
			.sekai02 div.inner div.right p.caption {
				text-align: left;
			}
}