*{
  margin:0;
  padding:0;
  box-sizing: border-box;
}
/*** The new CSS Reset - version 1.0.0 (last updated 8.7.2021) ***/
  
/* box-sizingの優先値 */
*,
*::before,
*::after{
    box-sizing: border-box;
}
 
/* リストのスタイル（箇条書き・番号）を削除します */
ol, ul {
    list-style: none;
}
 
/* 画像がコンテナを超えないようにするため */
img {
    max-width: 100%;
}
 
/* テーブルのセル間のスペースを削除します */
table{
    border-collapse: collapse;
}


.container{
  width:800px;
  margin:0 auto;
}
header,main,footer{
  clear:both;
  border-left:1px solid #999;
  border-right:1px solid #999;
}
header .flex{
  display: flex;  
}
header .flex .page_title{

  padding:60px 15px 0;
  border:8px solid #c9e59f;
  width:244px;

}
header .flex .page_title h2{
  font-size:20px;
  color:#ff6d0c;
  font-weight:bold;
  padding-bottom:20px;
  margin-bottom:20px;
  border-bottom:1px solid #ddd;
}
header .flex .page_title p{
  font-size:14px;
  line-height:1.8;
}
header .menu-container{
  text-align: right;
}
header .menu{
  display:flex;
  margin-left:244px;
  margin-right:13px;
}
header .menu li{
  list-style: none;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
 
.clearfix:before {
　　　　content: "";
	display: block;
	clear: both;
}
 
.clearfix {
	display: block;
}

.inner{
	padding:20px;
}