.HP-Block-05{
    
#IndexApowerhouse{
	padding-top: 30px;
    .row-grid{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 30px;
    }
	.direction {

		font-size: 24px;
		font-weight: bold;
		font-family: bebasbold;
		line-height: 20px;
		text-align: left;
		text-transform: uppercase;
		margin-top: 30px;
		margin-bottom: 10px;
	}
	.di-tit{

		font-size: 18px;
		font-weight: bold;
		font-family: bebasbold;
		line-height: 20px;
		text-align: left;
		text-transform: uppercase;
		margin-top: 10px;
	}
	.di-text{
		text-align: justify;
	}
	.tablock-title{
		text-align: center;
	}
	.line-30{
		height: 30px;
	}
	.line-25{
		height: 25px;
	}
	.title-text.tit3{
		margin-bottom: 50px;
		text-align: left;
		padding-top: 0px;
		.heading-title{
			
			font-size: 120px;
			padding-left:90px;
			.background{
				background: url(/cdn/shop/files/title-text-a-pc.png?v=1759912098) no-repeat;
				background-size: 100% 100%;
				margin-left: -106px;
			}
		}
		span{
			left: 0px;
			right: 0px;
			bottom: 0px;
			text-align: center;
			br{
				display: none;
			}
		}
		br.pc{
			display: none;
		}
		br.mb{
			display: block;
		}
	}
	.item{
		.tit{
			margin: 0px;
			font-size: 28px;
			line-height: 35px;
			font-weight: 600;
			text-transform: uppercase;
			color: #A93526;
			margin-bottom: 7.5px;
		}
		.sub-tit{
			color: #231F20;
			font-weight: bold;
			margin-bottom: 7.5px;
		}
		.img{
			text-align: center;
			img{

			}
		}
	}
}
@media screen and (max-width: 1024px) {
	#IndexApowerhouse{

    .row-grid{
        display: grid;
        grid-template-columns: 1fr 1fr ;
        gap: 30px;
    }
		.title-text.tit3{
			padding-top: 5px;
			.heading-title{
				font-size: 105px;
			}
			span{
				padding-left: 150px;
			}
		}
		.item{
			margin-top: 30px;
			.line-30{
				height: 25px;
			}
		}
	}
}
@media screen and (max-width: 800px) {
	#IndexApowerhouse{
		margin-top: 25px;
		.title-text.tit3{
			margin-bottom:0px;
			text-align: center;
			.heading-title{
				font-size:56px;
				line-height: 60px;
				padding-left: 0px;
				.background{
					margin-left: 0px;
				}
			}
			span{
				font-size: 18px;
				text-align: center;
				padding: 0px;
			}
		}
		.item{
			.img{
				img{
					height: 170px;
					width: auto;
				}
			}
		}
	}
}
@media screen and (max-width: 736px) {
	#IndexApowerhouse{
		.title-text.tit3{
			padding-bottom: 22px;
			text-align: center;
			br.pc{
				display: block;
			}
			br.mb{
				display: none;
			}
			.heading-title{
				font-size:11vw;
				line-height: 49px;
				padding-left: 0px;
				.background{
					position: relative;
					display: inline-block;
				}
			}
			span{
				text-align: center;
				br{
					display: block;
				}
			}
		}
		.item{
			.tit{
				text-align:center;
				font-size: 18px;
				line-height: 26px;
			}
			.sub-tit{
				text-align:center;
				font-size: 14px;
			}
			.text{
				font-size: 15px;
			}
		}
	}
}
@media screen and (max-width: 450px) {
	#IndexApowerhouse{
       
    .row-grid{
        display: grid;
        grid-template-columns: 1fr ;
        gap: 24px;
    }
		.title-text.tit3{

			.heading-title{
				font-size:10.5vw;
				line-height: 45px;

			}
			span{
				line-height: 24px;
			}
		}
	}
}
@media screen and (max-width: 320px) {
	#IndexApowerhouse{
		.title-text.tit3{

			.heading-title{
				font-size:10vw;
				line-height: 41px;

			}

		}
	}
}
}