/* --------------------former-------------------- */
	.forms {
		width: 80%;
		display: flex;
		flex-wrap: wrap;
		border: 1px solid #CCCCCC;
		border-radius: 8px;
		box-shadow: 5px 5px 5px #E2E2E2;
	}
	.forms div {
		width: 33%;
		text-align: center;
	}
	.forms div img {
		width: 70%;
		object-fit: cover;
	}
	/* --------------------former-------------------- */

	.txt-container {
		width: 100%;
	}
	.txt-container-t2 {
		display: flex;
		flex-wrap: wrap;
		font-size: 21px;
	}
	.txt-ct2-t, .txt-ct2-th {
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #C4E1FF;
	}
	.txt-ct2-t {
		position: relative;
		width: 40%;
		padding-left: 20px;
		display: flex;
	}
	.txt-ct2-t::before {
		content: "";
		position: absolute;
		height: 100%;
		width: 15px;
		background-image: url("/images/blue_point.bmp");
		background-repeat: no-repeat;
		left: 0px;
		top: 10px;
		
	}
	.txt-ct2-th {
		position: relative;
		width: 40%;
		display: flex;
	}
	.txt-ct2-th p::before {
		content: ": ";
	}
	.t1, .t2, .t1h, .t2h {
		margin: 0;
	}
	.t1 {
		width: 65%;
	}
	.t2 p::before {
		content: ": ";
	}
	.t1h {
		width: 40%;
	}
	.t2h {
		width: 60%;
	}
	.t2h p::before {
		content: ": ";
	}
	
	
	@media (max-width: 767px) {
		/* --------------------former-------------------- */
		.forms {
			width: 100%;
		}
		.forms div img {
			width: 90%;
		}
		/* --------------------former-------------------- */
		
		.txt-container-t2 {
			font-size: 18px;
		}
		.txt-ct2-t {
			width: 70%;
		}
	}
	
	@media (max-width: 600px) {
		/* --------------------former-------------------- */
		article img {
			width: 100%;
		}
		.forms div {
			width: 49%;
		}
		/* --------------------former-------------------- */
		
		.txt-container-t2 {
			font-size: 16px;
		}
		.txt-ct2-t {
			width: 100%;
		}
		.txt-ct2-th {
			position: relative;
			width: 100%;
			display: flex;
		}
	}