.container {
  display: grid;
  grid-template-columns: 1fr repeat(27, 46px) 1fr;
  grid-template-rows: repeat(96, 38px);
  grid-gap: 2px;
}
/* グリッドアイテムの指定 */

.child1 {
  grid-column: 2/29;
  grid-row: 1/5;
  background-color: #fff0f5;
}

.child2 {
  grid-column: 6/25;
  grid-row: 5/9;
  background-color: #f0fff0;
}

.child3 {
  grid-column: 6/25;
  grid-row: 9/84;
  background-color: #ffffff;
}

.child4 {
  grid-column: 2/29;
  grid-row: 84/91;
  background-color: #f8f8f8;
}

.child5 {
  grid-column: 2/6;
  grid-row: 5/84;
  background-color: #eaffff;
}

.child6 {
  grid-column: 25/29;
  grid-row: 5/84;
  background-color: #eaffff;
}

/*　レイアウトの設定クラス　*/

/*下記の.JEの位置指定の原点は.child1の左上である事に注意*/
.DX {
  width: 200px;
  height: 30px;
  position: relative;
  top: -50px;
  left: 250px;
}

.JE {
  width: 200px;
  height: 30px;
  position: relative;
  top: -50px;
  left: -50px;
}

/*下記の.JMPの位置指定の原点は.child3の左上である事に注意*/
.JMP {
  width: 200px;
  height: 20px;
  position: relative;
  top: 5px;
  left: 750px;
}
.lay1 {
  width: 900px;
  margin: 0 auto;
}

.lay2 {
  width: 840px;
  margin: 0 auto;
}

.lay2 img {
  width: 90%;
}

.lay3 {
  width: 840px;
  margin: 0 auto;
}

.lay3 img {
  width: 90%;
}

.lay4 {
  width: 900px;
  margin: 0 auto;
}

.lay4 img {
  width: 90%;
}

.lay5 {
  width: 180px;
  margin: 0 auto;
}

.lay6 {
  width: 180px;
  margin: 0 auto;
}

.expression {
  width: 750px;
  margin: 0 auto;
}

/*　文字の大きさの指定　*/
.ch14 {
  font-size: 1.4em;
}
.ch13 {
  font-size: 1.3em;
}
.ch12 {
  font-size: 1.2em;
}
.ch11 {
  font-size: 1.1em;
}

.ch10 {
  font-size: 1em;
}
.ch09 {
  font-size: 0.9em;
}
.ch08 {
  font-size: 0.8em;
}
.ch07 {
  font-size: 0.7em;
}
.ch06 {
  font-size: 0.6em;
}

.title45 {
  font-size: 45px;
  line-height: 0;
}

.title40 {
  font-size: 40px;
  line-height: 0;
}

.title30 {
  font-size: 30px;
  line-height: 0;
}

.chsize {
  font-size: 28px;
  line-height: 0;
}

.imag1 {
  max-width: 100px;
  height: auto;
}

.imag2 {
  max-width: 200px;
  height: auto;
}

.imag3 {
  max-width: 300px;
  height: auto;
}

.imag4 {
  max-width: 400px;
  height: auto;
}

.imag5 {
  max-width: 500px;
  height: auto;
}
.imag6 {
  max-width: 600px;
  height: auto;
}

.imag7 {
  max-width: 700px;
  height: auto;
}

.imag8 {
  max-width: 800px;
  height: auto;
}

.imag9 {
  max-width: 900px;
  height: auto;
}

.imag10 {
  max-width: 1000px;
  height: auto;
}

/*----------------  BOX---------------------*/

.box3w {
  padding: 0px;
  margin: 0px;
  width: 300px;
  font-weight: normal;
  border: solid 0px #000000;
}

.box4w {
  padding: 0px;
  margin: 0px;
  width: 400px;
  font-weight: normal;
  border: solid 0px #000000;
}

.box5w {
  padding: 0px;
  margin: 0px;
  width: 500px;
  font-weight: normal;
  border: solid 0px #000000;
}

