@use "global/acms-common" as acms;
@use "global/common" as global;

/* ------------------------------
　　プロフィール
------------------------------ */
.profile {
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 40px;
  padding: 25px;
  border: global.$border-width-md solid global.$color-gray20;
}

.profile-body {
  display: flex;
}

.profile-item-img {
  padding: 0 20px 0 0;
}

.profile-img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}

.profile-item-info {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.profile-position {
  margin: 0 0 10px;

  @include acms.font-size(14);

  line-height: 1.3;
}

.profile-name {
  margin: 0;
  font-weight: bold;

  @include acms.font-size(16);

  line-height: 1.3;
}

.profile-text {
  margin: 0;

  @include acms.font-size(14);

  line-height: 1.7;
}

.profile-footer {
  margin: 25px 0 0;
}

@media screen and (min-width: acms.$breakpoint-md-min){
  .profile {
    margin: 0 0 60px;
    padding: 40px 50px;
  }

  .profile-item-img {
    padding: 0 40px 0 0;
  }

  .profile-img {
    width: 90px;
    height: 90px;
  }

  .profile-name {
    margin: 0 0 15px;

    @include acms.font-size(18);
  }
}
