.contents_area {
  font-size: 85%;
  line-height: 2em;
}

.about01 {
    color: white;
    /*背景画像は高さを持たないため、heightの指定が必要*/ 
    /*height: 330px; */
    height: 570px;
    /*相対パスで画像ファイルを指定*/
    background-image:url(../graphic/about01_bg.png);
    background-size: cover;
    background-position: 30% 0%;
  }
/*
h3 {
    position: relative;
  }

h3:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 7px;
    background: -webkit-repeating-linear-gradient(-45deg, #333, #333 2px, transparent 2px, transparent 4px);
    background: repeating-linear-gradient(-45deg, #333, #333 2px, transparent 2px, transparent 4px);
  }*/

  .title_color01 {
    position: relative;
    padding: 0.1em 0.5em;
    background: -webkit-linear-gradient(45deg, rgb(255, 173, 106), rgb(235, 235, 96));
    background: linear-gradient(45deg, rgb(255, 173, 106), rgb(235, 235, 96));
    /*color: #545454;*/
    color: #333;
  }

  .title_color02 {
    position: relative;
    padding: 0.1em 0.5em;
    background: -webkit-linear-gradient(45deg, rgb(214, 235, 96), rgb(162, 255, 128));
    background: linear-gradient(45deg, rgb(214, 235, 96), rgb(162, 255, 128));
    color: #333;
  }

  .title_color03 {
    position: relative;
    padding: 0.1em 0.5em;
    background: -webkit-linear-gradient(45deg, rgb(128, 255, 136), rgb(128, 255, 200));
    background: linear-gradient(45deg, rgb(128, 255, 136), rgb(128, 255, 200));
    color: #333;
  }

  .title_color04 {
    position: relative;
    padding: 0.1em 0.5em;
    background: -webkit-linear-gradient(45deg, rgb(128, 255, 219), rgb(128, 219, 255));
    background: linear-gradient(45deg, rgb(128, 255, 219), rgb(128, 219, 255));
    color: #333;
  }

  .title_color05 {
    position: relative;
    padding: 0.1em 0.5em;
    background: -webkit-linear-gradient(45deg, rgb(128, 227, 255), rgb(152, 169, 255));
    background: linear-gradient(45deg, rgb(128, 227, 255), rgb(152, 169, 255));
    color: #333;
  }