@charset "utf-8";

/***************************************************************************
*
* COMPANY STYLE
*
***************************************************************************/
/*main*/
#main .main_title {
	font-size: 55px;
	letter-spacing: 12px;
}
#main .main_content {
	position: absolute;
	bottom: 4.8%;
	left: 50%;
	transform: translateX(-50%);
	width: 500px;
	text-align: center;
}
#main .main_content .main_name {
	font-size: 26px;
	line-height: 39px;
	letter-spacing: 2.4px;
}
#main .main_content .main_sub {
	line-height: 28px;
	text-align: justify;
	letter-spacing: 1.4px;
	margin-top: 6px;
}
/*main*/

#content {
	margin-top: 135px;
}
/*.areaPhilosophy*/
.area_title {
	font-size: 37px;
	line-height: 64.75px;
	letter-spacing: 1.5px;
	text-align: center;
}
.areaPhilosophy .philo_title_jp {
	font-size: 30px;
	line-height: 63px;
	letter-spacing: 8px;
	text-align: center;
	margin-top: 87px;
}
.areaPhilosophy .philo_title_en {
	font-size: 23px;
	color: #21288E;
	line-height: 63px;
	letter-spacing: 1.6px;
	text-align: center;
	margin-top: 2px;
}
.areaPhilosophy .philo_sub {
	font-size: 15px;
	color: #1A1A1A;
	line-height: 33px;
	letter-spacing: 1.5px;
	text-align: center;
	margin-top: 35px;
}
/*areaPhilosophy*/

