<@charset "UTF-8";> /*この指定は、外部スタイルシートファイル内でのみ使用 文字化けを防ぐため*/

/* ------------------------------------------------------ */
/* ▼なぜか1つ目のcssが適用されないのでダミーとしての記述 */
/* ------------------------------------------------------ */
* {
}

/* ------------------------------------------- */
/* ▼テストページ表の装飾（testページで利用）  */
/* ------------------------------------------- */
.table_test {
   color: #ffffff;         /* 表の文字色(白色) */
   width: 70vw;            /* セルの横幅(51.5rem) */
   max-width: 100vw;       /* セルの横幅(51.5rem) */
   text-size-adjust:100%;
}
.table_test td {
   vertical-align: top;  /* テキストの配置(上寄せ) */
   white-space: nowrap;
}
.text {
   display: inline-block;
}

/* ------------------------------ */
/* ▼表の装飾（testページで利用） */
/* ------------------------------ */
.table_test {
   border-spacing: 0;    /* td間の隙間（隙間なし） */
   color: #ffffff;       /* 表の文字色(白色) */
   margin-bottom: 2rem;  /* 下側の余白の調整 */
   width: 56vw;          /* セルの横幅(60rem) */
}
.table_test td{
   padding-top: 0rem;     /* 上側の余白の調整 */
   padding-right: 1rem;   /* 右側の余白の調整 */
   padding-bottom: 1rem;  /* 下側の余白の調整 */
   padding-left: 0rem;    /* 左側の余白の調整 */
}
.table_row1_test {
   vertical-align: top;  /* テキストの配置(上寄せ) */
   width: 2rem;          /* セルの横幅(2rem) */
}
.table_row1_line1_test {
   margin-bottom: 2rem;  /* 下側の余白の調整 */
}
.table_row2_test {
   width: 31vw;          /* セルの横幅(2rem) */
}

/* ---------------------------------------- */
/* ▼表内のリストの装飾（testページで利用） */
/* ---------------------------------------- */
.table_test ul {
   list-style-type: none;  /* ★リストの先頭記号を消す */
   font-weight: bold;      /* 太字にする */
   font-size: 1.5vw;       /* 文字の大きさ(0.7rem) */
}
.table_test li {
   font-size: 1vw;       /* 文字の大きさ(0.7rem) */
   font-weight: normal;  /* 中字にする */
}

/* ------------------------------------------------------- */
/* ▼表の2列目と3列目の枠線の装飾（testページで利用） */
/* ------------------------------------------------------- */
.border_top_right_table_test {
   border-top: 0.05rem solid #ffffff;    /* セル上側の枠線(白色で0.05remの実線) */
   border-right: 0.05rem solid #ffffff;  /* セル右側の枠線(白色で0.05remの実線) */
}
.border_top_left_table_test {
   border-top: 0.05rem solid #ffffff;   /* セル上側の枠線(白色で0.05remの実線) */
   border-left: 0.05rem solid #ffffff;  /* セル左側の枠線(白色で0.05remの実線) */
}
.border_right_table_test {
   border-right: 0.05rem solid #ffffff;  /* セル右側の枠線(白色で0.05remの実線) */
}
.border_right_bottom_table_test {
   border-right: 0.05rem solid #ffffff;   /* セル右側の枠線(白色で0.05remの実線) */
   border-bottom: 0.05rem solid #ffffff;  /* セル下側の枠線(白色で0.05remの実線) */
}
.border_bottom_left_table_test {
   border-bottom: 0.05rem solid #ffffff;  /* セル下側の枠線(白色で0.05remの実線) */
   border-left: 0.05rem solid #ffffff;    /* セル左側の枠線(白色で0.05remの実線) */
}
.border_left_table_test {
   border-left: 0.05rem solid #ffffff;  /* セル左側の枠線(白色で0.05remの実線) */
}

/* -------------------------------------------------------------- */
/* ▼「研究室へLink」のボタンサイズを自動調整（testページで利用） */
/* -------------------------------------------------------------- */
.responsive-image {
   max-width: 10vw;  /* 幅を最大限に */
   height: auto;     /* 高さは自動調整、★「研究室へLink」のボタンサイズを自動調整 */
}

