@charset "UTF-8";

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

/* fuel_box01
***************************************************************/
.fuel_box01 .fuel_box01--img{
	order: -1;
}
.fuel_box01--list{
	font-size: clamp(18px, 2.2vw, 24px);
	font-weight: 700;
	line-height: 2;
}
.fuel_box01--list li{
	padding-left: 1.5em;
	position: relative;
}
.fuel_box01--list li::before{
	content: '';
	width: 20px;
	height: 4px;
	background-color: var(--blue);
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

.fuel_box01--txt{
	font-size: clamp(18px, 1.6vw, 24px);
	font-weight: 700;
	line-height: 1.45;
	margin-top: 1em;
}
.fuel_box01 .blue_btn{
	margin-top: 40px;
	margin-left: auto;
}
@media (min-width: 980px) {
    .fuel_box01--img {
        max-width: 920px;
        width: 69%;
        margin-right: 2%;
    }
}
@media (max-width: 979px) {
    .fuel_box01--img {
        margin-top: 20px;
    }
}


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

/*--------------------SP--------------------*/
@media all and (max-width:767px) {
	.fuel_box01--list,
	.fuel_box01--txt{
		font-size: 16px;
	}
	.fuel_box01--list li::before{
		width: 15px;
		height: 3px;
	}

	.fuel_box01 .blue_btn{
		margin-top: 20px;
		margin-left: initial;
	}

}


/* fuel_box02
***************************************************************/
.fuel_box02 .block_txt{
	text-align: center;
}
.fuel_box02--link{
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 630px;
    width: 80%;
    font-size: clamp(18px, 2.2vw, 24px);
    font-weight: 700;
    border-radius: 50px;
    color: var(--white);
    background: var(--lg01);
    margin: clamp(25px, 3.2vw, 40px) auto 0;
    padding: 1.4em 1.5em;
}


/*--------------------PC--------------------*/
@media all and (min-width:768px) {
	.fuel_box02--link::hover{
		opacity: 0.7;
	}
}

/*--------------------SP--------------------*/
@media all and (max-width:767px) {
    .fuel_box02--link {
        line-height: 1.45;
        text-align: center;
        margin-top: 30px;
    }

}



/* fuel_box03
***************************************************************/

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

/*--------------------SP--------------------*/
@media all and (max-width:767px) {
	.fuel_box03--img {
        width: 480px;
        padding-bottom: 15px;
        margin: 0 auto;
    }

}

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

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

/*--------------------PC--------------------*/
@media all and (min-width:768px) {
	.fuel_box04--sub05 .fuel_box04--ttl{
		margin-bottom: 0.5em;
	}

}

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

}


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

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

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