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

/* ヘッダーフッター等のフォント調整 */
#header #gnav .gnav-userpoint .userpoint,
#header #gnav .gnav-menu li.level1 ul.level2 li a,
#footer #fnav li a {
	font-family: Meiryo, メイリオ, Arial,MS PGothic,Helvetica,Garuda,sans-serif;
}
#footer .copyright {
	color: #4E4E4E;
}

#header .logo img{
	width: 183px;
}

#modal-open{cursor: pointer;}

body {
    font-size: 88%;
}
.sb_content{
	padding-top:65px;
	position:relative;
	padding-bottom: 105px;
	z-index: 0;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif !important;
	line-height: 1.8;
	}
.sb_content_wrap{
	position:relative;
	/*z-index:2;*/
	}

h2{
	text-align:center;
	}

input {
	margin: 0;
	}
.particles{
	position:absolute;
	width:100%;
	height:600px;
	top:0;
	left:0;
	z-index:-1;
	}
.posting-month {
    text-align: right;
}
.profile{
	margin-top:5px;
	}
	.profile img{
		max-width: 100%;
	}
.profile p{
	font-size:26px;
	font-weight:bold;
	text-align:center;
	margin-top:20px;
	}

.sb_content_wrap .text {
	max-width: 360px;
	margin: 0 auto 90px auto;
	background: #F8F8F8;
	padding: 17px 15px;
	line-height: 2rem;
}

.att_g{
	padding:13px;
	background-color: #F0F0F0;
	margin:30px auto;
}


/* =================== 枠を超えるイノベーションを目指して。 */
.sec1{
	margin-top:70px;
	}

/* =================== エネルギー技術の領域からサービスの領域へ。 */
.sec2{
	margin-top:50px;
	}

/* =================== お客さま自身も気づいていないニーズをつかむ。 */
.sec3{
	margin-top:50px;
	}

/* =================== 「共創したい」「選択したい」、そう思っていただける存在へ。 */
.sec4{
	margin-top:50px;
	}


	.interview_box h3{
		text-align:center;
		background-color:#E6F0F7;
		color:#0166B3;
		font-size:24px;
		font-weight:bold;
		padding:0 10px;
		border-radius:5px;
		margin-bottom:45px;
		line-height: 51px;
		padding-top: 3px;
		}
	.interview_box.img_left img{
		float:left;
		margin-right:20px;
		margin-bottom:20px;
		}
	.interview_box.img_right img{
		float:right;
		margin-left:20px;
		margin-bottom:20px;
		}
    .interview_box.img_right .img_box {
        float: right;
        margin-left: 20px;
        margin-bottom: 0;
    }
    .interview_box.img_right .img_box img{
        float: none;
        margin-left: 0;
        margin-bottom: 5px;
    }
    .img_box span{
        font-weight: bold;
    }
    .interview_box.img_flx .img_flx_wrap{
        display: flex;
        justify-content: space-between;
        margin-bottom: 20px;    
    }
	.interview_box p{
		letter-spacing:0.4px;
		}
		.interview_box p.mb30 {
			margin-bottom: 9px;
			margin-top: -6px;
			line-height: 1.8;
			font-size: 13.9px;
		}
	.interview_box p.h{
		font-size:16px;
		font-weight:bold;
		}
	.interview_box p span.name{
		color:#0166B3;
		margin-right: 5px;
		}
	.interview_box p + p{
		margin-top:30px;
		line-height:2.2em;
		}
	.interview_box p + p.h{
		margin-top:50px;
		}


.sns-page{
	margin-top:110px;
	}
	.sns-page .sns{
		background-color:#F0F0F0;
		background-image:url(/company/renewable_energy/article1/css/../img/share.png);
		background-repeat:no-repeat;
		background-position: 20px center;
		text-align:center;
		padding:13px 0;
		}
		.sns-page .sns a:nth-of-type(2){
			margin-left:10px;
			}
		.sns-page .sns img{
			display:inline-block;
			}
	.sns-page .page{
		margin-top:40px;
		text-align:center;
		}
		.sns-page .page .prev,
		.sns-page .page .next{
			color:#0166B3;
			font-weight:bold;
			background-repeat:no-repeat;
			}
		.sns-page .page .prev{
			float:left;
			margin-top:0.8em;
			background-position:center left;
			background-image:url(/company/renewable_energy/article1/css/../img/arrow_prev.png);
			padding-left:19px;
			}
		.sns-page .page .next{
			float:right;
			margin-top:0.8em;
			background-position:center right;
			background-image:url(/company/renewable_energy/article1/css/../img/arrow_next.png);
			padding-right:19px;
			}
		.sns-page .page .return{
			position:relative;
			display:inline-block;
			width:360px;
			line-height:1;
			padding:20px 0;
			background-color:#0166B3;
			border-radius:30px;
			font-size:15px;
			color:#fff;
			font-weight:bold;
			margin-bottom:20px;
			}

.whatsnew{
	margin-top:140px;
	padding:80px 0;
	background-image:url(/company/renewable_energy/article1/css/../img/bg.jpg);
	background-position:top center;
	background-size:cover;
	}

