/*
base-color
*/
/*
vision-color
*/
/*
brakepoint
*/
#vision01,
#vision02 {
  margin-bottom: 90px; }
  @media screen and (max-width: 768px) {
    #vision01,
    #vision02 {
      margin-bottom: 55px; } }
  #vision01 p,
  #vision02 p {
    margin: 0; }

#vision03 {
  margin-bottom: 30px; }

.visionbox {
  background: #E6F6FF;
  padding: 50px 30px;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }
  @media screen and (max-width: 768px) {
    .visionbox {
      padding: 30px 20px; } }
  .visionbox h3 {
    color: #009CE5;
    font-size: 28px;
    text-align: center;
    line-height: 1.3;
    margin: 0 auto 40px;
    padding: 0; }
    @media screen and (max-width: 768px) {
      .visionbox h3 {
        font-size: 18px;
        margin: 0 auto 20px; } }
  .visionbox ol {
    background: none;
    border: none;
    max-width: 520px;
    margin: 0 auto;
    padding: 0; }
    @media screen and (max-width: 768px) {
      .visionbox ol {
        max-width: none; } }
    .visionbox ol li:last-child {
      margin-bottom: 0; }