@charset "UTF-8";

/* ▼▼▼ プロフィール
=====================================*/
.profile_box {
	position: relative;
	overflow: hidden;
	}
.photo01,.photo02 {
	position: absolute;
	width: 38%;
	max-width: 370px;
	cursor: pointer;
	}	
	.photo01 {top: 0;left: 0;}
	.photo02 {bottom: 0;left: 0;}
table.profile {
	float: right;
	width: 55%;
	}
	table.profile th,
	table.profile td {
		border-bottom: 1px solid #ccc;
		padding: 15px 0;
		}
	table.profile th {
		width: 20%;
		}
		table.profile th span {display: block;}
		table.info th,
		table.info td {
			border-bottom: none;
			padding: 0 0 10px;
			}
		table.info th {
			width: 100px;
			padding-right: 10px;
			font-weight: normal;
			}
			table.info th p {text-indent: -0.6em;}
		table.profile td dl.hobby {overflow: hidden;}
			table.profile td dl.hobby dd {margin: 0 0 10px 1.3em;}
		table.profile td .etc {text-align: right;}

/* ▼▼▼ 480px〜768px
=====================================*/
@media screen and (max-width: 768px) {	

.photo01,.photo02 {
	float: left;
	width: 49%;
	margin-bottom: 10px;
	position: static
	}
.photo01 {margin-right: 2%;}

table.profile {
	float: none;
	width: 100%;
	clear: both;
	}
	table.profile th,
	table.profile td {
		display: block;
		border-bottom: none;
		padding: 10px 0;
		}
	table.profile th {
		width: 100%;
		padding-bottom: 0;
		}
		table.profile th span {display: inline;}
	table.profile td {
		border-bottom: 1px solid #ccc;
		}
		table.info {width: 100%;}
		table.info th,
		table.info td {border: none;}
		table.info th {float: left;width: 110px;}
			table.info th p {text-indent: 0;}		
		table.info td {
			display: block;
			padding-bottom: 0;
			overflow: hidden;
			}
		
}