@charset "utf-8";

#title {
  background: url("../../profile/image/bg-profile@2x.jpg") no-repeat center center;
  background-size: cover;
}
#title .title {
  width: 30.4rem;
}
/* プロフィール
-------------------------------------------*/
#ukai {
  padding: 12.0rem 0;
  background: url("../../about/image/bg01.png") no-repeat right 4.0rem bottom 4.0rem;
  background-size: 13.5rem 17.7rem;
}
.profile {
  width: 100.0rem;
  margin: 0 auto;
  padding: 0;
}
.profile p {
  line-height: 1.7;
  margin-bottom: 3.0rem;
}
.profile p:last-of-type {
  margin-bottom: 0rem;
}
.profile-in {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  justify-content: space-between;
  width: 100.0rem;
  margin: 0 auto;
}
.profile-in figure {
  width: 44.0rem;
}
.profile-in div {
  width: 50.0rem;
}
.profile-in div p {
  font-size: 1.6rem;
  line-height: 1.88;
  margin-bottom: 2.0rem;
}
.profile-in div h3 {
  width: 31.6rem;
  font-size: 0px;
  margin-bottom: 4.0rem;
}

/* メッセージ
-------------------------------------------*/
.bg-g {
  padding: 9.0rem 0;
  background: url("../../profile/image/bg01.png") no-repeat left 4.0rem top 6.0rem #faffd3;
  background-size: 13.5rem 17.7rem;
}
.box-in {
  width: 100.0rem;
  margin: 0 auto;
}
.box-in h2 {
  margin: 0 auto 7.0rem;
}
#message h2 {
  width: 20.0rem;
}
.box {
  display: -webkit-flex;
  display: -moz-flex;
  display: flex;
  justify-content: space-between;
  margin-bottom: 6.0rem;
}
.box p {
  font-size: 1.6rem;
  line-height: 1.8;
  width: 47.0rem;
}
.box figure {
  width: 47.0rem;
}
.box:last-of-type {
  margin-bottom: 0;
}
.box:last-of-type p {
  order: 2;
}
.box:last-of-type figure {
  order: 1;
}

/* 略歴
-------------------------------------------*/
.bg-w {
  padding: 9.0rem 0;
  background: url("../../profile/image/bg01.png") no-repeat right 4.0rem top 6.0rem;
  background-size: 13.5rem 17.7rem;
}
.bg-w:last-of-type {
  background: url("../../profile/image/bg01.png") no-repeat right 4.0rem bottom 6.0rem;
  background-size: 13.5rem 17.7rem;
}
#history h2 {
  width: 12.0rem;
}
.box-in table {
  border-collapse: collapse;
  border-top: 1px dashed #8d8d8d;
  width: 100%;
}
.box-in table th {
  font-size: 1.6rem;
  line-height: 1.6;
  text-align: left;
  font-weight: 700;
  width: 20.0rem;
  padding: 2.0rem 0;
  border-bottom: 1px dashed #8d8d8d;
  vertical-align: top;
}
.box-in table td {
  font-size: 1.6rem;
  line-height: 1.6;
  border-collapse: collapse;
  padding: 2.0rem 0 2.0rem 2.0rem;
  border-bottom: 1px dashed #8d8d8d;
  vertical-align: top;
}

/* 学歴
-------------------------------------------*/
#eb h2 {
  width: 21.0rem;
}

/* 学歴
-------------------------------------------*/
#awards h2 {
  width: 14.4rem;
}
