.mt {
  background: url("../images/profile/mv_bg.png") no-repeat center 0;
  background-size: cover; }
  @media (max-width: 768px) {
    .mt {
      background-image: url("../images/profile/mv_bg_sp.png"); } }

.profile-area {
  padding: 5.0rem 0 10.0rem; }
  @media (max-width: 768px) {
    .profile-area {
      padding: 13.333333333333334vw 0 18.666666666666668vw; } }
  .profile-area .name {
    font-size: 7.0rem;
    margin-bottom: 4.0rem;
    line-height: 1.3;
    font-weight: 300; }
    @media (max-width: 768px) {
      .profile-area .name {
        font-size: 8vw;
        margin-bottom: 5.333333333333334vw; } }
    .profile-area .name span {
      display: block;
      font-size: 4.0rem;
      color: #ef8693;
      letter-spacing: .3em; }
      @media (max-width: 768px) {
        .profile-area .name span {
          font-size: 5.333333333333334vw;
          letter-spacing: 0; } }
  .profile-area .profile-box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10.0rem; }
    @media (max-width: 768px) {
      .profile-area .profile-box {
        display: block;
        margin-bottom: 18.666666666666668vw; } }
    .profile-area .profile-box .profile-list {
      width: 40%; }
      @media (max-width: 768px) {
        .profile-area .profile-box .profile-list {
          width: 100%;
          margin-bottom: 5.333333333333334vw; } }
      .profile-area .profile-box .profile-list__item {
        display: flex; }
        .profile-area .profile-box .profile-list__item dt {
          width: 5em;
          margin-right: 2em;
          position: relative;
          text-align: justify;
          text-align-last: justify; }
          .profile-area .profile-box .profile-list__item dt::after {
            content: ":";
            position: absolute;
            right: -1em;
            top: 0; }
        .profile-area .profile-box .profile-list__item dd {
          width: calc(100% - 7em); }
    .profile-area .profile-box .text {
      width: 58%;
      line-height: 2.0; }
      @media (max-width: 768px) {
        .profile-area .profile-box .text {
          width: 100%; } }
  .profile-area .record {
    margin-bottom: 10.0rem; }
    @media (max-width: 768px) {
      .profile-area .record {
        margin-bottom: 18.666666666666668vw; } }
    .profile-area .record .subtitle {
      font-weight: bold;
      font-size: 2.4rem;
      margin-bottom: 2.0rem; }
      @media (max-width: 768px) {
        .profile-area .record .subtitle {
          font-size: 4.8vw;
          margin-bottom: 2.666666666666667vw; } }
    .profile-area .record-list__item {
      display: flex;
      margin-bottom: 1.0rem; }
      .profile-area .record-list__item dt {
        width: 6em;
        margin-right: 2em;
        position: relative;
        text-align: justify;
        text-align-last: justify; }
        .profile-area .record-list__item dt::after {
          content: ":";
          position: absolute;
          right: -1em;
          top: 0; }
      .profile-area .record-list__item dd {
        width: calc(100% - 10em); }
    .profile-area .record-list + .subtitle {
      margin-top: 5.0rem; }
  .profile-area .greetings {
    margin-bottom: 13.0rem; }
    @media (max-width: 768px) {
      .profile-area .greetings {
        margin-bottom: 18.666666666666668vw; } }
    .profile-area .greetings .greetings-block {
      display: flex;
      justify-content: space-between; }
      @media (max-width: 768px) {
        .profile-area .greetings .greetings-block {
          display: block; } }
      .profile-area .greetings .greetings-block .text {
        width: 68%;
        line-height: 2.0; }
        @media (max-width: 768px) {
          .profile-area .greetings .greetings-block .text {
            width: 100%;
            margin-bottom: 2.0rem; } }
      .profile-area .greetings .greetings-block .photo {
        width: 30%; }
        @media (max-width: 768px) {
          .profile-area .greetings .greetings-block .photo {
            margin: 0 auto;
            width: 100%; } }