@charset "UTF-8";

#powerGeneration .borderBox {
	border: 1px solid #000;
	padding:2rem;
	margin: 45px auto;
}

#powerGeneration .photo {
	text-align: center;
}


#powerGeneration .textSmall {
    text-align: left;
    font-size: 12px;
}

#powerGeneration img {
    width: auto;
}

.economicDetail04 .floatL {
    float: left;
    width: 50%;
}

.economicDetail04 .floatL p,.economicDetail04 .floatR02 p {
    margin-bottom: 1.8rem;
}

.economicDetail04 .floatR {
    float: right;
    width: 48%;
}

.economicDetail04 .flexBox {
    display: flex;
    justify-content: space-around;
}

.economicDetail04 .textColor {
    text-align: center;
    margin: 1rem auto;
    font-size: 130%;
}

.lineupPage .economicDetail04 .wrap ul li p.textSmall {
    font-size: 80%;
    padding-left: 1rem;
    text-indent: -1rem;
}

.economicDetail04 h5 {
    font-size: 20px;
    font-weight: 600;
    line-height: 34px;
    margin: 80px auto 0;
    text-align: center;
}

.economicDetail04 .w70 {
    width: 70%;
    margin: 0 auto 6rem;
}


@media all and (max-width:768px) {
	#powerGeneration .borderBox p {
		font-size: 12px;
	}

	#powerGeneration .textSmall {
		font-size: 10px;
	}

	#powerGeneration img,.doublehatsuden img,.economicDetail04 .w70 img {
		width: 100%;
	}

	.economicDetail04 .floatL {
		float: none;
		width: 100%;
		margin-bottom: 40px;
	}

	.economicDetail04 .floatL p,.economicDetail04 .floatR02 p {
		margin-bottom: 1.8rem;
		font-size: 14px;
	}

	.economicDetail04 .floatR {
		float: none;
		width: 100%;
	}

	.economicDetail04 .flexBox {
		display: block;
	}
	
	.economicDetail04 .floatR ul.flexBox li {
		width: 80%;
		margin: 0 auto;
		float: none;
		text-align: center;
	}
	
	.lineupPage .economicDetail04 .wrap ul li:nth-of-type(1) {
		padding-bottom: 10px;
	}
	
	.economicDetail04 .floatR ul.flexBox li img {
		width: 60%;
	}
	
	.economicDetail04 .textColor {
		text-align: center;
		margin: 1rem auto;
		font-size: 15px;
	}

	.lineupPage .economicDetail04 .wrap ul li p.textSmall {
		font-size: 12px;
		margin-bottom: 1rem;
	}
	
	.economicDetail04 h5 {
		font-size: 16px;
		font-weight: 600;
		line-height: 26px;
		margin: 50px auto 0;
		text-align: center;
	}

	.economicDetail04 .w70 {
		width: 100%;
		margin: 0 auto 40px;
	}
	
	.economicDetail04 .w70 p {
		margin-bottom: 10px;
		font-size: 14px;
	}
	
	.economicDetail04 h3.lead {
		font-size: 16px;
		font-weight: 600;
		line-height: 25px;
		margin-bottom: 12px;
	}	

	

}