@charset "utf-8";

/** ***************************************************************************
 * ビジュアル
 * ************************************************************************* */

body.layout-lower
#visual {
  position: relative;
  background: #696969;
}
body.layout-lower
#visual .body {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 60px;
}
body.layout-lower
#visual div.body .visual-title {
  font-size: 21px;
  color: #fff;
}

@media screen and (min-width:768px) {
body.layout-lower
#visual div.body {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  height: 120px;
}
body.layout-lower
#visual div.body .visual-title {
  font-size: 42px;
  color: #fff;
}

}

/** ***************************************************************************
 * outline
 * ************************************************************************* */

.outline {
  padding: 50px 0;
  overflow: hidden;
}
.outline ~ .outline {
  padding: 50px 0;
}

.outline .table-title {}
@media screen and (min-width:768px) {

.outline {
  padding: 50px 0;
  overflow: hidden;
}
.outline ~ .outline {
  padding: 100px 0;
}

.outline .table-title {
  font-size: 1.214em;
  text-align: left;
}

}