@charset "utf-8";

#profile {width: 100%; min-width:320px;}
#profile h1{padding:13px 0; text-align:center; font-size:20px; color:#fff; box-shadow:0 5px 5px #ccc; background:#335dbb;}
#profile .profile_info{padding:27px 3% 10px 3%;}
#profile .mem_pic{float:left; width:31%; max-width:110px; margin:0 0 10px 0;}
#profile .mem_pic img{max-width:98%; border:5px solid #d7d7d7; box-sizing:border-box;}
#profile .mem_pic .mem_name{width:100%; padding:8px 0 0 0; font-size:110%; font-weight:bold; color:#0a58a5; text-align:center;}
#profile .mem_pic .mem_name + .mem_name {padding-top: 3px;}
#profile .profile_list{float:right; width:67%; margin:0 0 0.5em 0; line-height:1.5em;}
#profile .profile_list li{position:relative; padding:4px 0 2px 8px; border-bottom:1px solid #cfcfcf;}
#profile .profile_list li:before,
#profile .career h2:before{content:''; display:block; position:absolute; top:13px; left:0; height:3px; width:3px; background:#474747; border-radius:50%;}
#profile .profile_list li *{display:inline-block; vertical-align:top;}
#profile .profile_list li em{width:65px; white-space:pre;}
/*#profile .profile_list li span{width:66%;}*/
#profile .career{clear:both; margin:0px 0 10px 0;}
#profile .career h2{position:relative; padding:0px 0 6px 10px; font-size:100%; font-weight:normal; line-height:1.5em;}
#profile .career .career_list{height:160px; padding:10px; overflow:auto; border:1px solid #cfcfcf; line-height:1.5em; background:#f4f4f4;}
#profile .career .career_list li{position:relative; padding:0 0 0 10px;}
#profile .career .career_list li:before{content:''; display:block; position:absolute; top:12px; left:0; height:1px; width:5px; background:#474747;}
#profile .career .career_list li.gubun,
#profile .career .career_list li.none{padding:0;}
.btn_close{width:100%; min-width:320px; padding:8px 0 8px 0; text-align:right; background:#4b4b4b;} 
.btn_close a{display:inline-block; padding:0 25px 0 0; color:#fff; font-size:13px; letter-spacing:0; text-transform:uppercase;}


.sns_wrap {width: 100%; margin:15px 0 5px 0; font-size: 0; text-align: right;}
.sns_wrap li {display: inline-block; height: 43px; width: 43px; margin:0 3px;}
.sns_wrap li > a {display: block; width: 100%; height: 100%;}



@media all and (max-width:430px) {
	body{font-size:15px;}
	.sns_wrap li {width: 36px; height: 36px;}
	.sns_wrap li a img {display: block; width: 100%; height: 100%;}
}