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

 
/* ---------------------------------------------
01. Font
--------------------------------------------- */
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);


body {
font-family: 'Noto Sans Japanese', sans-serif;
}



/* ---------------------------------------------
01. レイアウト
--------------------------------------------- */


.headBorder {
	border-top:5px solid #7dcef4;
}


.bgBlue {
	background-color:#7dcef4;
	color:#FFF;
}

.bgWhite {
	background-color:#fff;
}

.bgRed {
	background-color:#e60012;
	color:#FFF;
}

.bgGray {
	background-color:#e7e7e7;
}

.bgBlack {
	background-color:#333;
}


/* Bootstrap */

.icon-bar {
}



/* ---------------------------------------------
02. TOPページ
--------------------------------------------- */

.topTitle {
	padding:120px 0 80px;
}

.topTitle h1 {
	margin-bottom:30px;
}

.topTitle h2 {
	margin-bottom:20px;
}
.topTitle h2 img {
	max-width:90%;
	margin:0 5%;
}

.topTitle p {
	line-height:150%;
}

.topTitle p  {
	line-height:150%;
}


h2.topContTitle {
	line-height:500%;
	margin-top:1em
}

.topContText {
	line-height:200%;
}


.topWorksBox a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #FFF;
}

.topWorksBox a {
	display:block;
}

.more_btn {
	margin-bottom:50px;
}

.more_btn a {
	display:block;
	border:1px solid #fff;
	color:#fff;
	font-size:140%;
	line-height:300%;
	letter-spacing:0.1em;
}

.more_btn a:hover,
.more_btn a:active {
	display:block;
	background-color:#FFF;
	color:#ccc;
	text-decoration:none;
}


.more_btnBlack a {
	border:1px solid #333;
	color:#333;
}

.more_btnBlack  a:hover,
.more_btnBlack  a:active {
	background-color:#fcc;
	color:#ccc;
}


.topProfBox {
	box-shadow: 0 0 0 1px #CCC inset;
	padding:10px;
	margin-bottom:10px;
}

.topProfBox img {
	width:25%;
	float:left;
}

.topProfText {
	margin-left:30%;
}
.topProfText h4 {
	font-weight:bold;
	letter-spacing:0.1em;
}



.table th {
	width:7em;
}