@charset "UTF-8";

/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/


.index {
}
	.index .inner {
		display: -webkit-box; /*Android4.3*/
		display: -moz-box;    /*Firefox21*/
		display: -ms-flexbox; /*IE10*/
		display: -webkit-flex; /*PC-Safari,iOS8.4*/
		display: flex;
		-webkit-justify-content: center;
		
		-webkit-flex-wrap: wrap;          /* Safari etc. */
		-ms-flex-wrap    : wrap;          /* IE10        */
		flex-wrap        : wrap;
		
	}
	.index a {
		width: 32%;
		margin-right: 2%;
		margin-bottom: 50px;
	}
	.index a:nth-child(3n) {
		margin-right: 0%;
	}
		.index a img {
			width: 100%;
			height: auto;
		}
	.index a dt {
		margin-bottom: 20px;
	}
	.index a dd {
		font-size: 1.6rem;
		text-align: center;
		font-weight: bold;
	}
	.index a dd span {
		font-size: 1.4rem;
		display: block;
	}

#profile {
	float: left;
	width: 515px;
}
	#profile dl {
		background: #123871;
		color: #FFF;
		padding: 20px;
		font-weight: bold;
		margin-bottom: 20px;
	}
		#profile dl dt {
			font-size: 2rem;
		}
		#profile dl dd {
			font-size: 2.4rem;
		}



#textArea {
	float: right;
	width: 620px;
}
	#textArea dl {
		margin-bottom: 30px;
	}
		#textArea dl dt {
			font-size: 1.8rem;
			font-weight: bold;
			color: #123871;
			margin-bottom: 15px;
		}
		#textArea dl dd {
		}

/* max 768px */
@media screen and (max-width: 768px) {

	
.index {
}
	.index a {
		width: 49%;
		float: left;
		margin-right: 2%;
		margin-bottom: 50px;
	}
	.index a:nth-child(3n) {
		margin-right: 2%;
	}
	.index a:nth-child(2n) {
		margin-right: 0% !important;
	}

		.index a img {
			width: 100%;
			height: auto;
		}
	.index a dt {
		margin-bottom: 20px;
	}
	.index a dd {
		font-size: 1.6rem;
		text-align: center;
		font-weight: bold;
	}
	.index a dd span {
		font-size: 1.2rem;
		display: block;
	}

#profile {
	float: none;
	width: 100%;
	margin-bottom: 5%;
}
	#profile dl {
		background: #123871;
		color: #FFF;
		padding: 20px;
		font-weight: bold;
		margin-bottom: 20px;
	}
		#profile dl dt {
			font-size: 2rem;
		}
		#profile dl dd {
			font-size: 2.4rem;
		}
#profile img {
	width: 100%;
	height: auto;
}


#textArea {
	float: none;
	width: 100%;
}
	#textArea dl {
		margin-bottom: 30px;
	}
		#textArea dl dt {
			font-size: 1.8rem;
			font-weight: bold;
			color: #123871;
			margin-bottom: 15px;
		}
		#textArea dl dd {
		}

}