@charset "utf-8";
body {
  margin: 0;
  font-size: 12px; /* 全体の基本フォントサイズを大きく */
}
a:link { /*リンク色*/
  color: #554977;
  text-decoration: none;
}
a:visited { /*訪問済みリンク色*/
  color: #554966;
  text-decoration: none;
}
a:hover, a:active { /*アクティブリンク色*/
  color: #5538AA;
}
div.top21 { /*全体枠*/
  font-size: 1.2rem; /* 基本のフォントサイズを大きく */
  color: #212125;
  margin-top: 5rem; /* 70px → 5rem */
  border-left: solid 4rem #445488; /* 60px → 4rem */
  border-right: solid 16rem #445488; /* 230px → 16rem */
  width: 100%;
  position: relative;
  z-index: 2;
}
.top21 .menu ul { /* メニュー領域 */
  padding: 0;
  margin: 0;
  top: 6rem; /* 90px → 6rem */
  left: -1.5rem; /* -20px → -1.5rem */
  position: absolute;
  z-index: 3;
}
.top21 .menu li {
  margin: 0.125rem 0 0.5rem 0; /* 1px → 0.125rem, 4px → 0.5rem */
  list-style: none;
}
.top21 .menu li a { /* 個別リンク */
  display: block;
  text-decoration: none;
  font-size: 1rem; /* 11px → 1rem */
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  letter-spacing: 0.125rem; /* 1px → 0.125rem */
  background-color: #F9F9FF;
  border-top: 0.125rem solid #954545; /* 1px → 0.125rem */
  border-bottom: 0.125rem solid #954545;
  border-left: 0.125rem solid #954545;
  padding: 0.5em 1.25em 0.5em 0.625em; /* 0.4em → 0.5em, 1em → 1.25em */
  width: 10rem; /* 120px → 10rem */
}
.top21 .menu li a:hover { /* カーソルを乗せた時 */
  background-color: #E5E5C9;
  border-color: #AC3131;
}
.top21 .menu li.active a { /* アクティブリンク */
  border-right: 1.25rem solid #954545; /* 10px → 1.25rem */
  width: 11rem; /* 140px → 11rem */
}
.top21 .main { /* 中央部分 */
  background-color: #FFFFFF;
  margin: 0 2rem 0 7rem; /* 30px → 2rem, 100px → 7rem */
  position: relative;
  z-index: 2;
}
.top21 .main .cont { /* コンテンツ部分 */
  height: 31rem; /* 400px → 25rem */
  line-height: 1.5; /* 行間を広く */
  overflow: auto;
  padding: 0.625em 0.625em 0.625em 1.25em; /* 0.5em → 0.625em, 1em → 1.25em */
  border-left: double 2rem #445488; /* 30px → 2rem */
  scrollbar-3dlight-color: #FFFFFF;
  scrollbar-arrow-color: #FFFFFF;
  scrollbar-darkshadow-color: #FFFFFF;
  scrollbar-face-color: #445488;
  scrollbar-highlight-color: #445488;
  scrollbar-shadow-color: #445488;
  scrollbar-track-color: #FFFFFF;
}
.top21 h1 { /* サイトタイトル */
  font-size: 1.125rem; /* 13px → 1.125rem */
  font-family: Tahoma, Arial, sans-serif;
  letter-spacing: 0.125rem; /* 1px → 0.125rem */
  color: #FFFFFF;
  background-color: #445488;
  padding: 0.25em 1.25em;
  margin: 0;
}
.top21 h2 { /* コンテンツ内見出し */
  font-size: 1rem; /* 11px → 1rem */
  font-family: Tahoma, Arial, sans-serif;
  border-bottom: solid 0.25rem #445488; /* 3px → 0.25rem */
  padding: 0.25em 1.25em;
  margin: 1rem 0.125rem 0.75rem 0.375rem; /* 1em, 0.6em, 0.3em → 1rem, 0.125rem, 0.75rem */
}
.top21 .cont p.box { /* 強調する段落 */
  color: #FFFFFF;
  background-color: #445488;
  margin: 1.25rem 2.5rem; /* 1em, 2em → 1.25rem, 2.5rem */
  padding: 0.5em;
  border-style: solid;
  border-width: 0.125rem; /* 1px → 0.125rem */
  border-color: #EDEDFF #121266 #121266 #EDEDFF;
}
.top21 address { /* 最下部アドレス・メール */
  font-size: 1rem; /* 11px → 1rem */
  font-style: normal;
  font-family: Tahoma, Arial, sans-serif;
  letter-spacing: 0.125em; /* 1px → 0.125em */
  text-align: center;
  color: #FFFFFF;
  background-color: #445488;
  padding: 0.25em 1.25em;
  margin: 0;
}
.dec-left {
  position: absolute;
  z-index: 1;
  top: -1rem; /* -10px → -1rem */
  left: -1rem; /* -10px → -1rem */
  border: solid 0.25rem #445488; /* 2px → 0.25rem */
  width: 10rem; /* 120px → 10rem */
  height: 110%; /* 親要素の高さに合わせる */
}
.dec-right {
  position: absolute;
  z-index: 1;
  top: -1rem; /* -10px → -1rem */
  right: -1rem; /* -10px → -1rem */
  border: solid 0.25rem #445488; /* 2px → 0.25rem */
  width: 3.5rem; /* 50px → 3.5rem */
  height: 110%; /* 親要素の高さに合わせる */
}

/* For IE Box */
* { box-sizing: border-box; }
* { -moz-box-sizing: border-box; }

/* Customized by ChatGPT */