/* ---------------------------------------- */
/* ▼ページ表示の装飾（全てのページで利用） */
/* ---------------------------------------- */
#wrapper {
   width: 1200px;
   max-width:100vw;  /* スマホのような小さいデバイスに対応するレスポンシブデザイン、水平のスクロールバーを表示させない */


   margin-right: auto;   /* コンテンツを中央に配置します。 */
   margin-left:  auto;   /* コンテンツを中央に配置します。 */

   padding-right: 0px;  /* コンテンツの余白を作る */
   padding-left:  0px;  /* コンテンツの余白を作る */
}

/* -------------------------------------- */
/* ▼ホバー時の装飾（全てのページで利用） */
/* -------------------------------------- */
.hover1:hover {
   opacity: 0.6;    /* 0(透明)〜1(不透明)の数値を指定。例えば0.5なら透明度が50%。 */
   color: #ffffff;  /* バナーにマウスが載ったときの文字色(白色#ffffff) */
}

/* --------------------------------- */
/* ▼背景の装飾（indexページで利用） */
/* --------------------------------- */
body {
   background-color: #4589ab;                                /* 背景色(鈍い青系の色) */
   background-image: url(background_thunder_indexpage.jpg);  /* 背景色(鈍い青系の色) */
   background-repeat: no-repeat;                             /* 画像の繰り返し(なし) */
   background-attachment: scroll;                            /* ページスクロール時の背景固定（なし） */
   background-position: top center;                          /* 背景画像の配置(上寄せ、中央寄せ) */
}

/* --------------------------------------- */
/* ▼背景の装飾（index以外のページで利用） */
/* --------------------------------------- */
.background {
   background-color: #214a62;                                     /* 背景色(深い青系の色) */
   background-image: url(background_thunder_dark_aboutpage.jpg);  /* 背景色(鈍い青系の色) */
   background-repeat: no-repeat;                                  /* 画像の繰り返し(なし) */
   background-attachment: scroll;                                 /* ページスクロール時の背景固定（なし） */
   background-position: top center;                               /* 背景画像の配置(上寄せ、中央寄せ) */
}

/* ----------------------------------------------------- */
/* ▼上段の表ので行ごとの下線を引く（indexページで利用） */
/* ----------------------------------------------------- */
.border_table1_index {
   border-spacing: 0;  /* td間の隙間（隙間なし） */
}
.border_table1_index td {
   border-bottom: 0.05rem solid #ffffff;  /* ショートハンドでの記述、border-width（線の太さ）、border-style（線の種類）、border-color（線の色） */
   padding-top: 0.3rem;                   /* 上側の余白の調整 */
   padding-right: 3rem;                   /* 右側の余白の調整 */
   padding-bottom: 0rem;                  /* 下側の余白の調整 */
   padding-left: 0rem;                    /* 左側の余白の調整 */
}

/* -------------------------------------------------- */
/* ▼1文字目を字下げする（indexとaboutページで利用）  */
/* -------------------------------------------------- */
.indent {
   text-indent: 1em;  /* 1行目の文頭を1文字分下げる */
}

/* ------------------------------------- */
/* ▼上段の表の装飾（indexページで利用） */
/* ------------------------------------- */
.table1_index td {
   vertical-align: top;  /* テキストの配置(上寄せ) */
}
.table1_td1_index {
   font-size: 0.7rem;  /* 項目の文字の大きさ(0.7rem) */
   font-weight: bold;  /* 太字にする */
}
.table1_td2_line1_red_index {
   font-size: 1rem;    /* 項目の文字の大きさ(1rem) */
   font-weight: bold;  /* 太字にする */
   color: #ff0000;     /* 文字色(赤色) */
}
.table1_td2_line2_index {
   font-size: 0.7rem;    /* 項目の文字の大きさ(0.7rem) */
   font-weight: normal;  /* 中字にする */
   color: #000000;       /* 文字色(黒色) */
}
.table1_td2_line1_index {
   font-size: 1rem;    /* 項目の文字の大きさ(1rem) */
   font-weight: bold;  /* 太字にする */
}

/* ------------------------------------- */
/* ▼下段の表の装飾（indexページで利用） */
/* ------------------------------------- */
.table2_index {
   font-weight: bold;  /* 太字にする */
}
.table2_index td {
   vertical-align: top;  /* テキストの配置(上寄せ) */
}

