/* CSS Document */

.index_content{
	display: flex;
	flex-direction: column;
	padding: 10px 0;
}

.greet,.group,.profile{
	margin: 0 10px;
	font-size: 1.4rem;
}
.greet p{
	margin: 0 0 10px;
}
.greet p.name{
	text-align: right;
	margin: 0 0 10px;
}
.greet .ph{
	margin: 10px;
	float: right;
	max-width: 40%;
}
.group_diagram{
	margin: 0 auto;
    padding: 0;
    width: 100%;
    max-width: 850px;
    height: auto;
    display: block;
}
.profile table{
	width: 100%;
	margin: 0 auto 20px;
	border-spacing: 0 0;
	border-collapse: collapse;	
}
.profile table th{
	font-weight: normal;
	text-align: left;
	margin: 0 10px;
	font-size: 1.4rem;
	padding: 6px 3px 3px 5px;
	border: 1px solid rgba(0,132,0,.5);
	background-color: rgba(0,132,0,.15)
}
.profile table td{
	margin: 0 10px;
	font-size: 1.4rem;
	padding: 6px 3px 3px 5px;
	border: 1px solid #ccc;
}

@media (min-width: 768px) {
.greet, .group, .profile {
	margin: 0 20px;
	font-size: 1.4rem;
}
.greet .ph{
	margin: 10px;
	float: right;
	width: 250px;
}
.group_diagram{
	margin: 0 auto;
	padding: 0;
	width: 100%;
	max-width: 540px;
	height: auto;
	display: block;
}

}
@media (min-width: 950px) {
.greet .ph{
	margin: 10px;
	float: right;
	width: 250px;
}
	.group_diagram{
		margin: 0 auto;
		padding: 0;
		width: 100%;
		max-width: 540px;
		height: auto;
		display: block;
	}

}