#profile .profile_inner {
  margin: 0 auto;
  width: 968px;
  padding: 0 0 88px; }
@media only screen and (max-width: 650px) {
  #profile .profile_inner {
    width: 100%; } }
#profile .profile_inner .img {
  padding: 0 0 32px; }
@media only screen and (max-width: 650px) {
  #profile .profile_inner .img {
    width: 94%;
    margin: 0 auto;
    padding: 0 0 16px; } }
#profile .profile_inner .img img {
  width: 100%;
  height: auto; }
#profile .profile_inner dl {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  border-bottom: 1px dotted #9c9c9c;
  padding: 16px 0; }
@media only screen and (max-width: 650px) {
  #profile .profile_inner dl {
    display: block;
    border-bottom: none; } }
#profile .profile_inner dl dt {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  width: 225px;
  padding: 20px 0 20px 60px;
  font-weight: bold;
  border-left: 3px solid #0099ff; }
@media only screen and (max-width: 650px) {
  #profile .profile_inner dl dt {
    display: block;
    width: 100%;
    padding: 16px 3%;
    background: #0099ff;
    color: #fff; } }
#profile .profile_inner dl dd {
  padding: 20px 60px 20px 0px; }
@media only screen and (max-width: 650px) {
  #profile .profile_inner dl dd {
    padding: 16px 3% 32px; } }
#profile .profile_inner dl dd p {
  display: -webkit-flex;
  display: flex; }
#profile .profile_inner dl dd p span.school_year {
  width: 104px; }
#profile .profile_inner dl dd p span.rep_year {
  width: 160px; }
@media only screen and (max-width: 650px) {
  #profile .profile_inner dl dd p span.school_year {
    width: 92px; }
  #profile .profile_inner dl dd p span.rep_year {
    width: 52%; }
  #profile .profile_inner dl dd p span.title {
    width: 48%; } }