/* -------------------------------------------------- */
/* ▼下段の表の画像の枠線の装飾（indexページで利用）  */
/* -------------------------------------------------- */
.border_img_index {
   border-width : thin;     /* 線の太さ(細い) */
   border-style : solid;    /* 線の種類(実線) */
   border-color : #000000;  /* 線の色(黒色) */
   margin-top: 3rem;        /* 上側の余白の調整 */
   margin-right: 1.2rem;    /* 右側の余白の調整 */
   margin-bottom: 0rem;     /* 下側の余白の調整 */
   margin-left: 0rem;       /* 左側の余白の調整 */
}

/* ---------------------------------------------------------------------------------- */
/* ▼表の装飾（aboutページで利用、table1_row1_line1_about はfeeとformページでも利用） */
/* ---------------------------------------------------------------------------------- */
.table1_about {
   border-spacing: 0;      /* td間の隙間（隙間なし） */
   color: #ffffff;         /* 表の文字色(白色) */
   margin-top: 3rem;       /* 上側の余白の調整 */
   margin-right: 0rem;     /* 右側の余白の調整 */
   margin-bottom: 1.5rem;  /* 下側の余白の調整 */
   margin-left: 0rem;      /* 左側の余白の調整 */
   padding-top: 0rem;      /* 上側の余白の調整 */
   padding-right: 0rem;    /* 右側の余白の調整 */
   padding-bottom: 0rem;   /* 下側の余白の調整 */
   padding-left: 0rem;     /* 左側の余白の調整 */
   width: 51.5rem;         /* セルの横幅(51.5rem) */
}
.table1_about td {
   vertical-align: top;  /* テキストの配置(上寄せ) */
}
.table1_row1_line1_about {
   margin-bottom: 0.5rem;  /* 下側の余白の調整 */
}

/* -------------------------------------------- */
/* ▼表の2列目の枠線の装飾（aboutページで利用） */
/* -------------------------------------------- */
.border_top_right_left_table1_about {
   border-top: 0.05rem solid #ffffff;    /* セル上側の枠線(白色で0.05remの実線) */
   border-right: 0.05rem solid #ffffff;  /* セル右側の枠線(白色で0.05remの実線) */
   border-left: 0.05rem solid #ffffff;   /* セル左側の枠線(白色で0.05remの実線) */
   padding-top: 0rem;                    /* 上側の余白の調整 */
   padding-right: 1rem;                  /* 右側の余白の調整 */
   padding-bottom: 0rem;                 /* 下側の余白の調整 */
   padding-left: 1rem;                   /* 左側の余白の調整 */
}
.border_right_bottom_left_table1_about {
   border-right: 0.05rem solid #ffffff;   /* セル右側の枠線(白色で0.05remの実線) */
   border-bottom: 0.05rem solid #ffffff;  /* セル下側の枠線(白色で0.05remの実線) */
   border-left: 0.05rem solid #ffffff;    /* セル左側の枠線(白色で0.05remの実線) */
   padding-top: 0rem;                     /* 上側の余白の調整 */
   padding-right: 1rem;                   /* 右側の余白の調整 */
   padding-bottom: 1.5rem;                /* 下側の余白の調整 */
   padding-left: 1rem;                    /* 左側の余白の調整 */
}

/* --------------------------------------------------------------------------------------------------- */
/* ▼表の2列目の枠線の装飾（aboutページで利用予定だったが1つ上の border を適用したため利用していない） */
/* --------------------------------------------------------------------------------------------------- */
.table_border01 tr:last-child :nth-child(2,3) {
   border-bottom: 1.2rem solid #ffffff;
}
.table_border01 tr:first-child :nth-child(2,3) {
   border-top: 1.2rem solid #ffffff;
}
.table_border01 tr :nth-child(2,3) {
   border-left: 1.2rem solid #ffffff;
   border-right: 1.2rem solid #ffffff;
}