.box6w {
  padding: 0px;
  margin: 0px;
  width: 600px;
  font-weight: normal;
  border: solid 0px #000000;
}

.box7w {
  padding: 0px;
  margin: 0px;
  width: 700px;
  font-weight: normal;
  border: solid 0px #000000;
}

.box8w {
  padding: 0px;
  margin: 0px;
  width: 800px;
  font-weight: normal;
  border: solid 0px #000000;
}

.box7y {
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 700px;
  font-weight: normal;
  border: solid 0px #000000;
  background-color: #ffffe0;
}

.box8y {
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  font-weight: normal;
  border: solid 0px #000000;
  background-color: #ffffe0;
}

.box3 {
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
  font-weight: normal;
  border: solid 2px #000000;
}

.box4 {
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 400px;
  font-weight: normal;
  border: solid 2px #000000;
}

.box5 {
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 500px;
  font-weight: normal;
  border: solid 2px #000000;
}

.box6 {
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 600px;
  font-weight: normal;
  border: solid 2px #000000;
}

.box7 {
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 700px;
  font-weight: normal;
  border: solid 2px #000000;
}

.box8 {
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 800px;
  font-weight: normal;
  border: solid 2px #000000;
}

.box9 {
  padding: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 900px;
  font-weight: normal;
  border: solid 2px #000000;
}

/*　以下の記述はbox1の中の文字の大きさを
        一括で全て統一的に決定できる記述である一括である
        いい面と悪い面があり、一部のboxの中の文字を
        小さくしようという場合はかえってデメリットとなる
        .box1 p {
            font-size: 0.9em;
                margin: 0; 
                padding:0;
                    }
        */

.pala {
  display: flex;
  align-items: flex-start;
}

.float_none {
  clear: both;
}

.reset {
  clear: left;
}

.TBL2 {
  width: 200px;
  height: auto;
  border: 2px solid #000000;
  border-collapse: collapse;
  margin: 10px 5px;
  text-align: center;
  font-size: 0.9em;
}
.TBL2 caption {
  font-size: 1.1em;
  font-weight: bold;
  padding: 10px 5px;
}

.TBL2 th {
  background-color: #f2f2f2;
  border: 2px solid #000000;
  padding: 5px 5px;
}

.TBL2 tr,
td {
  border: 1px solid #000000;
  padding: 5px 5px;
}

/*-----------------------------*/
.TBL3 {
  width: 300px;
  height: auto;
  border: 2px solid #000000;
  border-collapse: collapse;
  margin: 10px 5px;
  text-align: center;
  font-size: 0.9em;
}
.TBL3 caption {
  font-size: 1.1em;
  font-weight: bold;
  padding: 10px 5px;
}

.TBL3 th {
  background-color: #f2f2f2;
  border: 2px solid #000000;
  padding: 5px 5px;
}

.TBL3 tr,
td {
  border: 1px solid #000000;
  padding: 5px 5px;
}

/*-----------------------------*/
.TBL4 {
  width: 400px;
  height: auto;
  border: 2px solid #000000;
  border-collapse: collapse;
  margin: 10px 5px;
  text-align: center;
  font-size: 0.9em;
}
.TBL4 caption {
  font-size: 1.1em;
  font-weight: bold;
  padding: 10px 5px;
}

.TBL4 th {
  background-color: #f2f2f2;
  border: 2px solid #000000;
  padding: 5px 5px;
}

.TBL4 tr,
td {
  border: 1px solid #000000;
  padding: 5px 5px;
}

/*-----------------------------*/

.TBL5 {
  width: 500px;
  height: auto;
  border: 2px solid #000000;
  border-collapse: collapse;
  margin: 10px 5px;
  text-align: center;
  font-size: 0.9em;
}
.TBL5 caption {
  font-size: 1.1em;
  font-weight: bold;
  padding: 10px 5px;
}

.TBL5 th {
  background-color: #f2f2f2;
  border: 2px solid #000000;
  padding: 5px 5px;
}

