@charset "utf-8";

/**
 * ***************************************
 * ページ全体に関わるCSSの設定
 * ***************************************
 */
html *,
::before,
::after {
  box-sizing: border-box;
}
/* フォント */
html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

body {
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 400; /* Noto Sans JPのレギュラーウェイトを指定 */
}
/* おもな太字タグのフォントウェイト設定 */
h1, h2, h3, h4, h5, h6, th, strong {
  font-weight: 700;
}

/* レスポンシブイメージと画像下スペース防止 */
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;/* 画像下のスペースを消す */
}


/***********************
*       ヘッダー       *
************************/
header {
  width:100%;
  margin: 0 auto;  
  background: rgb(38, 144, 183);
  padding: .5rem;
  
}
/*******************
*      フッター    *
********************/
.page_footer {
   color:rgb(252, 248, 248);
   background: rgb(38, 144, 183);
   padding:10px 4%;
   text-align: center; 
 }
/*----------------------------------------*/
body {
  background: white url(../images/bg021.gif);
  color: black;
  }
    
.main-container {
   max-width: 700px;
   margin-top: 40px;
   margin-left: auto;
   margin-right: auto;
   padding: 0 10px;
  }

.img-center{
    text-align: center;
    margin-bottom: 20px;
}  

p{
  line-height: 1.4em;
}
    
h1 { 
    color: white;    
    text-align: center;    
    font-weight: normal;
    font-size: 1.5rem;
    } 
h2 { 
      border-left: solid 7px red;
      font-size: 1.2em; 
      padding-left: 10px;
    }       
h3 { 
     border-left: solid 7px blue;
     font-size: 1.2em; 
     padding-left: 10px;
     }

em {font-style: normal;
    font-weight: bold;
    color: red;
     }

.tux{
  text-align: right;
  padding-right: 20px;
}