@charset "utf-8";
/*============================
代表挨拶
============================*/
#message .flex {
  justify-content: flex-start;
}
#message img.left {
  margin-right: 20px;
  margin-bottom: 20px;
}
#message .box {
  font-family: 'Noto Serif JP', serif;
  margin-top: 80px;
}
#message .box .title {
  font-size: 20px;
  position: relative;
}
#message .box .title::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 10px;
  width: 50px;
  height: 1px;
  background: #1b3960;
}
#message .name {
  font-size: 16px;
  margin: 20px 0 0 10px;
}
table.info td ol {
    padding-top: 20px;
	padding-left: 16px;
}

@media only screen and (max-width: 768px) {
  #message img {
    width: 100%;
    padding-top: 56.75%;
    height: 0;
    overflow: hidden;
    background: url(../images/01_sp.jpg) no-repeat left top;
    background-size: 100%;
    margin: 0 0 20px;
  }
  #message img.left {
    margin-right: 0;
  }
  #message .box {
    margin-top: 0;
    margin-bottom: 20px;
  }
}