/*areaBoard*/
.areaBoard {
	margin-top: 108px;
	background-image: linear-gradient(to right, #EBEBEA, #EFE8E8);
	padding: 106px 0 112px;
}
.areaBoard .area_title {
	color: #0F218B;
}
.areaBoard .board_list_1 {
	margin-top: 100px;
}
.areaBoard .board_list_1 .board_photo {
	display: inline-block;
	vertical-align: bottom;
	width: 462px;
}
.areaBoard .board_list_1 .board_content {
	display: inline-block;
	vertical-align: bottom;
	width: 462px;
	margin-left: 71px;
}
.areaBoard .board_list_1 li + li {
	margin-top: 111px;
}
.areaBoard .board_list_1 li .board_content .board_posi {
	font-size: 15px;
	line-height: 32px;
	letter-spacing: 1.5px;
}
.areaBoard .board_list_1 li .board_content .board_name {
	font-size: 31px;
	line-height: 9.64px;
	letter-spacing: 8px;
	margin-top: 17px;
}
.areaBoard .board_list_1 li .board_content .board_name .en {
	vertical-align: 9px;
	font-size: 14px;
	color: #0F218B;
	line-height: 24.5px;
	letter-spacing: 1px;
	font-weight: 500;
	margin-left: 3px;
}
.areaBoard .board_list_1 li .board_content .board_sub {
	font-size: 15px;
	line-height: 33px;
	letter-spacing: 1.5px;
	margin-top: 30px;
	margin-bottom: -13px;
}
.areaBoard .board_list_2 {
	margin-top: 111px;
}
.areaBoard .board_list_2 li {
	float: left;
	width: 290px;
}
.areaBoard .board_list_2 li + li {
	margin-left: 65px;
}
.areaBoard .board_list_2 li .board_posi_2 {
	font-size: 13px;
	line-height: 32px;
	letter-spacing: 1px;
	margin-top: 22px;
}
.areaBoard .board_list_2 li .board_name_2 {
	font-size: 27px;
	line-height: 9.64px;
	letter-spacing: 7px;
	margin-top: 16px;
}
.areaBoard .board_list_2 li .board_name_2 .en_2 {
	display: block;
	vertical-align: 9px;
	font-size: 12px;
	color: #0F218B;
	line-height: 24.5px;
	letter-spacing: 0.5px;
	font-weight: 500;
	margin-top: 16px;
}
.areaBoard .board_list_2 li .board_sub_2 {
	font-size: 14px;
	line-height: 30px;
	letter-spacing: 1.5px;
	margin-top: 15px;
}
/*areaBoard*/

.areaInfomation {
	margin-top: 136px;
	padding-bottom: 145px;
}
.areaInfomation .info_wrap {
	margin-top: 98px;
}
.areaInfomation .info_logo {
	float: left;
	width: 135px;
}
.areaInfomation .info_table {
	float: right;
	width: 750px;
	margin-top: -12px;
}
.areaInfomation .info_table .row {
	display: table;
	width: 100%;
	border-bottom: 1px solid rgba(128, 128, 128, .5);
}
.areaInfomation .info_table .row .name {
	display: table-cell;
	vertical-align: top;
	font-size: 15px;
	letter-spacing: 3px;
	line-height: 71px;
	font-weight: bold;
	width: 194px;
}
.areaInfomation .info_table .row .info {
	display: table-cell;
	vertical-align: top;
	font-size: 15px;
	letter-spacing: 1.2px;
	line-height: 71px;
}

/*SP STYLE*/
@media (max-width: 768px) {
	
	/*#main*/
	#main .main_title {
		font-size: 38px;
		letter-spacing: 8px;
		top: 28%;
	}
	#main .main_content {
		position: static;
		transform: none;
		width: 100%;
		margin-top: 33px;
		padding: 0 6%;
	}
	#main .main_content .main_name {
		font-size: 17px;
		color: #003288;
		line-height: 34px;
	}
	#main .main_content .main_sub {
		font-size: 12px;
		line-height: 25px;
		letter-spacing: 1px;
		margin-top: 7px;
	}
	/*#main*/

	#content {
		margin-top: 32px;
	}

	/*areaPhilosophy*/
	.area_title {
		font-size: 22px;
		line-height: 24px;
		letter-spacing: 0;
	}
	.areaPhilosophy {
		margin-top: 48px;
	}
	.areaPhilosophy .philo_title_jp {
		font-size: 23px;
		line-height: 48px;
		letter-spacing: 6px;
		margin-top: 41px;
	}
	.areaPhilosophy .philo_title_en {
		font-size: 17px;
		color: #00378B;
		line-height: 32px;
		letter-spacing: 1px;
		margin-top: 12px;
	}
	.areaPhilosophy .philo_sub {
		font-size: 12px;
		line-height: 25px;
		letter-spacing: 0.5px;
		margin-top: 21px;
	}
	/*areaPhilosophy*/
	
	/*areaBoard*/
	.areaBoard {
		margin-top: 43px;
		padding: 49px 0 56px;
	}
	.areaBoard .inner {
		padding: 0 5.8%;
	}
	.areaBoard .board_list_1 {
		margin-top: 51px;
	}
	.areaBoard .board_list_1 li,
	.areaBoard .board_list_2 li {
		width: 100%;
		background: #fff;
	}
	.areaBoard .board_list_1 .board_photo {
		display: inline-block;
		vertical-align: bottom;
		width: 100%;
	}
	.areaBoard .board_list_1 .board_content,
	.areaBoard .board_list_2 .board_content_2 {
		width: 100%;
		margin-left: 0;
		padding: 16px 18px 18px;
	}
	.areaBoard .board_list_1 li + li {
		margin-top: 24px;
	}
	.areaBoard .board_list_1 li .board_content .board_posi,
	.areaBoard .board_list_2 li .board_content_2 .board_posi_2 {
		font-size: 10px;
		line-height: 18px;
		letter-spacing: 1px;
		margin-top: 0;
	}
	.areaBoard .board_list_1 li .board_content .board_name,
	.areaBoard .board_list_2 li .board_content_2 .board_name_2 {
		font-size: 19px;
		line-height: 5px;
		letter-spacing: 4.5px;
		margin-top: 7px;
	}
	.areaBoard .board_list_1 li .board_content .board_name .en,
	.areaBoard .board_list_2 li .board_name_2 .en_2 {
		display: inline-block;
		vertical-align: 4px;
		font-size: 9px;
		line-height: 14px;
		letter-spacing: 0.5px;
		margin-top: 0;
	}
	.areaBoard .board_list_1 li .board_content .board_sub, 
	.areaBoard .board_list_2 li .board_content_2 .board_sub_2 {
		font-size: 11px;
		line-height: 20px;
		letter-spacing: 0.5px;
		margin-top: 19px;
		margin-bottom: 0;
		text-align: justify;
	}
	.areaBoard .board_list_2 {
		margin-top: 24px;
	}
	.areaBoard .board_list_2 li + li {
		margin-left: 0;
		margin-top: 24px;
	}
	/*areaBoard*/

	/*areaInfomation*/
	.areaInfomation {
		margin-top: 47px;
		padding-bottom: 52px;
	}
	.areaInfomation .inner {
		padding: 0 5.8%;
	}
	.areaInfomation .info_wrap {
		margin-top: 24px;
	}
	.areaInfomation .info_table {
		width: 100%;
		margin-top: 0;
	}
	.areaInfomation .info_table .row {
		padding: 24px 0;
	}
	.areaInfomation .info_table .row .name {
		font-size: 11px;
		letter-spacing: 1px;
		line-height: 24px;
		width: 26%;
	}
	.areaInfomation .info_table .row .info {
		font-size: 11px;
		letter-spacing: 1.5px;
		line-height: 24px;
	}
}