@charset "utf-8";

.header-nav {
  display: flex;
  justify-content: space-between;   
  list-style: none;
  width: 380px;
  align-items: center;
  height: 100px;
  color: black;
}

.header-nav a{
  color: black;
}

.header-nav li a:hover{
  text-decoration: underline;
  color: orange;
}

header{
  display: flex;
  justify-content:space-between;
  align-items: center;
}
  
/* main {
  width: 100%;
} */

.main-part {
  display: flex;
  flex-wrap: wrap;
  width: 890px;
  justify-content: space-between;
  padding: 50px;
}

.sub-part {      
  max-width: 420px;
  background: #ffffff;
  /* padding: 10px;
  margin: 10px; */
  flex-wrap: wrap;
  justify-content: center;
  padding: 40 0 40 0;
}

body {
  /* max-width: 100%; */
  margin: auto;
  /* font-family: "Helvetica Neue",
  Arial,
  "Hiragino Kaku Gothic ProN",
  "Hiragino Sans",
  Meiryo,
  sans-serif; */
 
  font-family: 'Noto Serif JP', serif;
}
  
.second-part{
  width: 890px;
  padding: 50px;

}

.first-part {
  
  width:1062px;
  margin: auto;
  /* display: flex;
  flex-wrap: wrap; */

}


footer {
  background-color: rgb(189, 189, 192);
  padding: 20px;
  text-align: center;
}

@media (max-width:640px){
  .main-part{
    max-width: 100%;
    flex-direction: column;
    justify-content: center;
    
    
  /* .topimg {
    max-width: 100%; */


  }
  

  }

  html { scroll-behavior: smooth;}




























/* @media (max-width:640px){
  h1{
      color:#948fe0
  }

  header {
      border-top: solid 10px #948fe0;
  }
  .header-navi{
      flex-direction: column;
  }
  .header-navi li a{
      padding: 1em;
      margin: 0 0 0.5em ;
      display: block;
      background: #c2e08f;
      border-radius: 6px;
      text-decoration: none;
  } */

















/* .container {
        padding-left: 40px;
        padding-right: 40px;
      }
      .item-list {
        display: flex;
        justify-content: center;
      }
      .item-list .item1 .item2 {
        box-sizing: border-box;
        padding: 40px 80px;
        background: #eee;
        margin: 10px;
        width: 50%;
        text-align: center;
      } */
      /* .article-section{
        background-color: aqua;
      } */
  /* .header-nav {
        width: 140px;
        text-align:right;
        background-color: #fff;
        text-decoration: none;
        color: #000;
        font-weight: bold;
        
      } */