@charset "UTF-8";

/*under_header*/
.under_header{
    background: url(../img/solar/mv.jpg) center / cover no-repeat;
}


/* solar_box01
***************************************************************/
.solar_box01--sub{
	flex-wrap: wrap;
	gap: 30px 4.2%;

	.block_txt{
		width: 82%;
	}

}
	
.solar_box01--sub > div{
	width: 30.5%;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: clamp(25px, 3.2vw, 40px) 0;
}
.solar_box01--img{
	width: 85%;
}
.solar_box01--ttl{
	font-size: clamp(18px, 2.2vw, 24px);
	line-height: 1.5;
	margin-top: 2em;
	margin-bottom: 2em;
}

.solar_box01 .blue_btn{
	margin: 50px auto 0;
}

.box01--sub05 .solar_box01--ttl br{
	display: none;
}

@media (max-width: 899px) and (min-width:768px) {
    .solar_box01--sub > div{
    	width: 47.9%;
    }
}

/*--------------------PC--------------------*/
@media all and (min-width:999px){
	.box01--sub05 .solar_box01--ttl{
		white-space: nowrap;
		letter-spacing: -0.03em;
	}
	.box01--sub05 .solar_box01--ttl span{
		margin-left: -0.2em;
		margin-right: -0.2em;
	}
	

}

@media all and (max-width:1000px) and (min-width:900px) {
	.box01--sub05 .solar_box01--ttl{
		margin-bottom: 0.5em;
	}
	.box01--sub05 .solar_box01--ttl br{
		display: block;
	}
}

/*--------------------SP--------------------*/
@media all and (max-width:767px) {
	.solar_box01--sub > div{
		max-width: 395px;
        width: 100%;
        margin: 0 auto;
		padding: clamp(25px, 3.2vw, 40px) 0;
	}
	.solar_box01--sub > div + div{
		margin-top: 20px;
	}

	.solar_box01--ttl{
		margin-top: 1em;
		margin-bottom: 0.5em;
	}

	.solar_box01 .blue_btn{
		margin: 30px auto 0;
	}

}


/* solar_box02
***************************************************************/
.solar_box02--flow > div{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	position: relative;
	padding-bottom: 40px;

	.flow_img{
		width: 17.3%;
		z-index: 1;
	}
	.flow_txt{
		width:78.8%;

		.flow_number{
			font-size: 16px;
			font-weight: 700;
		}
		.flow_ttl{
			font-size: clamp(18px, 2.2vw, 24px);
			margin-top: 0.5em;
		}
		.block_txt{
			margin-top: 1em;
		}

	}

}

.solar_box02--flow > div:last-child{
	padding-bottom: 0;
}

.solar_box02--flow > div:not(:last-child)::before{
	content: '';
    width: 6px;
    height: 100%;
    background-color: var(--blue);
    position: absolute;
    top: 0;
    left: calc(8.6% - 3px);
}


/*--------------------PC--------------------*/
@media all and (min-width:768px) {}

/*--------------------SP--------------------*/
@media all and (max-width:767px) {
	.solar_box02--flow > div{
		padding-bottom: 30px;
	}

	.solar_box02--flow > div:not(:last-child)::before{
    	width: 4px;
	    left: calc(8.7% - 2px);
	}

	.flow_txt{
		.flow_number{
			font-size: 14px;
		}
	}

}


/* aaa
***************************************************************/

/*--------------------PC--------------------*/
@media all and (min-width:768px) {}

/*--------------------SP--------------------*/
@media all and (max-width:767px) {}