@charset "UTF-8";
/* CSS Document */

body{
background-color: #eae2c4;
}

section[id] {
 scroll-margin-top: 110px;
}

h2,h3{
font-family: "kinuta-shin-enpitsu-stdn", sans-serif;
font-weight: 700;
font-style: normal;
}

h2{
margin: 100px auto 40px auto;
/*height: 50px;*/
font-size: 30px;
width: 80%;
text-align: center;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-thickness: 1px;
text-underline-offset:10px;
line-height: 1.8em;
}

h3{
margin-bottom:20px;
text-align: left;
line-height: 1.8;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-thickness: 1px;
text-underline-offset:10px;
}

.dounyu{
width:65%;
margin: 0 auto;
}
@media(max-width:767px){
.dounyu{
width:90%;
}
}

.timeline {
  position: relative;
  padding-left: 30px;
  border-left: 4px solid rgba(65,56,31,0.5);
  margin: 60px auto;
  width:70%;
}
@media(max-width:767px){
.timeline{
width:100%;
margin: 30px auto;
}
}

.timeline__line {
  display: none; /* 今回は border-left を使用するため不要 */
}

.timeline__item {
  position: relative;
  margin-bottom: 40px;
}

.timeline__year {
  font-weight: bold;
  color: #555;
  margin-bottom: 15px;
  font-size: 1.1em;
  display: flex;
  align-items: center;
}

.timeline__year img{
width:60px;
}

.timeline__content {
  background: #d1c6a9;
  padding: 40px;
  border-radius: 6px;
  color: #333;
  line-height: 1.6;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
@media(max-width:767px){
.timeline__content{
padding: 20px;
}
}

.timeline__text{
width: 100%;
margin-bottom:20px; 
}

.timeline__text h3{
margin-bottom:20px;
}

.timeline__text .btn{
justify-content: flex-start;
margin-top:40px;
}

.timeline__image{
display: flex;
flex-flow: column;
align-items: center;
}


.timeline__image img{
width:80%;
height:370px; /* 任意の高さ（比率）に調整 */
padding:10px;
object-fit: cover;
object-position: center;
}
@media(max-width:767px){
.timeline__image img{
width:100%;
height:250px;
padding:5px;
}
}

.pdf-link{
margin: 15px;
}

.pdf-link i {
  color: #d23636;
  margin-right: 6px;
}

.back .btn{
display: flex;
justify-content: center;
}

.logo_message{
display: flex;
justify-content: center;
align-items: center;
}

.logo_message img{
width:100%;
margin: 30px 0;
}