@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

/*
-------------------------------
共通
-------------------------------
*/
:root {
  --main-font-color: #000;
  --english-font: "futura-pt", sans-serif;
  --f-f-mincho:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
  --f-f-main:"Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
body{
  background-color: rgb(245, 245, 245);
}

/*
-------------------------------
header
-------------------------------
*/
header{
  background-color: #1c1c1c;
}
header.main_header{
  display: none;
}
header.post_header{
  display: block;
  position:static;
  background-color: #1c1c1c;
}
header .header_content{
  display: flex;
  justify-content: space-between;
  width:100%;
  max-width: 1280px;
  align-items: center;
  margin:0 auto;
}
header .header_content a.header_logo,header .header_content a.header_logo img{
  width:140px;
}
.header_inner{
  width:calc(100% - 140px);
}
header.post_header ul.nav{
  margin-top:0;
  display: flex;
  border-left: none;
  flex-wrap: wrap;
  flex: 1 0 auto;
}
header.post_header ul.nav li{
  flex:1 0 auto;
  text-align: right;
}
header.post_header ul.nav li a{
  line-height: 1.7;
}
.post_content{
  width: 100%;
  max-width: 800px;
  margin:100px auto;
}
.post_content h2{
  color:#3e3e3e;
  font-size:3.6rem;
  margin-bottom:1em;
}
.post_content img{
  margin-bottom:60px;
}
.post_content p{
  font-size:1.6rem;
  color:#1c1c1c;
  line-height: 1.7;
}