.TBL5 tr,
td {
  border: 1px solid #000000;
  padding: 5px 5px;
}

/*-----------------------------*/

.TBL6 {
  width: 600px;
  height: auto;
  border: 2px solid #000000;
  border-collapse: collapse;
  margin: 10px 5px;
  text-align: center;
  font-size: 0.9em;
}

.TBL6 caption {
  font-size: 1.1em;
  font-weight: bold;
  padding: 10px 5px;
}

.TBL6 th {
  background-color: #f2f2f2;
  border: 2px solid #000000;
  padding: 5px 5px;
}

.TBL6 tr,
td {
  border: 1px solid #000000;
  padding: 5px 5px;
}

/*-----------------------------*/

.TBL7 {
  width: 700px;
  height: auto;
  border: 2px solid #000000;
  border-collapse: collapse;
  margin: 10px 5px;
  text-align: center;
  font-size: 0.9em;
}

.TBL7 caption {
  font-size: 1.1em;
  font-weight: bold;
  padding: 10px 5px;
}

.TBL7 th {
  background-color: #f2f2f2;
  border: 2px solid #000000;
  padding: 5px 5px;
}

.TBL7 tr,
td {
  border: 1px solid #000000;
  padding: 5px 5px;
}

/*-----------------------------*/

.TBL8 {
  width: 800px;
  height: auto;
  border: 2px solid #000000;
  border-collapse: collapse;
  margin: 10px 5px;
  text-align: center;
  font-size: 0.9em;
}

.TBL8 caption {
  font-size: 1.1em;
  font-weight: bold;
  padding: 10px 5px;
}

.TBL8 th {
  background-color: #f2f2f2;
  border: 2px solid #000000;
  padding: 5px 5px;
}

.TBL8 tr,
td {
  border: 1px solid #000000;
  padding: 5px 5px;
}
/*-----------------------------*/

.TBLidx {
  width: 850px;
  height: auto;

  border-collapse: collapse;
  border: none;

  margin: 10px 5px;
  text-align: left;
  /*  font-size: 1.1em;  */
}

.TBLidx caption {
  text-align: left;
  font-size: 1.4em;
  font-weight: bold;
  padding: 10px 5px;
}

.TBLidx th {
  background-color: #f2f2f2;
  border: 1px solid #000000;
  /* border-collapse: collapse; 
  border: none; */
  padding: 5px 5px;
}

.TBLidx tr {
  border: 1px solid #000000;
  /* border-collapse: collapse;
  border: none; */
  padding: 5px 5px;
}

.TBLidx td {
  border: 1px solid #000000;
  /* border-collapse: collapse;
  border: none; */
  padding: 5px 5px;
}

/*-----------------------------*/
/*  S3/A3 ki(vj) の表*/

.TBLSP01 {
  width: 500px;
  height: auto;
  border: 2px solid #000000;
  border-collapse: collapse;
  margin: 10px 5px;
  text-align: center;
}

.TBLSP01 caption {
  font-size: 1.1em;
  font-weight: bold;
  padding: 10px 5px;
}

.TBLSP01 th {
  font-size: 1em;
  background-color: #f2f2f2;
  border: 2px solid #000000;
  padding: 2px 2px;
}

.TBLSP01 tr,
td {
  font-size: 1em;
  border: 1px solid #000000;
  padding: 2px 2px;
}

.TBLSP01 tr:nth-child(n + 5) td:nth-child(-n + 5) {
  background-color: #f2f2f2;
}

.TBLSP01 tr:nth-child(-n + 4) td:nth-child(n + 6) {
  background-color: #f2f2f2;
}

.TBLSP01 tr:nth-child(2) th:nth-child(1) {
  background-color: #ffffff;
}

/*-----------------------------*/
.reset {
  clear: left;
}

a {
  text-decoration: none;
  color: #000000;
}

.lkjp:hover {
  background-color: #f0ff00;
}

.imagmad {
  width: 160px;
  height: auto;
}