@charset "utf-8";

.main {
  font-family: 'Courier New', Courier, monospace;
  margin-bottom: 40px;
}

.about-title  h1 {
  margin-bottom: 80px;

}


/*.title {
  height: 310px;
  background-image: url(../images/about/bg-mains.png);
  background-position: center center;
  align-items: center;
  background-size: cover;
  background-repeat: no-repeat;
  justify-content: center;
  display: flex;
  color: #FFFFFF;
  text-shadow: 1PX 1PX 10PX #4B2C14;
}

.title h1 {
  font-size: 32px;
  font-weight: bold;
}

.mission {
  display: flex;
  justify-content:center;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
  line-height: 2;
}*/

.mission h2 {
  text-align: center;

}

.misace-list  {
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 40px;
  padding-right: 40px;
  margin-bottom: 80px;
}

.misace-list li{
  display: flex;
  justify-content:left;
  flex-direction: column;
  align-items: center;
  margin-top: 40px;
}

.misace-list dt {
  text-align: center;
  font-weight: bold;
  line-height: 1.5;
  font-size: 25px;
  margin-bottom: 10px;
}

.misace-list dl {
  text-align: center;
  line-height: 1.5;
  font-size: 15px;
}

.misace-list h2 {
  font-weight: bold;
  font-size: 35px;
  line-height: 1.5;
  color: #81bdbb;
  text-shadow: 1PX 1PX 2PX #747272;
}

.small-kana {
  font-size: 15px;
}

@media (max-width: 800px) {
  .title {
    height: 310px;
    background-image: url(../images/about/bg-mains.png);
    background-position: center center;
    align-items: center;
    background-size: cover;
    justify-content: center;
    display: flex;
    color: #FFFFFF;
    text-shadow: 1PX 1PX 10PX #4B2C14;
  }


}