@charset "utf-8";
/* CSS Document */

/* container *
****************************************/

h3 {
	font-weight: normal;
}

/* message */
#message {
	margin-right: auto;
	margin-left: auto;
	width: 440px;
}

/* ceo */
#ceo {
	margin-right: auto;
	margin-left: auto;
	width: 300px;
}
#ceo #ceoPhoto {
	text-align: center;
}
#ceo #ceoAbout {
	width: 300px;
	text-align: left;
}

/* movie */
#movie {
	margin-right: auto;
	margin-left: auto;
	width: 750px;
	text-align: center;
}
#movie iframe {
	width: 750px;
	height: 421px;
}

/* companyAbout */
#companyAbout {
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	width: 770px;
}
#companyAbout dl {
	overflow: hidden;
	padding: 15px 0px;
	border-bottom: 1px solid #cccccc;
}
#companyAbout dl:last-child {
	border-bottom: none;
}
#companyAbout dt {
	float: left;
	padding-left: 50px;
	width: 170px;
	font-weight: bold;
}
#companyAbout dd {
	float: left;
}

/* companyWold */
#companyWord {
	margin-right: auto;
	margin-left: auto;
	width: 770px;
}
#companyWord dl {
	margin-bottom: 80px;
}
#companyWord dt,
#companyWold dd {
	float: left;
}
#companyWord dt {
	width: 110px;
}
#companyWord dd table {
	line-height: 1.8;
}
#companyWord dd table th {
	padding-right: 20px;
	width: 62px;
	text-align: right;
}

.br-sp {
	display: none;	/*スマホでの改行位置*/
}


/* RWD --------------------------------------------------------*/
@media screen and (min-width: 750px) {
	#message p .brank	{ display: block; }
}/* END min-width 750px */

@media screen and (min-width: 750px) and (max-width: 1023px) {
	#companyAbout		{ width: auto; }
	#companyAbout dt	{ padding-left: 20px; width: 100px; }
	#companyAbout dd	{ width: 580px; }
	#movie				{ width: 700px; }
	#movie iframe		{ width: 700px; height: 393px; }
	#companyWord		{ width: 650px; }

}/* END min-width 750px and max-width 1023px */

@media screen and (max-width: 749px) {
	#companyAbout		{ width: auto; }
	#message			{ width: 275px; }
	#ceo				{ width: 280px; }
	#ceo #ceoPhoto		{ width: 280px; }
	#ceo #ceoPhoto img	{ width: 160px; height: auto; }
	#ceo #ceoAbout		{ width: 280px; }
	#companyAbout dt	{ float: none; padding: 0px 5% 5px; width: 90%; }
	#companyAbout dd	{ float: none; padding: 0px 5%; width: 90%; }
	#movie				{ width: 280px; }
	#movie iframe		{ width: 280px; height: 157px; }
	#companyWord						{ width: 280px; }
	#companyWord dl						{ margin-bottom: 40px; }
	#companyWord dt, #companyWold dd	{ float: none; }
	#companyWord dt						{ margin: 0px auto 10px; width: 70px; }
	#companyWord dd h2					{ text-align: center; }
	#companyWord dd table th			{ padding-right: 12px; }
	.br-sp {display: block;} /*スマホでの改行位置*/
}/* END min-width 850px and max-width 1023px */
/* END RWD -----------------------------------------------------*/