/*============================================
全般的なスタイル
* {
    margin: 0px; 
}
「＊」は”全ての要素に適用する”という意味を持ちます。
============================================*/
* {
margin: 0
}

header {
    border-bottom:  solid 0px;  /* 枠線指定 */
    padding:  0px;             /* 余白指定 */
}

img {
 max-width: 100%;
 max-height: 100%;
 width: auto;
 height: auto;
}

.bg {
    text-align: center;        /* 文字中央揃え */
    color:  #000000;            /* 文字色指定 */
    background-color: #fff029;  /* 全体の背景色指定 ****fff029***/
}
footer {
    border-top: solid 0px;      /* 枠線指定 */
    padding:  10px;             /* 余白指定 */
}
 
main {
    padding:  0px;             /* 余白指定 */
    height:  300px;             /* 高さ指定 */
}
 
.bg_01 {
    width: 825px;                           /* 幅指定 */
    display:  inline-block;                     /* インラインブロック指定 */
    background-color: #ffffff; /* 背景色指定 */
    color: #222;                                /* 文字色指定 */
    padding:  0px;                             /* 余白指定 */
    box-sizing:  border-box;                    /* 崩れ防止 */
    height: 4400px;                              /* 高さ指定1720 */
    border-radius:  0px;                        /* 角丸指定 */
}
.h1{
    color: #000000;
    font-size:40px;
    text-align: center;
    padding: 0px 0px 0px 0px;
}
.h2{
    color: #000000;
    font-size: 30px;
    text-align: center;
    padding: 0px 0px 0px 100px;
}
.h21{
    color: #000000;
    font-size:30px;
    text-align: center;
    padding: 0px 0px 0px 0px;
}

.h22{
    color: #000000;
    font-size: 35px;
    text-align: center;
    padding: 0px 50px 0px 50px;
}

.h3{
    color: #000000;
    font-size:20px;
    text-align: left;
    padding: 10px 50px 20px 50px;
}
.h4{
    font-size:20px;
    text-align: left;
    border-bottom: 1px solid #d3d3d3;
    padding: 0px 0px 0px 0px;
}

.h6{
    font-size:16px;
    line-height: 24px;
    text-align: left;
    padding: 0px 0px 0px 0px;
}

.h7{
    font-size:25px;
    text-align: center;
    vertical-align: top;
    padding: 0px 50px 0px 50px;
}

.h8{
    font-size:14px;
    text-align: center;
    background: #a3bbd3;
    /* border: 0px skyblue dashed; */
    padding: 10px 0px 10px 20px;
}

.h10{
   display: inline-block; /* ここがポイント */
   width: 115px;
   max-height: 90px;
   padding: 7px 7px 7px 7px;
   box-shadow: 0px 0px 15px -5px rgba(0, 0, 0, 0.5);
   text-align: center;
}

.h11 {
  background: #f3fbff;
  border: 2px skyblue dashed;
}

.h9{
    font-size:16px;
    line-height: 24px;
    text-align: left;
    padding: 0px 0px 0px 50px;
}

.h12{
    font-size:14px;
    color: blue;
    text-align: left;
    /* background: #fffffff; */
    /* border: 1px skyblue dashed; */
    padding: 10px 0px 10px 60px;
}

.h13{
    font-size:17px;
    line-height: 25px;
    padding: 0px 300px 0px 20px;
}

.h14{
    font-size:11px;
    padding: 0px 0px 0x 0px;
}

.h15{
    font-size:20px;
    color: blue;
    text-align: left;
    padding: 0px 0px 0px 165px;
}
.h16{
    font-size:12px;
    text-align: left;
    padding: 0px 0px 0px 200px;
}

.h17{
    font-size:12px;
    text-align: center;
    vertical-align: top;
}

.h23{
  width: 200px;
  border-top: solid 2px gray;
  text-align: center;
  padding: 0px 100px 0px 100px;

}