
	.schoolbus {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}

	/* モバイルファーストのスタイル（スマートフォン） */
	.schoolbus {
		display: block; /* モバイルではデフォルトで縦に並べる */
	}

	.schoolbus dt, 
	.schoolbus dd {
		width: 100%; /* モバイルでは幅いっぱいに広がる */
	}
	.schoolbus dt{
		font-weight: 600;
		color:#692323;
	}
	/* パソコン・タブレット用のスタイル */
	@media (min-width: 800px) { /* 768px 以上のデバイスで適用 */
		.schoolbus {
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
		}

		.schoolbus dt {
			flex-basis: 30%; /* dtの幅を30%に設定 */
			text-align: left;
			
		}

		.schoolbus dd {
			flex-basis: 70%; /* ddの幅を70%に設定 */
			text-align: left;

		}
	}
	
	.schoolbus div{
		border:1px solid #ccc;
		padding: 0.8rem;
		margin-bottom: 0.5rem;
		font-size: 0.7rem;
		background: #fff;
	}
	
	.schoolbusWrap{
		border: 1px solid #f7c8c8;
		border-radius: 8px;
		background-image: url("../img/bg_washi.jpg");
		background-size: cover;
		padding:0.8rem;
	}