.whatsnew > div{
	width:980px;
	margin-left:auto;
	margin-right:auto;
	}
.sb_content_wrap {
	width: 980px;
	margin-left:auto;
	margin-right:auto;
}
.whatsnew h3{
	text-align:center;
	}
	.sb_content_wrap h2 {
		margin-bottom: 28px;
	}
	.sb_content_wrap .color {
		font-size: 14px;
    	font-weight: bold;
		text-align: center;
		margin-bottom: 10px;
		line-height: 1;
	}
	.sb_content_wrap .kome {
		margin-bottom: 10px;
		text-align: center;
		font-size: 12px;
		line-height: 1;
	}
	.sb_content_wrap .kome:last-child {
		margin-bottom: 0px;
	}

	.whatsnew .figure_list{
		margin-left:-25px;
		margin-top:50px;
		}
		.whatsnew .figure_list figure{
			width:310px;
			float:left;
			margin-left:25px;
			}
		.whatsnew .figure_list figure:nth-of-type(3n+1){
			clear:both;
			}
		.whatsnew .figure_list figure figcaption{
			background-color:#fff;
			padding:17px;
			}
		.whatsnew .figure_list figure figcaption p{
			font-size:14px;
			}
		.whatsnew .figure_list figure figcaption p + p{
			font-size:16px;
			font-weight:bold;
			color:#0166B3;
			margin-top:5px;
			}

.font_12{
  font-size: 12px;
}

