.wrapper_500 {
  max-width: 500px;
  margin: 0 auto;
  margin-top: 0px;
padding-top: 20px;
/*
  background: silver;
*/
}
.wrapper_1000 {
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 0px;
padding-top: 20px;
/*
  background: silver;
*/
}
header{
  height: 50px; /* 高さ */
  width: 100%; /* 領域の幅 */
  margin: 0 auto;
  display: flex;
  color:white;
  background: linear-gradient(#F7C242,#FFFFFF, #F7C242);
  background-size: auto 50px;
/* background-size: cover; */
/* background-size: contain; */
  position: fixed; /* ヘッダーを固定(これが重要) */
  top: 5px; /* 固定する位置 */
  left: 0; /* 固定する位置 */
  right: 0;  /* 固定する位置 */
}
.container {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 10px;
  background-color: #fffde1;
  border: solid 2px #fff03d;/*線色*/
}
footer{
  height: 30px;
  width: 100%;
  text-align:center;
  background-color: #F7C242;
  background:  linear-gradient( #fceabc,#E3A600);
}
.main{
/*
  background-color: yellow; 
*/

  display: flex;
  width: 100%;
  top: 0; 
  flex-wrap: wrap;
  margin: 0 auto 0;
  text-align: center;
  /*
  text-align: center;
  */
}
.cont000 {
  margin-top: 1rem;
  margin-bottom: 0px;
  padding: 10px;
  background-color: rgba(252, 195, 195, 0);
}
.cont000 img{width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
  background-color: rgb(253, 174, 174);
}
.cont000 p{
  margin: 1rem 5rem 1rem ;
    /*  フォントのサイズ  */
    font-size: 1rem;
    text-align: left;
    /*  フォントの色  */
    color: #333;
    /* 文字間隔の調整の設定 */
    letter-spacing: 1.5px;
    /* 行間の設定 */
    line-height: 1.75;
}
.cont000 h1{
  margin: 1rem 4rem 0rem;
    /*  フォントのサイズ  */
    font-size: 1.2rem;
    text-align: center;
    /*  フォントの色  */
    color: #8b5454;
    /* 文字間隔の調整の設定 */
    letter-spacing: 1.5px;
    /* 行間の設定 */
    line-height: 1.75;
}

.cont010 {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 1rem 4rem 1rem;
  padding: 1rem 0rem 1rem;
  background-color: rgba(253, 213, 213, 0);
}
.cont010 img{width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
  background-color: rgb(253, 174, 174);
}
.cont010 h2{
  margin: 1rem 2rem 1rem;
    /*  フォントのサイズ  */
    font-size: 1rem;
    text-align: left;
    /*  フォントの色  */
    color: #333;
    /* 文字間隔の調整の設定 */
    letter-spacing: 1.5px;
    /* 行間の設定 */
    line-height: 1.75;
}

.cont010 p{
  margin: 1rem 3rem 1rem ;
    /*  フォントのサイズ  */
    font-size: 1rem;
    text-align: left;
    /*  フォントの色  */
    color: #333;
    /* 文字間隔の調整の設定 */
    letter-spacing: 1.5px;
    /* 行間の設定 */
    line-height: 1.75;
}
/*高さ400pxの画像用コンテンツ*/
.cont020 {width:auto;
    height:auto;
    max-width:100%;
    max-height:400px;
  margin: 0px auto 0px;
  padding: 10px;
  background-color: rgba(252, 195, 195, 0.97);
    text-align: center;
}
.cont020 img{width : auto; 
    height:400px;
    max-width:100%;
    max-height:400px;
  background-color: rgb(253, 174, 174);
}