@charset "UTF-8";

#main-box {
	/* margin-top: 0;
	margin-bottom: 10px;
	width: 700px; */
	margin: 0 10px;
}

#main-box p {
	font-size: 0.83rem;
	/* height: 40px; */
	/* margin-bottom: 8px; */
	/* margin-bottom: 20px; */
}

h3 {
	/* height: 40px; */
	font-size: 1.16rem;
	margin-top: 0;
	margin-bottom: 20px;
	font-weight: normal;
	padding: 10px 0 0 0;
}

#main-box table {
	/* width: 700px; */
	width: 100%;
	border-collapse: collapse;
}

#main-box table tr {
	display: flex;
	flex-direction: column; /* 要素を縦方向に積み重ねる */
}

#main-box table th, 
#main-box table td {
	display: block; /* thとtdをブロック要素にして幅100%にする */
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	border: none; /* デフォルトではセル内の境界線をなくす */
	font-weight: normal;
}

#main-box table td {
	margin-bottom: 20px;
	word-break: break-all;
}

#main-box table p {
	padding: 5px;
}


#main-box div p {
	height: 30px;
	margin-top: 30px;
	margin-bottom: 40px;
	text-align: right;
}

#main-box img {
	margin-right: 8px;
}

#main-box div img {
	vertical-align: middle;
}


@media (min-width: 715px) {

	#main-box table tr {
		display: table-row; /* 行を通常のテーブル行に戻す */
	}

	#main-box table th, 
	#main-box table td {
		display: table-cell; /* セルを通常のテーブルセルに戻す */
		vertical-align: top;
		padding-bottom: 25px;
	}

	#main-box table th {
		width: auto;
	}

	#main-box table th p {
		width: 300px;
	}




}


@media (min-width: 1123px) {

	.main-content {
		width: 705px;
	}

	h3 {
		margin-top: 95px;
		padding: 0 0 0 0;
	}

	#main-box p {
		font-size: 0.75rem;
	}



}