html {
  font-family: Open Sans,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif;
  font-size: 10.5pt;
}
/*全体の背景を白くする*/
body {
  background-color: #f1f3f6; /* 背景色をWOVNグレーに変更 */
  color: #27313b; /* テキスト文字色をWOVNブルーに変更 */
}

main {
  max-width: 860px;
  height: 100%;
  margin: 0 auto;
}


h2 {
  display: flex;
  display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
  justify-content: center;
  text-align: center;  /* 文字を中央揃えにする */
  background-color: #40b87c; /* 背景色を WOVN グリーンに変更 */
  width: 100%; /* 横幅いっぱいまで広げる */
  height: 10vh; /* 画面サイズ縦方向に 10%分のサイズまで広げる。 100vh で縦全体まで広げる */
  border-radius: 30px; /* 角を丸くする */
  color: #fff; /* テキスト文字色を白に変更 */
  margin: 24px auto 0; /* 上下四隅のスペースを */
}

/* 背景を緑＋文字を白にして中央寄せ */
h3 {
  display: flex;
  display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
  justify-content: center;
  text-align: center;  /* 文字を中央揃えにする */
  background-color: #40b87c;
  color: #ffffff;
  line-height: 1.2;
  text-align: center;
  height: 5vh;
}

p {

  color: #27313b; /* テキスト文字色をWOVNブルーに変更 */
  line-height: 1.5;

}

li {
  margin-top: 1vh;
}

li > span.list-label {
  display: inline-block;
  margin-right: 30px;
  width: 100px;
  min-width: 100px;
}

/* 灰色の線で囲む */
.about_product {
  background-color: #ffffff; /* 背景色をWOVNホワイトに変更 */
  margin-top: 1em; 
  border: 1px solid #c1c1c1; /* 要素に線をつける。 太さ、線の種類、線の色　の順番 */
  border-radius: 0px 2px 2px 2px;
  padding-top: 0px; /* 要素内側、上部の余白 */
  padding-left: 20px; /* 要素内側、左部の余白 */
  padding-right: 20px; /* 要素内側、右部の余白 */
  padding-bottom: 20px; /* 要素内側、下部の余白 */
}

/* 灰色の線で囲む */
.about_company {
  background-color: #ffffff; /* 背景色をWOVNホワイトに変更 */
  margin-top: 1em; 
  border: 1px solid #c1c1c1;
  border-radius: 0px 2px 2px 2px;
  padding-top: 0px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

.about_vision {
  background-color: #ffffff; /* 背景色をWOVNホワイトに変更 */
  margin-top: 1em; 
  margin: 1em 0 1em 0;
  border: 1px solid #c1c1c1;
  border-radius: 0px 2px 2px 2px;
  padding-top: 0px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

.box-inner {
  margin: 10px;
}

/* キーカラー */
.wovn-key-color {
  color: #40b87c;
  font-weight: bold;
}

/* VISION */
#wovn-vision {
  color: #27313b;
  font-size: 1.5em;
}