/* --------------------------------------- */
/* ▼表の中の表の装飾（aboutページで利用） */
/* --------------------------------------- */
.table2_about {
   font-size: 1rem;       /* 項目の文字の大きさ(1rem) */
   color: #000000;        /* 文字色(黒色) */
   float: right;          /* 表の配置(右寄せ) */
   border-spacing: 0;     /* td間の隙間（隙間なし） */
   width: 50%;            /* 表の横幅(50%) */
   background: #dbdbdb;   /* 背景色(灰色のとても明るい色) */
   margin-top: 0rem;      /* 上側の余白の調整 */
   margin-right: 0.6rem;  /* 右側の余白の調整 */
   margin-bottom: 0rem;   /* 下側の余白の調整 */
   margin-left: 0.6rem;   /* 左側の余白の調整 */
}
.table2_about th {
   padding-top: 0.1rem;                   /* 上側の余白の調整 */
   padding-right: 1rem;                   /* 右側の余白の調整 */
   padding-bottom: 0.1rem;                /* 下側の余白の調整 */
   padding-left: 0rem;                    /* 左側の余白の調整 */
   border-top: 0.05rem solid #dddddd;     /* セル上側の枠線(ライトグレー色で0.05remの実線) */
   border-right: 0.05rem solid #dddddd;   /* セル右側の枠線(ライトグレー色で0.05remの実線) */
   border-bottom: 0.05rem solid #dddddd;  /* セル下側の枠線(ライトグレー色で0.05remの実線) */
   border-left: 0.05rem solid #dddddd;    /* セル左側の枠線(ライトグレー色で0.05remの実線) */
   background: #bce0d7;                   /* 背景色(青シアン色の明るい色) */
   text-align: center;                    /* 文章の配置(中央寄せ) */
}
.table2_about td {
   padding-top: 0rem;                     /* 上側の余白の調整 */
   padding-right: 1rem;                   /* 右側の余白の調整 */
   padding-bottom: 0rem;                  /* 下側の余白の調整 */
   padding-left: 0rem;                    /* 左側の余白の調整 */
   border-top: 0.05rem solid #dddddd;     /* セル上側の枠線(ライトグレー色で0.05remの実線) */
   border-right: 0.05rem solid #dddddd;   /* セル右側の枠線(ライトグレー色で0.05remの実線) */
   border-bottom: 0.05rem solid #dddddd;  /* セル下側の枠線(ライトグレー色で0.05remの実線) */
   border-left: 0.05rem solid #dddddd;    /* セル左側の枠線(ライトグレー色で0.05remの実線) */
}
.table2_row1_about {
   background: #ebebeb;  /* 背景色(灰色のとても明るい色) */
   font-size: 0.7rem;    /* 項目の文字の大きさ(0.7rem) */
}
.table2_row2_about {
   background: #ffffff;  /* 背景色(白色) */
   font-size: 0.7rem;    /* 項目の文字の大きさ(0.7rem) */
}

/* ---------------------------------- */
/* ▼文章の装飾（aboutページで利用）  */
/* ---------------------------------- */
.p1_about {
   color: #ffffff;     /* 文字色(白色) */
   font-size: 0.7rem;  /* 項目の文字の大きさ(0.7rem) */
   text-align: left;   /* 文章の配置(左寄せ) */
   width: 51.5rem;     /* 表の横幅(51.5rem) */
   line-height: 1.5;   /* 文章の行間を調整 */
}
.p2_about {
   font-size: 1.2rem;   /* 項目の文字の大きさ(1.2rem) */
   font-weight: bold;   /* 太字にする */
   text-align: center;  /* 文章の配置(中央寄せ) */
   line-height: 1.2;    /* 文章の行間を調整 */
}
.p3_about {
   color: #000000;     /* 文字色指定（黒色） */
   font-size: 1rem;    /* 項目の文字の大きさ(1rem) */
   font-weight: bold;  /* 太字にする */
}

/* ------------------------------------------ */
/* ▼箇条書き 1. の装飾（aboutページで利用）  */
/* ------------------------------------------ */
.ul1_about {
   color: #ffffff;         /* 文字色(白色) */
   font-size: 0.7rem;      /* 項目の文字の大きさ(0.7rem) */
   list-style-type: none;  /* ★リストの先頭記号を消す */
   margin-top: 0rem;       /* 上側の余白の調整 */
   margin-right: 0rem;     /* 右側の余白の調整 */
   margin-bottom: 0rem;    /* 下側の余白の調整 */
   margin-left: 0rem;      /* 左側の余白の調整 */
   padding-top: 0rem;      /* 上側の余白の調整 */
   padding-right: 0rem;    /* 右側の余白の調整 */
   padding-bottom: 0rem;   /* 下側の余白の調整 */
   padding-left: 2rem;     /* 左側の余白の調整 */
}
.ul1_about li {
   line-height: 1.5;      /* 文章の行間を調整 */
   padding-top: 0rem;     /* 箇条書きの一文の上に余白を作る */
   padding-bottom: 0rem;  /* 箇条書きの一文の下に余白を作る */
}

