.main section:nth-of-type(even) {
    background-color: #F6F3ED;
}
.section_inner {
    padding: 6rem 0 6rem;
}
.info_box{
	margin: 50px auto;
}

/*ーーーーーーーーーーーーーー
学習コンテンツ
ーーーーーーーーーーーーーー*/

#learning-content ul{
	display: block;
}
#learning-content ul li{
	list-style: none;
	padding: 30px 20px;
	margin-bottom: 30px;
	border: solid 3px #A28A3D;
	border-radius: 20px;
	width: 100%;
	display: flex;
	flex-direction: column;
}

#learning-content h4{
	margin-bottom: 0;
}
#learning-content ul li p{
	flex-grow: 1;
}

#learning-content ul li .link_button{
	width: 80%;
}

@media screen and (min-width:900px) {
#learning-content ul{
	display: flex;
	justify-content: space-evenly;
}
#learning-content ul li{
		width: 30%;
	}	
}

/*ーーーーーーーーーーーーーー
参考資料PDFリスト欄
ーーーーーーーーーーーーーー*/
.attached_file{
	background: #fff;
	padding: 20px 10px;
	border-radius: 20px;
}

.gray{
	background: #eee;
}

/* 左右に横線 */
.attached_file h5 {
  align-items: center; 
  display: flex; 
  justify-content: center; 
	font-size: 1.6rem;
	margin: 0;
}

.attached_file h5::before,
.attached_file h5::after {
  background-color: #2C2C2C; 
  content: "";
  height: 1px; 
  width: 80px; 
}
.attached_file h5::before {
  margin-right: 15px;
}
.attached_file h5::after {
  margin-left: 15px; 
}

.file_dl_list li a{
	color: #000;
}

.file_dl_list{
	padding: 0;
}

ol{
    padding: 0 0 0 20px;
}

/*ーーーーーーーーーーーーーー
hiraizumi.html
平泉の概要・歴史
ーーーーーーーーーーーーーー*/
#hiraizumi h4, #world-heritage h4, #message h4, #registration h4{
	margin: 80px 0 40px;;
	text-align: center;
	font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro",
    "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-weight: bold;
	font-size: 2rem;
	letter-spacing: 0.15em;
	line-height: 1.5;
}

#hiraizumi .text_box{
	margin-bottom: 40px;
}

#hiraizumi .text_box p{
	text-indent: 1em;
	line-height: 2;
	margin-bottom: 1em;
}

.flex_box{
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.flex_box .text_box{
	width: 60%;
}
.flex_box img{
	width: 35%;
}
/*ーーーーーーーーーーーーーー
chronology.html
家系図
ーーーーーーーーーーーーーー*/
#genealogy .image_box{
	text-align: center;
}

.mincho{
	margin-top: 60px;
	font-family: "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro",
    "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 2.8rem;
	text-align: center;
}

/*ーーーーーーーーーーーーーー
world-heritage/index.html
世界遺産の概要
ーーーーーーーーーーーーーー*/
.genealogy {
    display: table;
    position: relative;
    margin: 0px auto;
    font-size: 1.5vw;
}

.genealogy > dl {
    display: flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 0px 0px 0px 300px;
    margin: 0px;
}


.genealogy > dl > dt,
.genealogy > dl > dd {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.5em;
    width: 10em;
    height: 3em;
    border: 0.2em solid currentColor;
    box-sizing: border-box;
    text-align: center;
    line-height: 1;
}

.genealogy > dl > dt {
    position: absolute;
    left: 0;
}

.genealogy > dl > dd {
    position: relative;
    padding: 0px;
    margin: 0px 1em 1em;
}

.genealogy > dl > dd:last-child{
	margin-bottom: 0;
}
.genealogy .genealogy {
    position: absolute;
    top: -0.2em;
    left: 50%;
    transform: translateX(-50%);
    margin: 0px;
}

h5.heading{
    color: #A28A3D;
    font-size: 1.8rem;
    margin: 62px 0 16px;
    text-align: left;
    font-family: inherit;
    font-weight: bold;
    letter-spacing: 0.15em;
    line-height: 1.5;
}

ul.point_change{
    padding-left: 25px;
}

ul.point_change li {
  list-style: none;        /* デフォルトの点を消す */
  position: relative;
}

ul.point_change li::before {
  content: '';
  width: 3px;             /* 点のサイズ */
  height: 3px;            /* 点のサイズ */
  background: black;       /* 色 */
  border-radius: 50%;      /* 丸くする */
  position: absolute;
  left: -20px;             /* 位置調整 */
  top: 24%;
  transform: translateY(-50%);
}

.gold_button{
    margin: 100px 0 120px;
}


/*ーーーーーーーーーーーーーーーーーーーー
message/index.html
知事メッセージ
ーーーーーーーーーーーーーーーーーーーーー*/
.spase{
    margin-top: 80px;
}

#message .flex_box .text_box{
    width: 70%;
}
.center_img{
    text-align: center;
}
img.governor{
    width: 20%;
    height: auto;
}


/*-------------------------------------
registration.html
世界遺産登録に向けた動き
ーーーーーーーーーーーーーーーーーーーーーーーーー*/
#registration span{
    display: block;
    margin-top: 20px;
}


/*-------------------------------------
icomos.html
イコモスによる現地調査（2010年9月7日～9日）
ーーーーーーーーーーーーーーーーーーーーーーーーー*/
#icomos .flex_box{
    justify-content: space-evenly;
    margin-top: 40px;
}




/*-----------------------------------
provisional.html
世界遺産暫定リスト記事事項
-----------------------------------*/




/*ーーーーーーーーーーーーーーーーーーーーーー
kerohira.html
ケロ平の紹介
ーーーーーーーーーーーーーーーーーーーーーー*/
#kerohira　.center_img{
    text-align: center;
    width: 80%;
}

#kerohira h3.heading.onry{
    margin-top: 80px;
}

#kerohira .flex_box{
    justify-content: space-evenly;
    align-items: center;
}

#kerohira .flex_box .text_box{
    width: 30%;
}

#kerohira .attached_file{
    margin-top: 40px;
}