@charset "UTF-8";
.image1 {
	width:400px;
}

.image {
	width:600px;
}

.list-image {
	width:100px;
	min-width:300px;
}

.center {
	text-align: center;
	margin: 0 auto;
}

.image-multi p{
	text-align: center;
	margin: 0 auto;
	}

.parallel {
    display: flex;
    dashed #bec2c7;
    padding: 10px 10px;
}

.parallel p {
	max-width:351px
}

.parallel p {
	text-align: center;
	margin: 0 auto;
}

/* スマートフォン向けCSS */
@media (max-width: 767px) {
	/* 横並び解除 */
	.parallel {
		display: block;
	}
	div.image {
		width: 100%;
	}
	div.text {
		padding-left: 5px;
	}
}

/*時系列*/
   .timeline {
    list-style-type: disc;   /* 箇条書きマーク「・」を表示 */
    padding-left: 1.5em;     /* マークと本文の間に余白 */
  }
  .timeline li {
    display: flex;           /* 左右に分ける */
    align-items: flex-start; /* 上揃え */
    margin-bottom: 0.5em;
  }
    .wareki {
    white-space: nowrap;     /* 年月日を改行させない */
    width: 4em;             /* 左列の幅を揃える */
    flex-shrink: 0;
    margin-right: 1em;
    font-weight: normal;     /* 太字にしない */
  }
    .year {
    white-space: nowrap;     /* 年月日を改行させない */
    width: 3.5em;             /* 左列の幅を揃える */
    flex-shrink: 0;
    margin-right: 1em;
    font-weight: normal;     /* 太字にしない */
  }
  .month {
    white-space: nowrap;     /* 年月日を改行させない */
    width: 2em;             /* 左列の幅を揃える */
    flex-shrink: 0;
    margin-right: 1em;
    font-weight: normal;     /* 太字にしない */
  }
  .day {
    white-space: nowrap;     /* 年月日を改行させない */
    width: 2em;             /* 左列の幅を揃える */
    flex-shrink: 0;
    margin-right: 1em;
    font-weight: normal;     /* 太字にしない */
  }
  .event {
    flex: 1;                 /* 残りの幅を使う */
    font-weight: normal;     /* 太字にしない */
  }