/* ------------------------------------------ */
/* ▼箇条書き 2. の装飾（aboutページで利用）  */
/* ------------------------------------------ */
.ul2_about {
   color: #ffffff;         /* 文字色(白色) */
   font-size: 1rem;        /* 項目の文字の大きさ(1rem) */
   list-style-type: none;  /* ★リストの先頭記号を消す */
   margin-top: 0rem;       /* 上側の余白の調整 */
   margin-right: 0rem;     /* 右側の余白の調整 */
   margin-bottom: 0rem;    /* 下側の余白の調整 */
   margin-left: 0rem;      /* 左側の余白の調整 */
   padding-top: 0rem;      /* 上側の余白の調整 */
   padding-right: 1rem;    /* 右側の余白の調整 */
   padding-bottom: 0rem;   /* 下側の余白の調整 */
   padding-left: 2rem;     /* 左側の余白の調整 */
}
.ul2_li_line2_about {
   font-size: 0.7rem;     /* 2行目の文字の大きさ(0.7rem) */
   line-height: 1.5;      /* 文章の行間を調整 */
   padding-top: 0rem;     /* 箇条書きの一文の上に余白を作る */
   padding-bottom: 0rem;  /* 箇条書きの一文の下に余白を作る */
   padding-right: 0rem;   /* 右側の余白の調整 */
   padding-left: 0rem;    /* 左側の余白の調整 */
}
.ul2_li_bottomline_about {
   padding-top: 0rem;     /* 箇条書きの最終行の上に余白を作る */
   padding-bottom: 1rem;  /* 箇条書きの最終行の下に余白を作る */
}

/* ------------------------------ */
/* ▼表の装飾（feeページで利用）  */
/* ------------------------------ */
.table1_fee {
   border-spacing: 0;      /* td間の隙間（隙間なし） */
   margin-top: 3rem;       /* 上側の余白の調整 */
   margin-right: 0rem;     /* 右側の余白の調整 */
   margin-bottom: 1.5rem;  /* 下側の余白の調整 */
   margin-left: 0rem;      /* 左側の余白の調整 */
   padding-top: 0rem;      /* 上側の余白の調整 */
   padding-right: 0rem;    /* 右側の余白の調整 */
   padding-bottom: 0rem;   /* 下側の余白の調整 */
   padding-left: 0rem;     /* 左側の余白の調整 */
   width: 51.5rem;         /* セルの横幅(51.5rem) */
}
.table1_fee td {
   vertical-align: top;  /* テキストの配置(上寄せ) */
}

/* ------------------------------------- */
/* ▼表の中の表の装飾（feeページで利用） */
/* ------------------------------------- */
.table2_fee {
   font-size: 0.75rem;  /* 項目の文字の大きさ(0.75rem) */
   font-weight: bold;   /* 太字にする */
   margin:auto;         /* 表の配置(中央寄せ) */
   border-spacing: 0;   /* td間の隙間（隙間なし） */
}
.table2_fee th {
   padding-top: 0.5rem;                   /* 上側の余白の調整 */
   padding-right: 2rem;                   /* 右側の余白の調整 */
   padding-bottom: 0.5rem;                /* 下側の余白の調整 */
   padding-left: 2rem;                    /* 左側の余白の調整 */
   border-top: 0.05rem solid #dddddd;     /* セル上側の枠線(ライトグレー色で0.05remの実線) */
   border-right: 0.05rem solid #dddddd;   /* セル右側の枠線(ライトグレー色で0.05remの実線) */
   border-bottom: 0.05rem solid #dddddd;  /* セル下側の枠線(ライトグレー色で0.05remの実線) */
   border-left: 0.05rem solid #dddddd;    /* セル左側の枠線(ライトグレー色で0.05remの実線) */
   background: #f0f5a9;
}
.table2_fee td {
   padding-top: 0.3rem;                   /* 上側の余白の調整 */
   padding-right: 2rem;                   /* 右側の余白の調整 */
   padding-bottom: 0.3rem;                /* 下側の余白の調整 */
   padding-left: 2rem;                    /* 左側の余白の調整 */
   border-top: 0.05rem solid #dddddd;     /* セル上側の枠線(ライトグレー色で0.05remの実線) */
   border-right: 0.05rem solid #dddddd;   /* セル右側の枠線(ライトグレー色で0.05remの実線) */
   border-bottom: 0.05rem solid #dddddd;  /* セル下側の枠線(ライトグレー色で0.05remの実線) */
   border-left: 0.05rem solid #dddddd;    /* セル左側の枠線(ライトグレー色で0.05remの実線) */
}
.table2_row1_fee {
   background: #ced3f5;  /* 背景色(弱い青色) */
}
.table2_row2_fee {
   background: #eaffe5;  /* 背景色(薄い緑色) */
   color: #ff0000;       /* 文字色(赤色) */
   font-size: 1rem;      /* 項目の文字の大きさ(1rem) */
}
.p_fee {
   font-size: 0.7rem;   /* 項目の文字の大きさ(0.7rem) */
   font-weight: bold;   /* 太字にする */
   text-align: center;  /* 文章の配置(中央寄せ) */
}

