@charset "UTF-8";

#contentArea > header::after {
	background-image: url(../../company/about/images/company_about_main.jpg);
	}

#contentArea #message,
#contentArea #outline,
#contentArea #access {
	margin-top: -104px;
	padding-top: 40px;
	}

#contentArea #message .signature {
	text-align: right;
	}
	#contentArea #message .signature p {
		font-size: 1.2rem;
		margin-bottom: 12px;
		}
	#contentArea #message .signature img {
		width: 142px;
		}

#contentArea #access > iframe {
	width: 100%;
	height: 450px;
	}

#contentArea #access section {
	margin-top: 32px;
	}
	#contentArea .about_access dl {
		text-align: center;
		color: #111827;
		margin: 0;
		}
		#contentArea .about_access dt {
			color: #111827;
			}

/* ----- content catchcopy ----- */
#contentArea .catchcopy {
	padding: 48px 0 56px;
	}
	#contentArea .catchcopy .banner {
		margin-top: 40px;
		}
		#contentArea .catchcopy .banner a img {
			width: 475px;
			vertical-align: bottom;
			box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.16);
			}

/* ---------------------------------------------------------------------
	SP
*/
@media only screen and (max-width : 767px) {

	#contentArea > header::after {
		background-position: 24% 50%;
		}

	#contentArea #access > iframe {
		height: 360px;
		}

	#contentArea #access section {
		margin-top: 24px;
		}

	/* ----- content catchcopy ----- */
	#contentArea .catchcopy {
		padding: 24px 0 32px;
		}

	/* -------------------- table -------------------- */
		#contentArea table th {
			width: 40%;
			}
		#contentArea table td {
			width: 60%;
			}

			/* ----- content catchcopy ----- */
			#contentArea .catchcopy .banner {
				margin-top: 24px;
				}
				#contentArea .catchcopy .banner a img {
					width: 80%;
					}

}