@charset "utf-8";

.pageSupport .topBlock{
  display: flex;
  align-items: center;
  justify-content: center;
	height: min(23.79vw,325px);
	border-bottom: 1px solid #f0f0f0;
	p{
		font-size: calc(var(--px20) * var(--zoom));
		line-height: 1.8;
		text-align: center;
		font-weight: bold;
	}
}

.pageSupport .topImgBox{
	margin-top: var(--px40);
	grid-template-columns: repeat(4, 1fr);
}

	@media screen and (max-width:768px){

	.pageSupport .topBlock{
		height: auto;
		padding: 6.51vw 0;
		p{
			font-size: calc(3.50vw * var(--zoom));
		}
	}

	.pageSupport .topImgBox{
		margin-top: 5.21vw;
		grid-template-columns: repeat(2, 1fr);
	}

.pageSupport .subBlock .txtimgArea{
 .imgZone{
		margin-right: 0;
		p{width: 100%;}
	}
	&.vertImg{
		.imgZone{
			p{width: 40vw;}
		}
	}
}

	}/* --- max-width:768px */