.flex {
  display: flex;
  justify-content: space-between;
}

.page-title {
  max-width: 514px;
}

.contents-wrap {
  margin-top: 0px;
}

#outline-wrap {
  max-width: 929px;
  width: 100%;
  margin: 70px auto 0;
  color: #fff;
  font-size: 20px;
  line-height: 28px;
}

.article-wrap {
  width: 100%;
}

.article-wrap+.article-wrap {
  margin-top: 100px;
}

.article-title img {
  width: 100%;
}

.article-text {
  margin-top: 20px;
}

.article-item-wrap {
  max-width: 752px;
  margin: 20px auto 0;
}

.article-left {
  width: 66%;
}

.article-right {
  width: 30%;
}

.article-right img {
  max-width: 245px;
  width: 100%;
}

/*******************************/
/*lb01*/
#lb01 .flex {
  align-items: center;
}

#lb01-title {
  font-size: 60px;
  line-height: 60px;
  text-align: center;
}

#lb01-title span {
  color: #F93434;
}

#lb01-text {
  width: 60%;
}

#lb01-img {
  max-width: 40%;
}

#lb01-img img {
  width: 100%;
}

/*******************************/
/*lb02*/
#lb02-list {
  max-width: 500px;
  margin: 20px auto 0;
}

/*******************************/
/*縦表示*/
@media screen and (max-width: 700px) {
  .cloud {
    display: none;
  }

  #outline-wrap {
    width: 96%;
    margin-bottom: 250px;
  }

  .flex {
    flex-flow: column;
  }

  .article-left,
  .article-right {
    width: 100%;
  }

  .article-right {
    margin: 20px auto 0;
    text-align: center;
  }

  #lb01-text {
    width: 100%;
  }

  #lb01-img {
    margin: 20px auto 0;
    text-align: center;
  }

  #lb02-list {
    flex-flow: row;
  }
}

/*SP表示*/
@media screen and (max-width: 428px) {
  .contents-wrap {
    margin: 50px auto 0;
  }

  #outline-wrap {
    margin: 20px auto 0;
    font-size: 16px;
    line-height: 20px;
  }

  .article-title {
    font-size: 22px;
    line-height: 26px;
  }

  .article-wrap+.article-wrap {
    margin-top: 50px;
  }

  #lb01-title {
    font-size: 26px;
    line-height: 30px;
  }

  #lb01-text {
    margin-top: 30px;
  }

  #lb02-list li {
    max-width: 19%;
    width: 100%;
  }

  #lb02-list li img {
    width: 100%;
  }

  /*.contents-wrap {
    margin-top: 100px;
  }

  #outline-wrap {
    margin-top: 25px;
  }

  #outline-text1 {
    font-size: 24px;
  }

  #outline-text2 {
    font-size: 16px;
    line-height: 35px;
    text-align: center;
  }

  .page-up-btn {
    margin: 0 auto;
  }*/
}