@charset "UTF-8";


h2 img{
  width: 50%;
  margin: auto;
  max-width: 550px;
}
.about_section{
  margin-bottom: 100px;
}
.about_info{
  width: 80%;
  max-width: 900px;
  margin: 30px auto;
  font-family: "Noto Serif JP", serif;
}
.about_info dt{
  display:flex;
  align-items:center;
  gap:10px;
  color: #c36049;
}
.about_info dt::after{
  content:"";
  flex:1;
  border-top:2px dotted #c36049
}
.about_info dd{
  margin-left: 0;
  margin-bottom: 20px;
}

.greeting_section .text_area{
  display: flex;
  justify-content: center;
  margin: 30px auto 0;
  max-width: 920px;
  padding: 10px;
  font-family: "Noto Serif JP", serif;
  align-items:flex-start
}
.text_area img{
  width: 30%;
  margin-left: 30px;
  border-radius: 1%;
  height:auto;
}
.text_area span{
  display: block;
  text-align: right;
}

@media screen and (max-width: 700px) {
    h2 img{
    width: 80%;
  }
  .greeting_section .text_area{
  margin-top: 20px;
  padding: 0 20px 20px;
  flex-direction: column;
  
}
.text_area img{
  margin: auto;
  width: 50%;
  order: -1 !important; 
}
.text_area p{
  margin-top: 10px;
}
}