.login-form {
    position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
    width: 100%;
    margin: 0px auto;
    padding: 0%;
    text-align: center;
    border: 0px;
    z-index: 1;
    
}  

.profile-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0px 0px;
  }
/* プロフィールテキストに背景画像を設定 */
.profile-text {
  flex: 1 1 100%;
  padding: 40px 20px;
  font-size: 14px;
  line-height: 1.0;
  color: black;
  /* background-image: url("../images/profile1.png"); */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 600px;
  box-sizing: border-box;
  font-family: 'Zen Old Mincho', serif;
}

.profile-text h1,
.profile-text h3,
.profile-text p,
.profile-text a {
  line-height: 1.0;
  font-family: 'Zen Old Mincho', serif;
}

.profile-image img {
  max-width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 768px) {
  .profile-wrapper {
    flex-direction: column;
    padding: 20px 10px;
  }

  .profile-text, .profile-image {
    flex: 1 1 100%;
    padding: 1px 0;
  }

  /* 画像が複数なら2カラム表示 */
  .profile-image img {
    width: 100%;
    max-width: 100%;
  }

  .profile-text {
    margin: 6%;
    font-size: 16px; /* ← 通常14pxより少し大きくする */
    line-height: 2.2;
  }

  .profile-text h1 {
    font-size: 38px;
  }

  .profile-text h3 {
    font-size: 30px;
  }

  .profile-text p,
  .profile-text a {
    font-size: 26px;
  }
}

.profile-wrapper {
  width: 1200px; /* デザインの元サイズに固定 */
  transform-origin: top left;
}