@charset "utf-8";

/* ========================================================
	company.css => Company
======================================================== */

/* page_title
============================================================================================================ */
@media screen and (min-width: 769px), print {
	.page_title {
		background-image: url(../images/page_title_bg.jpg);
	}
}
@media screen and (max-width: 768px) {
	.page_title {
		background-image: url(../images/page_title_bg_sp.jpg);
	}
}


/* group_block
============================================================================================================ */
.group_block {
}
.group_block::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: #f7f7f7;
}
.group_block > * {
	position: relative;
	z-index: 3;
}
.group_block a {
}
.group_block span {
	display: block;
	line-height: 1.6;
}
.group_block .name {
	margin: 20px 0 0;
	font-size: 2rem;
	color: #333333;
	font-weight: bold;
}
.group_block .tel {
	margin: 10px 0 0;
}
@media screen and (min-width: 769px), print {
	.group_block {
		padding-bottom: 180px;
	}
	.group_block::before {
		height: 250px;
		bottom: 110px;
	}
}
@media screen and (max-width: 768px) {
	.group_block {
		padding-bottom: 75px;
	}
	.group_block::before {
		height: 250px;
		bottom: 35px;
	}
	.group_block .name {
		margin-top: 10px;
	}
}



/* member_block
============================================================================================================ */
.member_block .member {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}
.member_block .member section {
	position: relative;
	line-height: 1.5;
}
.member_block .member section .title {
	margin: 15px 0 3px;
	font-size: 1.5rem;
	color: #676767;
}
.member_block .member section .en {
	font-weight: bold;
}
@media screen and (min-width: 769px), print {
	.member_block {
		padding-bottom: 150px;
	}
	.member_block .w {
		max-width: 1150px;
	}
	.member_block .member {
		margin-left: -10px;
		margin-right: -10px;
	}
	.member_block .member > * {
		width: calc(100% / 3 - 20px);
		margin: 0 10px 50px;
		padding: 30px 30px 25px;
	}
	.member_block .member section h3 {
		display: inline-block;
		font-size: 1.8rem;
		margin-right: 10px;
	}
	.member_block .member section .en {
		display: inline-block;
		font-size: 1.4rem;
	}
}
@media screen and (max-width: 768px) {
	.member_block .member {
		margin-left: -7px;
		margin-right: -7px;
	}
	.member_block .member > * {
		width: calc(100% / 2 - 14px);
		margin: 0 7px 15px;
		padding: 15px;
	}
	.member_block .member section .title {
		margin: 8px 0 3px;
		font-size: 1.2rem;
	}
	.member_block .member section h1 {
		font-size: 1.4rem;
	}
	.member_block .member section .en {
		font-size: 1rem;
	}
}