@charset "utf-8";

/* ################################################################################################ */
/* ## PC                         ################################################################## */
/* ################################################################################################ */
.bg-check
{
	background-image: url(../../img/header-bg.png);
}
.profile-card
{
	box-shadow: 1px 1px 3px 0px #00000060;
	background-color: #FFFFFF;
	border-radius:0.5em;
	padding:1em;
	
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
}
.profile-card .face
{
	flex:0 0 150px;
	padding:2em;
}
.profile-card .face img
{
	border-radius:100%;
}
.profile-card .profile
{
	flex:1 1 auto;
	padding:2em;
}
.profile-card .profile .name
{
	font-size:1.5em;
	font-weight:bold;
}
.profile-card .profile .sns
{
	margin-top:1em;
}
.profile-card .profile .sns > a
{
	margin-right:1em;
}

/* ################################################################################################ */
/* ## TAB                        ################################################################## */
/* ################################################################################################ */
@media screen and (max-width:1200px) {
}


/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
	.profile-card
	{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	.profile-card .face
	{
		flex:0 0 100%;
		padding:1em;
		text-align:center;
	}
	.profile-card .face img
	{
		width:10em;
	}
	.profile-card .profile
	{
		flex:1 1 100%;
		padding:1em;
	}
}