.txt_center{
  text-align: center;
}
.txt_center img{
  float: none!important;
}

			.sec5 h4 {
				font-size: 30px;
				font-weight: bold;
				text-align: center;
				margin-bottom: 30px;
				position: relative;
			}

		.sec5 .sns-page {
		padding: 45px;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		background: #F8F8F8;
    overflow: hidden;
		}
			.sec5 table {
				width: 100%;
				border-collapse:collapse;
				margin-bottom: 15px;
			}
			.sec5 th {
				width: 145px;
				text-align: left;
			}
			.sec5 tr {
				background:url(../img/table_border.png) no-repeat left bottom;
				background-size: contain;
			  position: relative;
			}
			.sec5 th,.sec5 td {
				padding: 9px 0;
				font-size: 13.9px;
				font-weight: normal;
			}
			.sec5.interview_box p + p {
				font-size: 14px;
				font-weight: bold;
			}
			.sec5 .sns-page p.read a {
				font-size: 14px;
				text-decoration: underline;
				color: #002CA2;
				font-weight: bold;
			}
			.sec5 .sns-page p.read a:hover {
				text-decoration: none;
			}
			.sec5 .sns-page p.read {
				text-align: right;
				position: relative;
			}
			.sec5 .sns-page p.read:after {
				content: "";
				display: inline-block;
				width: 19px;
				height: 19px;
				background:url(../img/right_icon1.png) no-repeat left center;
				background-size: contain;
				margin-left: 15px;
			}
			.sec5.interview_box.img_left .img img {
				width: 430px;
				margin-bottom: 0;
				margin-right: 30px;
			}
			.interview_box p.read_img {
				max-width: 390px;
				margin: auto;
				clear: both;
				text-align: center;
			}
			.interview_box p.read_img img {
				float: none;
				margin: 0;
				max-width: 100%;
			}
			.sec6.interview_box .sns-page {
				margin-top: 50px;
				background: #85B71B;
			}
			.sec6.interview_box h4:before {
				content: "";
				display: inline-block;
				width: 155px;
				height: 165px;
				background:url(../img/left.png) no-repeat left center;
				background-size: contain;
				left: 0;
				position: absolute;
				top: 0;
			}
			.sec6.interview_box h4:after {
				content: "";
				display: inline-block;
				width: 155px;
				height: 165px;
				background:url(../img/right.png) no-repeat left center;
				background-size: contain;
				right: 0;
				position: absolute;
				top: 0;
			}
			.sec6.interview_box .list:nth-of-type(1) {

			    margin-bottom: 20px;

			}
			.list_inner {
				width: 200px;

				float: left;

				text-align: center;
			}
			.wrap ul li {
				text-align: right;
				margin-bottom: 20px;
			}
			.wrap ul li a {
				color: #fff;
				text-decoration: underline;
			}
			.wrap ul li a:hover {
				text-decoration: none;
			}
			.sec6.interview_box .list:nth-of-type(2) {
				margin-bottom: 15px;
			}
			.sec6.interview_box .list {

			    background: #fff;
			    border-radius: 10px;
			    font-size: 14px;
			    padding: 18px 0;
			    box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.1);
					overflow: hidden;
					display: table;

					width: 100%;
			}
			.cell {
				display: table-cell;

				vertical-align: middle;
			}
			.wrap {
				max-width: 700px;
				margin: auto;
			}
			.sec6.interview_box p.img {
				text-align: center;
			}
			.sec6.interview_box .bg {
				padding: 40px 0 0 0;
			}
			.sec6.interview_box .border {
				border: 1px solid #85B71B;
				border-bottom-left-radius: 20px;
				border-bottom-right-radius: 20px;
			}
			.sec6.interview_box .bg p {
				color: #fff;
				margin: 0;
				text-align: center;
				font-weight: bold;
			}
			.sec6.interview_box .bg p.img {
				margin-bottom: 15px;
			}
			.sec6.interview_box .bg p:first-child {
				font-size: 20px;
				width: 455px;
				margin: 0 auto 30px auto;
				position: relative;
			}
			.sec6.interview_box .bg p:first-child:before {
				content: "";
				display: inline-block;
				width: 14px;
				height: 23px;
				background: url(../img/border_left.png) no-repeat right center;
				background-size: contain;
				position: absolute;
				left: -40px;
				bottom: 5px;
			}
			.sec6.interview_box .bg p:first-child:after {
				content: "";
				display: inline-block;
				width: 14px;
				height: 23px;
				background: url(../img/border_right.png) no-repeat right center;
				background-size: contain;
				position: absolute;
				right: -40px;
				bottom: 5px;
			}
			.sec6.interview_box .border {
				padding: 0 80px 50px 80px;
			}
			.sec6.interview_box .border p {
				text-align: center;
				font-size: 18px;
				color: #36891D;
				font-weight: bold;
				margin-bottom: 20px;
				margin-top: 45px;
				line-height: 1.7;
			}
			.sec6.interview_box .border p.title {
				font-size: 39px;
				font-weight: bold;
				color: #FFF500;
				margin: 0;
				padding-bottom: 30px;
				line-height: 39px;
			}
			.sec6.interview_box .list p {
				width: 470px;
				float: right;
				margin: 0;
			    text-align: left;
			    font-weight: normal;
			    line-height: 1.6rem;
					color: #000;
					font-size: 15px;
					padding-right: 25px;
			}
			.sec6.interview_box .list h4 {
				font-size: 20px;
				font-weight: bold;
				color: #5C8602;
				line-height: 1.6rem;
			}
			.sec6.interview_box .styleplan ul li {
				font-size: 17px;
				margin-bottom: 10px;
				font-weight: bold;
				text-indent: -2.5em;
				padding-left: 2.5em;
			}
			.sec6.interview_box .styleplan ul li:last-child {
				margin-bottom: 0;
				float: right;
				font-size: 14px;
			}
			.sec6.interview_box .styleplan ul li:last-child a {
				text-decoration: underline;
				color: #000;
				font-weight: normal;
				cursor: pointer;
			}
			.sec6.interview_box .styleplan ul li:last-child a:hover {
				text-decoration: none;
			}
			.sec6.interview_box .styleplan ul li:nth-child(1):before{
				background: #FFFAE2 url(../img/one.png) no-repeat left center/contain;
				width: 25px;
				height: 25px;
			}
			.sec6.interview_box .styleplan ul li:nth-child(2):before {
				background: #FFFAE2 url(../img/two.png) no-repeat left center/contain;
				width: 25px;
				height: 25px;
			}
			.sec6.interview_box .styleplan ul li:nth-child(3):before {
				background: #FFFAE2 url(../img/three.png) no-repeat left center/contain;
				width: 25px;
				height: 25px;
			}
			.sec6.interview_box .styleplan ul li span {
				font-size: 14px;
				font-weight: normal;
			}
			.sec6.interview_box .border p.info {
				max-width: 300px;
				margin: auto;
				}
				.sns-area.clearfix {
					margin-top: 65px;
				}
				.sns-area.clearfix ul {
					float: right;
				}
				.sns-area.clearfix ul li {
					float: left;
					padding-left: 10px;
					font-size:0px;
				}
				.right_c {
					max-width: 400px;
					width: 100%;
					float: right;
				}
				.sb_content {
					padding-bottom: 0 !important;
				}
				#footer {
					border-top: none !important;
				}
/* モーダル */
#header,#pagetop {z-index:1;}
#modal-content {
	border-radius: 7px;
	width: 670px;
	height: 265px;
	margin: 0 ;
	padding: 40px 25px;
	background: #fff ;
	position: fixed ;
	display: none ;
	z-index: 2;
	color: #555555;
	box-shadow:0px 0px 6px 1px rgba(41,41,41,0.79);
	line-height: 1.4em;
	font-family: "メイリオ", Meiryo, Arial, Roboto, "Droid Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif !important;
	}
	#modal-content p:not(.close_btn){
		text-align: left;
		color: #000;
		font-size: 13px;
		font-weight: normal;
		margin: 0;
		text-indent: -2em;
    padding-left: 2em;
		color: #363535;
		}
		#modal-content p img {
			max-width: 280px;
			margin: auto;
			cursor: pointer;
		}
#modal-content p{text-align:center;}
#modal-content p.close_btn{
	margin: 60px auto 0!important;
	}
	#modal-overlay {
		z-index: 1;
		display: none ;
		position: fixed ;
		top: 0 ;
		left: 0 ;
		width: 100% ;
		height: 120% ;
		background-color: rgba(102,102,102,0.9);
		}

/*===================================================== pc =====================================================*/
@media screen and (min-width: 801px), print {


}




/*===================================================== sp =====================================================*/
@media screen and (max-width: 800px) {

}