/* ------------------------------------ */
/* ▼箇条書きの装飾（feeページで利用）  */
/* ------------------------------------ */
.ol_fee {
   color: #ffffff;                 /* 文字色(白色) */
   font-size: 0.7rem;              /* 項目の文字の大きさ(0.7rem) */
   list-style-type: decimal;       /* マーカーに数字を指定 */
   border: 0.05rem #ffffff solid;  /* 囲い線に0.05rem 白色 実線を指定 */
   padding-top: 1.5rem;            /* 上側の余白の調整 */
   padding-right: 1.5rem;          /* 右側の余白の調整 */
   padding-bottom: 1rem;           /* 下側の余白の調整 */
   padding-left: 3rem;             /* 左側の余白の調整 */
   width: 34rem;                   /* セルの横幅(34rem)35remにしたらtable1の横幅が51.5remを超えてしまったようで、aboutとformページと左メニューの水平位置がそろわなくなってしまった */
}
.ol_fee ol {
   list-style-type: lower-latin;  /* マーカーに小文字のアルファベットを指定 */
}
.ol_fee li {
   line-height: 1.5;        /* 文章の行間を調整 */
   padding-top: 0.1rem;     /* 箇条書きの一文の上に余白を作る */
   padding-bottom: 0.1rem;  /* 箇条書きの一文の下に余白を作る */
}

/* ------------------------------- */
/* ▼表の装飾（formページで利用）  */
/* ------------------------------- */
.table_form {
   border-spacing: 0;      /* td間の隙間（隙間なし） */
   color: #ffffff;         /* 表の文字色(白色) */
   margin-right: 0rem;     /* 右側の余白の調整 */
   margin-bottom: 1.5rem;  /* 下側の余白の調整 */
   margin-left: 0rem;      /* 左側の余白の調整 */
   padding-top: 0rem;      /* 上側の余白の調整 */
   padding-right: 0rem;    /* 右側の余白の調整 */
   padding-bottom: 0rem;   /* 下側の余白の調整 */
   padding-left: 0rem;     /* 左側の余白の調整 */
   width: 51.5rem;         /* セルの横幅(51.5rem) */
}
.table_form td {
   vertical-align: top;  /* テキストの配置(上寄せ) */
}

.table_row2_form {
   padding-top: 1.4rem;  /* 上側の余白の調整 */
}

/* ------------------------------------- */
/* ▼タイトルの装飾（formページで利用）  */
/* ------------------------------------- */
.title_form {
   color: #ffffff;                 /* 文字色指定（白色） */
   font-size: 3rem;                /* 文字の大きさ(3rem) */
   font-weight: midium;            /* 中字にする */
   font-family: "HGP明朝E",serif;  /* フォントをserifに指定（OSまたはブラウザ標準の明朝体） */
   text-align: left;               /* 文章の配置(左寄せ) */
   width: 51.5rem;                 /* 表の横幅(51.5rem) */
   margin-top: 3.8rem;             /* 上側の余白の調整 */
   margin-right: 0rem;             /* 右側の余白の調整 */
   margin-bottom: 2.57rem;         /* 下側の余白の調整 */
   margin-left: 0rem;              /* 左側の余白の調整 */
}

