@charset "UTF-8";
/* CSS Document */



h2{width: 311px; margin: 60px auto 55px;}
h3{font-size: 22px; color: #ab7a28; text-align: center; border: #ab7a28 solid; border-width: 3px 0 3px; padding: 8px 0; margin: 0 0 25px;}
h4,h4 a{font-size : 25px;  line-height : 31px;  color : #891C32; margin: 10px 0 5px;}
h4 a{text-decoration: underline;}
#content .txt{font-size : 16px;  line-height : 26px; color : #333333;}
#content .time{font-size : 16px;  line-height : 26px; color : #333333; padding-left: 1.2em;}
#content .time::before{content: '●'; color: #891c32; margin-left: -1.2em; padding-right: 5px;}

#content section{width: 900px; margin: auto;}
#content section ul{display: flex; justify-content: space-between; flex-wrap: wrap; width: 100%; }
#content section li{width: 420px; margin: 0 0 50px;}

#content section dl{display: flex; flex-wrap: wrap;}
#content section dt{font-size : 16px;  line-height : 26px; color : #333333; width: 6em;}
#content section dd{font-size : 16px;  line-height : 26px; color : #333333; width: calc(100% - 6em);}


/*タブレット縦・スマホ横*/
@media screen and (max-width: 900px){

#content section{width: 90%; margin: auto;}
#content section li{width: 48%;}
}

/*スマホ縦*/
@media screen and (max-width: 480px){
h2{width: 55%;}
h3{font-size: 17px;}
h4{font-size: 20px;}

#content section{width: 90%; margin: auto;}
#content section ul{display: block; width: 100%; }
#content section li{width: 100%; margin: 0 0 50px;}

}

/*スマホ縦・小*/
@media screen and (max-width: 320px){}


.info {
	 font-size: 22px;  clear: #000000; text-align: center; margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
	.info {font-size: 18px}
}