/*
======================================================
  Base Layout
======================================================
*/
/* ALL and Smart Phone */
body {
  color: #999;
  line-height: 1.5;
  font-size: 14px;
  font-family: Quicksand, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, serif;
}

h2 {
  font-size: 3.5em;
  text-transform: uppercase;
  font-family: 'BebasNeueRegular', sans-serif;
  letter-spacing: 3px;
  color: #424242;
}
h4 {
  font-size: 1.5em;
}
a {
  /*color: #999;*/
  text-decoration: none;
}
.container {
  /*max-width: 1230px;*/
  /*padding-left: 10px;*/
  /*padding-right: 10px;*/
  /*margin: 0 auto;*/
}
.container:after {
  content: '';
  display: block;
  clear: both;
}

/*
======================================================
  TOP Page
======================================================
*/

/* Section Philosophy */
section#philosophy {
  margin: 0 auto;
  background-color: #ddd;
  text-align: center;
  padding: 100px 30px;
}
section#philosophy h3 {
  font-size: 1.5em;
  padding-top: 50px;
  line-height: 1.9;
  padding-bottom: 50px;
}
section#philosophy p {
  line-height: 1.8;
}
section#philosophy .contents-philosophy {
  background-image: url("../img/bg-philosophy.png");
  background-repeat: no-repeat;
  background-position: center center;
  height: 500px;
}

/* Section Members */
section#members {
  margin: 0 auto;
  background-color: #eee;
  text-align: center;
  padding: 100px 30px;
  background-image: url("../img/bg-top-members.png");
  background-size: contain;
}

/* Section System */
section#business
{
  text-align: center;
  padding: 100px 0;
  background-color: #ddd;
}
section#system
{
  text-align: center;
  padding: 100px 0;
  background-color: #eee;
}

/* Common Parts */
section#philosophy .btn-company,
section#members .btn-members,
section#system .btn-system,
section#business .btn-business
{
  display: inline-flex;
  padding: 20px;
}
section#philosophy .btn-company a,
section#members .btn-members a,
section#system .btn-system a,
section#business .btn-business a
{
  border: 2px solid #c70025;
  padding: 10px 60px;
  color: #c70025;
  font-size: 1.5em;
  text-transform: uppercase;
  font-family: 'Bebas Neue', sans-serif;
  letter-spacing: 3px;
}