/* ------------------------------------- */
/* ▼箇条書きの装飾（formページで利用）  */
/* ------------------------------------- */
.ul_form {
   padding-top: 0rem;     /* 上側の余白の調整 */
   padding-right: 0rem;   /* 右側の余白の調整 */
   padding-bottom: 0rem;  /* 下側の余白の調整 */
   padding-left: 2rem;    /* 左側の余白の調整 */
   margin-bottom: 3rem;   /* 下側の余白の調整 */
   width: 36rem;          /* セルの横幅(36rem)37remにしたらtable1の横幅が51.5を超えてしまったようで、aboutとfeeページと左メニューの水平位置がそろわなくなってしまった */
}
.ul_form li {
   font-size: 1rem;         /* 項目の文字の大きさ(1rem) */
   line-height: 2;          /* 文章の行間を調整 */
   padding-top: 0.3rem;     /* 箇条書きの一文の上に余白を作る */
   padding-bottom: 0.3rem;  /* 箇条書きの一文の下に余白を作る */
   text-indent: -3.7em;     /* 左側の余白の調整、箇条書き2行目にぶら下げインデントを作るために1行目の書き出し位置を前に出す */
   padding-left: 4rem;      /* 左側の余白の調整、箇条書き2行目にぶら下げインデントを作ったことに伴い黒ポチを位置固定したままテキストを右に移動する */
}
.ul_form a {
   text-decoration: none;  /* リンクの装飾(下線なし) */
   color: #ffffff;         /* リンクの文字色(白色) */
}
.ul_form a:hover {
   text-decoration: underline;  /* マウスポインタが載ったときの装飾(下線あり) */
   color: #ffffff;              /* マウスポインタが載ったときの文字色(白色) */
}

/* ---------------------------------------------------------------------------------------------- */
/* ▼リンクの下線の装飾（formページで利用していたが1つ上の ul_form を適用したため利用していない） */
/* ---------------------------------------------------------------------------------------------- */
.link a {
   text-decoration: none;  /* リンクの装飾(下線なし) */
   color: #ffffff;         /* リンクの文字色(白色) */
}
.link a:hover {
   text-decoration: underline;  /* マウスポインタが載ったときの装飾(下線あり) */
   color: #ffffff;              /* マウスポインタが載ったときの文字色(白色) */
}

/* ----------------------------------- */
/* ▼表の装飾（user_laboページで利用） */
/* ----------------------------------- */
.table_user_labo {
   border-spacing: 0;    /* td間の隙間（隙間なし） */
   color: #ffffff;       /* 表の文字色(白色) */
   margin-bottom: 2rem;  /* 下側の余白の調整 */
   width: 56rem;         /* セルの横幅(60rem) */
}
.table_user_labo td{
   padding-top: 0rem;     /* 上側の余白の調整 */
   padding-right: 1rem;   /* 右側の余白の調整 */
   padding-bottom: 1rem;  /* 下側の余白の調整 */
   padding-left: 0rem;    /* 左側の余白の調整 */
}
.table_row1_user_labo {
   vertical-align: top;  /* テキストの配置(上寄せ) */
   width: 2rem;          /* セルの横幅(2rem) */
}
.table_row1_line1_user_labo {
   margin-bottom: 2rem;  /* 下側の余白の調整 */
}
.table_row2_user_labo {
   width: 31rem;          /* セルの横幅(2rem) */
}

/* --------------------------------------------- */
/* ▼表内のリストの装飾（user_laboページで利用） */
/* --------------------------------------------- */
.table_user_labo ul {
   list-style-type: none;  /* ★リストの先頭記号を消す */
   font-weight: bold;      /* 太字にする */
}
.table_user_labo li {
   font-size: 0.7rem;    /* 文字の大きさ(0.7rem) */
   font-weight: normal;  /* 中字にする */
}

/* ------------------------------------------------------- */
/* ▼表の2列目と3列目の枠線の装飾（user_laboページで利用） */
/* ------------------------------------------------------- */
.border_top_right_table_user_labo {
   border-top: 0.05rem solid #ffffff;    /* セル上側の枠線(白色で0.05remの実線) */
   border-right: 0.05rem solid #ffffff;  /* セル右側の枠線(白色で0.05remの実線) */
}
.border_top_left_table_user_labo {
   border-top: 0.05rem solid #ffffff;   /* セル上側の枠線(白色で0.05remの実線) */
   border-left: 0.05rem solid #ffffff;  /* セル左側の枠線(白色で0.05remの実線) */
}
.border_right_table_user_labo {
   border-right: 0.05rem solid #ffffff;  /* セル右側の枠線(白色で0.05remの実線) */
}
.border_right_bottom_table_user_labo {
   border-right: 0.05rem solid #ffffff;   /* セル右側の枠線(白色で0.05remの実線) */
   border-bottom: 0.05rem solid #ffffff;  /* セル下側の枠線(白色で0.05remの実線) */
}
.border_bottom_left_table_user_labo {
   border-bottom: 0.05rem solid #ffffff;  /* セル下側の枠線(白色で0.05remの実線) */
   border-left: 0.05rem solid #ffffff;    /* セル左側の枠線(白色で0.05remの実線) */
}
.border_left_table_user_labo {
   border-left: 0.05rem solid #ffffff;  /* セル左側の枠線(白色で0.05remの実線) */
}

