@charset "utf-8";

/* =========================================================
   common.css
   役割：全ページ共通のベース定義
   - リセット
   - 本文の文字組み
   - 汎用リンク / 画像
   - 共通コンテナ
   ========================================================= */

/* =========================================================
   1) Reset / Base
   ========================================================= */
*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  padding:0;
  background-image:url(../images/bg.jpg);
  background-color: lightcyan;
  background-repeat:repeat-x;
  background-position:center top;
  color:#666666;
  font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
               "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size:87.5%;
  line-height:1.6;
}

img{
  max-width:100%;
  height:auto;
  border:0;
  vertical-align:bottom;
}

a{
  color:#0f766e;
  text-decoration:none;
  transition:color .18s ease, opacity .18s ease;
}

a:hover{
  color:#0d9488;
  text-decoration: underline;
}

p{
  margin:0 0 1.2em;
}

ul,ol{
  margin:0;
}



/* =========================================================
   2) Common Layout Helpers
   ========================================================= */
.container{
  max-width:1100px;
  margin:0 auto;
  padding:24px 16px;
}

.doc-wrap{
  max-width:860px;
  margin:0 auto;
  padding:24px 16px;
  background:#fff;
  border:1px solid #e5e7eb;
  border-radius:12px;
}

.page-title{
  margin:0;
  font-size:22px;
  font-weight:900;
  color:#0f172a;
  line-height:1.2;
}

.note,
.help-text{
  color:#64748b;
  font-size:13px;
}

/* =========================================================
   3) Legacy Area Compatibility
   既存テンプレートとの互換維持用
   ========================================================= */
#main{
  width:860px;
  max-width:calc(100% - 32px);
  background-color:#ffffff;
  margin:0 auto;
}

#main article{
  padding:20px;
}

#contents{
  overflow:hidden;
}

#path{
  max-width:860px;
  width:100%;
  margin:0 auto;
  padding:0 16px;
}

#path ol{
  list-style:none;
  padding:0;
}

#path ol li{
  display:inline;
  margin-right:5px;
}

#path ol li a{
  padding-right:15px;
  background-image:url(../images/path_arrow.png);
  background-repeat:no-repeat;
  background-position:right center;
}