/* ページ全体（bodyタグ）の設定 */
body {
  /* 背景色 */
  height: 100%;
  background-color: #cbe5fa;
  /* 文字色 */
  color: #000000;
  padding-top: 140px;
  margin: auto;
  overflow:scroll
}

header {
  width: 100%; /* 幅いっぱいを指定 */
  height: 100px; /* 高さを100pxに指定 */
  background: #57aeff; /* 背景色にグレーを指定 */
  padding: 20px 50px; /* ヘッダーに上下左右それぞれ余白を指定 */
  box-sizing: border-box; /* padding分を含んで幅を100%にするため */
  position: fixed; /* ウィンドウを基準に画面に固定 */
  top: 0; /* 上下の固定位置を上から0pxにする */
  left: 0; /* 左右の固定位置を左から0pxにする */
  display: flex; /* 中の要素を横並びにする */
  align-items: center; /* 中の要素を上下中央に並べる */
}
/* 一番大きな見出し（h1タグ）の設定 */
h1 {
  /* 位置 */
  text-align: center;
}

/* テーブル（tableタグ）の設定 */
table {
  width:95%;
  /* 位置 */
  margin: 3%;
  /*  */
  border-width: 1px;
  /* 内枠の太さ */
  border-spacing: 0px;
  /* 枠線の色 */
  border-color: #000000;
  /* 背景色 */
  background-color: #fffcf3;
}

/* テーブルの見出し（thタグ）の設定 */
th {
  /* 最小の横幅 */
  min-width: 160px;
}

/* 「学歴」用テーブル（educational-backgrounds__tableクラス）の設定 */
.educational-backgrounds__table {
  /* 横幅 */
  width: 100%;
}

.btn {
    margin: 3%;
    border-radius: 5px;
    background-color: rgb(49, 190, 236);
    padding: 3%;
    text-decoration: none;
    color: white;
    transition: .3s;
}
.btn:hover {
    background-color: rgb(23, 144, 180);
}

.td1 {
    text-align: center;
    align-items: center;
    justify-content: center;
}
.ruby {
  font-size:small;
}
.back{
  text-align: right;
}
.subtitle{

  font-size: 150%;
  margin:10px;

}
hr.style1{
  border-top: 1px solid #8c8b8b;
}
.box {
  width: 90%;
  display:flex;
  flex-wrap:wrap;
  padding: auto;
  padding-bottom: 3%;
  margin: auto;
  margin-bottom: 3%;
  font-weight: bold;
  border: solid 3px #000000;
  background-color: #fffcf3;
}
#nametable{
  width: 65%;
  height: 150px;
  padding: auto;
}
#facetable{
  width: 2%;
  height: 150px;
  margin-left:auto;
}
.input {
  padding-left: 3%;
  margin: auto;
}
#center {
  vertical-align: bottom;
  background-color: #cbe5fa;
  margin:auto;
}