@charset "UTF-8";
/* CSS Document */
#greeting,#about{
 width: 71%;
 max-width: 1045px;
 margin: 0 auto;
}
#greeting{
 margin-bottom: 100px;
}
#about{
 margin: 0 auto;
}
#greeting div{
 display: flex;
 gap: 42px;
 align-items: center;
}
#greeting div img{
 border-radius: 50px;
}
#greeting div p{
 font-size: 18px;
 font-weight: bold;
 line-height: 1.6;
}
#about dl{
 display: flex;
 width: 100%;
 margin: 0;
}
#about dl dt,
#about dl dd{
 font-size: 18px;
 font-weight: bold;
}
#about dl dt{
 width: 36%;
 background-color: #F3F2EA;
 text-align: center;
 border-left: solid 1px #968E80;
 padding: 24px 0 21px;
}
#about dl dd{
 width: 64%;
 background-color: #fff;
 margin: 0;
 border-left: solid 1px #968E80;
 border-right: solid 1px #968E80;
 padding: 24px 22px 21px;
}
#about dl:first-child{
 border-radius: 10px 10px 0 0;
}
#about dl:first-child dt,
#about dl:first-child dd{
 border-top: solid 1px #968E80;
}
#about dl:first-child dt{
 border-radius: 10px 0 0 0;
}
#about dl:first-child dd{
 border-radius: 0 10px 0 0;
}
#about dl:not(:last-child){
 border-bottom: solid 1px #968E80;
}
#about dl:last-child dt,
#about dl:last-child dd{
 border-bottom: solid 1px #968E80;
}
#about dl:last-child dt{
 border-radius: 0 0 0 10px;
}
#about dl:last-child dd{
 border-radius: 0 0 10px 0;
}
@media screen and (max-width: 768px){
 #greeting, #about{
  width: 90%;
  max-width: unset;
  margin-bottom: 30px;
 }
 #greeting div{
  display: block;
 }
 #greeting div img{
  display: block;
  width: 40%;
  float: left;
  padding: 0 5% 5% 0;
  margin: 0;
 }
 #greeting div{
  display: block;
 }
 #greeting div p{
  font-size: 15px;
  line-height: 1.4;
 }
 #about dl dt,
 #about dl dd{
  padding: 15px;
 }
 #about dl dt, #about dl dd{
  font-size: 16px;
 }
}