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

	.imgText .col2of4 .img {
		width: auto;
	}

	.boxType1 {
		margin: 0 0px 30px; 
	}

	.boxType1 .row {
		display: flex;
		flex-direction: column;
	}

	.boxType1 .row .col p {
		margin-left: 20px !important;
	}

	.boxType1 .row .col {
		width: 100%;
	}

	.boxType1 .row .asBtnType3 {
		margin: 0 20px 30px;
	}

	.topicPathArea .topicPathBtn {
		width: auto;
		gap: 10px;
	}

	.topicPathArea .topicPathBtn li {
		flex: 1;
	}

	.topicPathArea .topicPathBtn li a {
		width: 100%;
		min-width: auto;
		height: 100%;
		padding: 6px;
		display: inline-flex;
		justify-content: center;
		align-items: center;
	}

	.introduction + .bgStripeArea .bgStripe:first-child .container,
	.bgTitleAreaType1 + .bgStripeArea .bgStripe:first-child .container {
		padding-top: 30px;
	}

	.col2of4 img {
		width: 100%;
		height: auto;
		max-width: 200px;
	}
}