/* ------------------------------------------------------------------- */
/* ▼「研究室へLink」のボタンサイズを自動調整（user_laboページで利用） */
/* ------------------------------------------------------------------- */
.responsive-image {
   max-width: 100%;  /* 幅を最大限に */
   height: auto;     /* 高さは自動調整、★「研究室へLink」のボタンサイズを自動調整 */
}

/* -------------------------------------------------- */
/* ▼箇条書きの装飾（user_labo_gakugaiページで利用）  */
/* -------------------------------------------------- */
.ol_user_labo_gakugai li {
   padding-left: 0.5rem;      /* 左側の余白の調整、箇条書き2行目にぶら下げインデントを作ったことに伴い黒ポチを位置固定したままテキストを右に移動する */
}
.ol_user_labo_gakugai a {
   text-decoration: none;  /* リンクの装飾(下線なし) */
   color: #ffffff;         /* リンクの文字色(白色) */
}
.ol_user_labo_gakugai a:hover {
   text-decoration: underline;  /* マウスポインタが載ったときの装飾(下線あり) */
   color: #ffffff;              /* マウスポインタが載ったときの文字色(白色) */
}

/* ------------------------------ */
/* ▼表の装飾（linkページで利用） */
/* ------------------------------ */
.table_link {
   font-size: 0.7rem;   /* 文字の大きさ(0.7rem) */
   font-weight: bold;   /* 太字にする */
   color: #000000;      /* 文字色(黒色) */
   margin-top: 1.2rem;  /* 上側の余白の調整 */
}
.table_line2_link {
   font-weight: normal;  /* 中字にする */
   color: #ffffff;       /* 文字色(白色) */
}
.table_link td {
   padding-top: 1.2rem;     /* 上側の余白の調整 */
   padding-right: 1.2rem;   /* 右側の余白の調整 */
   padding-bottom: 1.2rem;  /* 下側の余白の調整 */
   padding-left: 1.2rem;    /* 左側の余白の調整 */
}

/* -------------------------------------- */
/* ▼画像の枠線の装飾（linkページで利用） */
/* -------------------------------------- */
.border_thin_link {
   border-width : thin;     /* 線の太さ(細い) */
   border-style : solid;    /* 線の種類(実線) */
   border-color : #ffffff;  /* 線の色(白色) */
}

/* -------------------------------------- */
/* ▼フッターの装飾（footerページで利用） */
/* -------------------------------------- */
.p1_footer {
   color: #ffffff;       /* 文字色(白色) */
   font-size: 1.1rem;    /* 項目の文字の大きさ(1.1rem) */
   font-weight: bold;    /* 太字にする */
   text-align: center;   /* 文章の配置(中央寄せ) */
   margin-bottom: 2rem;  /* 下側の余白の調整 */
}
.p2_footer {
   color: #ffffff;       /* 文字色(白色) */
   font-size: 0.7rem;    /* 項目の文字の大きさ(0.7rem) */
   text-align: center;   /* 文章の配置(中央寄せ) */
   margin-bottom: 2rem;  /* 下側の余白の調整 */
}
.p3_footer {
   color: #ffffff;       /* 文字色(白色) */
   font-size: 0.6rem;    /* 項目の文字の大きさ(0.6rem) */
   width: 51.5rem;       /* テキスト要素の横幅(51.5rem) */
   text-align: right;    /* 文章の配置(右寄せ) */
   margin-bottom: 1rem;  /* 下側の余白の調整 */
}

/* ------------------------------------------------ */
/* ▼ヘッダーの装飾（サンプルのため利用していない） */
/* ------------------------------------------------ */
h1 {
}

/* ----------------------------------------------- */
/* ▼1段落目の装飾（サンプルのため利用していない） */
/* ----------------------------------------------- */
.box1 {
}

/* ----------------------------------------------- */
/* ▼2段落目の装飾（サンプルのため利用していない） */
/* ----------------------------------------------- */
.box2 {
}

/* ----------------------------------------------- */
/* ▼3段落目の装飾（サンプルのため利用していない） */
/* ----------------------------------------------- */
.box3 {
}