@charset "UTF-8"; /*文字化け対策*/
html {
  font-size: 100%; /*文字の最大サイズの指定*/
}
body {
  color: #000000;/*文字色の指定*/
  line-height: 1.7;/*行の高さの指定*/
  font-family: "DotGothic16";/*フォントの指定*/
  font-family: "Noto Sans JP";/*フォントの指定*/
  font-family: "Inter";/*フォントの指定*/
  margin: 0px;/*空白の設定*/
  padding: 0px;/*空白の設定*/
}
a {
  text-decoration: none;/*<a>タグの傍線の指定*/
}
img {
  max-width: 100%;/*画像の大きさの指定*/
}

/*Header--------------------------------------------------*/

header {
  background-color: #4869bd; /*ヘッダーの背景色を指定*/
  font-family: Google Sans;/*headerのフォントを指定*/
  height:90px;
  font-weight:500;
  display: flex;
  align-items: center;
}
.logo {
  display: flex;
  width: 400px;/*ロゴのサイズを指定*/
}
.main-nav {
  display: flex;/*フレックスボックスを指定*/
  font-size: 30px;/*<nav>内の文字のサイズを指定*/
  list-style: none;/*<li>タグの箇条書きを削除*/
}
.main-nav li {
  margin-left: 35px;/*<li>同士の間隔を指定*/
}
.main-nav a {
  color:#c1d7fb;/*<nav>の文字色を指定*/
}
.main-nav a:hover {
  color: #99abc7;/*<nav>の文字にカーソルを合わせたときに変化する色の指定*/
}
.page-header {
  display: flex;/*フレックスボックスを指定*/
  justify-content: space-between;/*<nav>を両端に設置*/
}
.wrapper {
  max-width: 100%;/*横幅を最大100%に指定*/
  margin: 0 auto;/*中央に配置する指定*/
  padding: 0 4%;/*スマートフォン向けの余白を指定*/
}

/*--------------------------------------------------------*/
article {
  width: 70%;
  font-family: "Noto Sans JP";/*フォントの指定*/
  margin-left: 20%;
  margin-right: 20%;
  padding-top: 1%;
  padding-bottom: 2%;
}

h1 {
  font-family: "M PLUS 1p";
  font-weight:500;
}
h2 {
    font-family: "M PLUS 1p";
  font-weight:500;
}

/*--------------------------------------------------------*/
.news-contents {
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
  margin-top: 50px;
}



/*footer--------------------------------------------------*/

footer {
  background-color: #99abc7; /*フッターの背景色*/
  text-align: center; /*フッターの文字を中央に配置*/
  padding: 8px; /*フッターの文字の余白を設定*/
  font-family: "Noto Sans JP";/*フォントの指定*/
  color: inherit;
  text-decoration: none;

}
footer p {
  color: #ffffff;
  font-size: 15px
}
.fotter-none a {
  color: inherit;
  text-decoration: none;
}

/*blog------------------------------------------------------*/
.blog-date {
  color: #757575;
  font-size: 15px;
  font-family: "Noto Sans JP";/*フォントの指定*/
}
.blog-image {
  width:500px ;  
  margin-left: 2%;
  margin-right: 2%;
}