@charset "UTF-8";

/* コンテンツ */
section.about div.container {
	max-width: 784px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 30px;
	padding-bottom: 30px;
}

section.about div.container h2 {
	margin-bottom: 20px;
}

section.about div.container h3 {
	max-width: 744px;
	height: 225px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	color: #FFF;
	font-size: 18px;
	font-weight: 700; /* Semi-bold */
	padding-top: 20px;
	padding-left: 16px;
	margin-bottom: 30px;
}
section.about div.container h3 span {
	font-size: 14px;
}
section.about div.container h3.img1 {
	background-image: url(../img/about_img1.jpg);
}
section.about div.container h3.img2 {
	background-image: url(../img/about_img2.jpg);
}
section.about div.container table {
	width: 100%;
	margin-bottom: 45px;
}
section.about div.container table:last-child {
	margin-bottom: 0;
}
section.about div.container table th {
	text-align: left;
	font-weight: 400; /* Regular */
	width: 30%;
}
section.about div.container table th,
section.about div.container table td {
	padding-top: 4px;
	padding-bottom: 4px;
	vertical-align: top;
}
section.about div.container table th {
	padding-right: 50px;
	white-space: nowrap;
}

/* タブレット */
@media(min-width:768px) {
	/* コンテンツ */
	section.about div.container {
	padding-top: 65px;
	padding-bottom: 60px;
	}
}

/* デスクトップ */
@media(min-width:1200px) {
	/* コンテンツ */
	section.about div.container {
	padding-top: 125px;
	padding-bottom: 120px;
	}
}

/* モバイル */
@media (max-width: 660px) {
	/* コンテンツ */
	section.about div.container h2 img {
	display: block;
	width: 100%;
	height: auto;
	}
}