@charset "UTF-8";
ol{
  padding: 0;
  list-style-position: inside;
}
ol li{
  line-height: 1.8;
  text-indent: -1em;
  padding-left: 1em;
}
p{
  line-height: 1.8;
}
p:last-child{
  float: right;
  text-align: right;
  line-height: 1.6;
}
.message-area{
  overflow: hidden;
}
.container h1 {
  background-image: url(../images/title_sp.webp);
}
@media only screen and ( max-width : 768px ) {
  ol{
    margin-bottom: 10vw;
  }
  ol li{
    margin-bottom: 2vw;
  }
  p{
    margin-bottom: 8vw;
  }
  .vision-area,
  .message-area{
    margin-bottom: 14vw;
    padding: 0 4vw;
  }
}
@media only screen and ( min-width : 769px ) {
  .container h1 {
    background-image: url(../images/title_pc.webp);
  }
  ol{
    margin-bottom: 140px;
  }
  ol li{
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 1.6;
  }
  p{
    font-size: 18px;
    margin-bottom: 30px;
  }
  .message-area{
    margin-bottom: 140px;
  }
}