/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 31 2025 | 03:43:21 */
.profile-section {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  max-width: 1100px; 
  width: 90%;     
  margin: 0 auto; 
  gap: 60px;
  padding: 40px 0 100px; 
}
/* タブレット・スマホ対応 */
@media screen and (max-width: 1024px) {
  .profile-section {
    flex-direction: column;
    width: 100%; 
    max-width: none; 
    padding: 80px 20px; 
    gap: 0;
  }
  .profile-image {
    margin-bottom: 25px; 
	width: 70%;
  }
  .profile-text-wrapper {
    width: 70%;
  }
}
@media screen and (max-width: 768px) {
  .profile-text-wrapper {
    width: 90%;
  }
}

/* 左側：画像 */
.profile-image {
  flex: 1.5; 
}

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

/* 年表と本文 */
.profile-text-wrapper {
  flex: 2; 
  margin: 0;
  padding: 0;
}

.timeline {
  display: flex;
  flex-direction: column;
  gap: 2px; /* 行間 */
}

.timeline-item {
  display: flex;
  gap: 10px; /* 年号とテキストの間隔 */
  align-items: flex-start; /* 上揃え */
}

.timeline-item .year {
  font-family: 'Inter', sans-serif;
  min-width: 90px; /* 年号の幅を固定（調整OK） */
  font-size: 15px;
  white-space: nowrap; /* 年号が折り返されないように */
  margin-top: 5px;
}

.timeline-item .text {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  flex: 1; /* 残り幅いっぱい使う */
  font-size: 15px;
  line-height: 2;
}

@media screen and (max-width: 768px) {
  .timeline-item {
    flex-direction: column; 
    align-items: flex-start; 
    gap: 0; 
  }
  .timeline-item .year {
    min-width: auto;
    margin-bottom: 0; 
  }
  .timeline-item .text {
    line-height: 1.5;
  }
}