/* スマホ、デスクトップ共通設定 */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html{
  font-size: 16px; /* 通常ブラウザのデフォルト */
}

body {
	font-family: 'Raleway', sans-serif;
	font-weight: 300;
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #fff;
}

header {
	padding: 10px;
	align-items: center;
	background-color: #000;
	color: #fff;
	width: 100%;
}
header h1{
  font-family: 'Orbitron', sans-serif;
  font-size: 2.2rem;
  font-weight: 600;
  margin: 0;
  /*　上から候補順
    font-family: 'Orbitron', sans-serif;
    font-family: 'Audiowide', sans-serif;
    font-family: 'Michroma', sans-serif;
  */
}

footer {
	background-color: #000;
	color: #fff;
	text-align: center;
	padding: 10px;
	width: 100%;
}

footer p {
  font-size: 0.8rem;
  font-weight: lighter;
}

a {
  color: inherit; /* 親要素の色を継承 */
  text-decoration: none; /* 下線を消す（必要に応じて） */
}


div.main a:hover {
  text-decoration: underline; /* ホバー時だけ下線を追加 */
}

.about, .business, .ir, .careers{
  margin: 20px 5%;
} 

h1{
  margin-top: 20px;
}

br {
  display: none; /* <br> を無効化してテスト */
}


/* Section */
section{
  margin: 20px 0px; /* 上下, 左右 */
  padding: 20px 10px 20px 20px; /* 上, 右, 下, 左 */
  background: white;
  border-radius: 10px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  

}

section strong{
  font-weight: 600;
}

section h2{
  margin: 20px 0;
  font-size: 1.6rem;
  font-weight: 600;
}
section h3{
  margin: 20px 0;
  font-size: 1.2rem;
}
section h4{
  margin: 20px 0;
  font-size: 1.1rem;
}
section p{
  font-size: 1rem;
  margin: 15px 0px 0px 10px; /* 上, 右, 下, 左 */
}

section ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 20px;
}
section ul li {
  margin: 5px 0;
}
section ul p{
  font-size: 1rem;
  margin: 0;
}

section ol{
  list-style-type: decimal; /* 数字のリスト */
  list-style-position: outside;
  padding-left: 20px; /* 左側の余白を調整 */
}
section ol li {
  text-indent: -2px; /* ずれを微調整 */
  padding-left: 5px; /* 2桁以上でも揃うように */
  margin: 10px 0;
}
section ol p{
  font-size: 1rem;
  margin: 0;
}