@charset "UTF-8";
#main ul{
	margin-top: 20px;
}
#main ul li{
	list-style: initial;
	margin-left: 20px;
	font-size: 14px;
	padding-bottom: 8px;
}
#main .box{
	margin-top: 20px;
}
#main .box .btn{
	display: flex;
	margin: 0 auto 10px;
}
#main .box .btn li{
	background-color: #003591;
	width: 49%;
	border-radius: 5px;
	margin: 10px;
	list-style: none;
	padding: 0;
}
#main .box .btn li a{
	padding: 20px 0;
    font-size: 17px;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0.1em;
    color: #fff;
    display: block;
}
#main h3{
	margin-bottom: 15px;
    padding-left: 12px;
    font-size: 17px;
    font-weight: bold;
    color: #e65032;
    border-left: #e65032 5px solid;
}
#main h4{
	margin: 10px;
    padding-bottom: 5px;
    font-weight: bold;
    color: #9b771f;
    border-bottom: #9b771f 1px dotted;
}
article{
    padding: 30px 40px 10px 40px;
 }
 #main h1{
	color: white;
	padding: 4px 0 4px 10px;
	background-color: #ee8fb8;
	margin-bottom: 18px;
	font-size: 20px;
 }	
*----------------------------------------------------
	6.2 - Button
----------------------------------------------------*/
/*１列で収まるボタンの場合*/
.list_banner {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.list_banner li {
  display: table-cell;
  padding: 0 10px;
}
.list_banner li a, .list_banner li .banner_coming {
  display: block;
  text-align: center;
  line-height: 0.6;
}
/*1列で収まらないボタンの場合*/
.list_banner02 {
  display: table;
  table-layout: fixed;
  width: 100%;
  overflow: hidden;
}
.list_banner02 li {
  box-sizing: border-box;
  display: inline-table;
  padding: 0 10px;
  word-spacing: normal;
  width: 33%; /*1列に表示するボタンの数に合わせて設定する必要があります*/
}
.list_banner02 li a, .list_banner li .banner_coming {
  display: block;
  text-align: center;
  line-height: 0.6;
}
/*バナー画像をテキストに差し替えた場合*/
.list_banner_text {
  width: 100%;
  overflow: hidden;
}
.list_banner_text div {
  float: left;
  padding: 0 10px;
  box-sizing: border-box;
  text-align: center;
}
.list_banner_text div a, .list_banner_text div .banner_coming {
  display: inline-block;
  text-align: center;
  padding: 10px;
}
.list_banner_text div a:link, .list_banner_text div a:visited, .list_banner_text div a:active {
  background-color: #a67442;
  color: #fff;
  text-decoration: none;
}
.list_banner_text div a:hover {
  background-color: #E65032;
}
.list_banner_text div .banner_coming {
  background-color: #999;
  border: 3px double #fff;
  color: #fff;
}
.list_banner_text div.single {
  width: 100%;
}
.list_banner_text div.double {
  width: 50%;
}
.list_banner_text div.w250 a, .list_banner_text div.w250 .banner_coming {
  width: 250px;
}