@charset "UTF-8";

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

	/hojin/b_direct/

	-------------------------------------------*/

	/* bDirectMvBlock */
	.bDirectMvBlock01 .bDirectMvInner {
		width: 100%;
		display: block;
	}
	.bDirectMvBlock01 *[class*="bDirectMvContents"] {
		width: 100%;
		padding: 20px;
	}
	.bDirectMvBlock01 .bDirectMvContents02 {
		margin-top: 20px;
	}
	.bDirectMvBlock01 .bDirectMvContentList {
		flex-wrap: wrap;
	}
	.bDirectMvBlock01 .bDirectMvContentList > * {
		width: 32%;
		margin-left: 2%;
	}
	.bDirectMvBlock01 .bDirectMvContentList > *:nth-child(3n+1) {
		margin-left: 0;
	}
	.bDirectMvBlock01 .bDirectMvContentList > *:nth-child(n+4) {
		margin-top: 10px;
	}

	/* dateBlock */
	.dateBlock01 [data-type] > dt {
		display: inline-block;
	}
	.dateBlock01 [data-type] > dt::after {
		display: inline-block;
		margin-left: 10px;
		font-size: 1.2rem;
		left: auto;
	}
	.dateBlock01 [data-type] > .ttlDate {
		padding-left: 0;
	}
}