@charset "utf-8";

.CorpoArea {
	display:block;
	margin:0 0 40px;
}
.CorpoArea h2 {
	margin:40px 0 20px;
	position: relative;
	padding:0 15px 10px;
	border-bottom: 4px solid #ccc;
	font-size:135%;
}
.CorpoArea h2::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #004c8f;
}
.CorpoArea  .MainArea {
	display:block;
	width:69%;
	margin-left:15px;
	float:left;
}
.CorpoArea  .PhotoArea {
	display:block;
	width:24%;
	margin-right:15px;
	float:right;
	text-align:right;
}
.CorpoArea  .PhotoArea img {
	border:1px solid #EBEBEB;
	max-width:40%;  /* 100% */
	margin-bottom:10px;
	border-radius: 3px;
	webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

table.Outline {
	display:block;
	width:40%; /* width:100% */
	margin:0;
	border-collapse: collapse;
	letter-spacing:1px;
	border:4px solid #d7d7d7;
	font-size:95%;
	line-height:145%;
}
table.Outline th,
table.Outline td {
	padding:10px 15px 7px;
	border:1px solid #d7d7d7;
}
table.Outline th {
	background:url(../images/bg08.gif);
	font-weight:bold;
	white-space:nowrap;
}
table.Outline td {
	font-size:105%;
	width:100%;
}
table.Outline td a {
	display:block;
}


/*--- PC用 ---*/
@media only screen and (min-width: 960px){
}
@media only screen and (max-width:959px){
	.CorpoArea h2 { font-size:175%; }
	.CorpoArea .MainArea,
	.CorpoArea .PhotoArea {
		float:none;
		width:96%;
		margin:0 auto 20px;
	}
	.CorpoArea .PhotoArea { text-align:center; }
	.CorpoArea .PhotoArea img {
		max-width:46%;
		float:left;
		margin:0 2% 20px;
	}
/*--- スマートフォン 横(ランドスケープ) ---*/
@media only screen and (max-width:640px){
	.CorpoArea  .MainArea ,
}
/*--- スマートフォン 縦(ポートレート) ---*/
@media only screen and (max-width:480px){
	table.Outline th,
	table.Outline td {
		font-size:90%;
		padding:10px 5px 7px;
	}
	.CorpoArea .PhotoArea img {
		max-width:80%;
		float:none;
		margin:0 auto 20px;
	}
}