@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. 

******************************************************************************* */



/* ==

　01. 

=============================================================================== */
.mtPageNav_list1{
	display:flex;
	justify-content:flex-start;
  align-items: center;
}


.mtPageNav_list1-type2 li{
	width:30%;
	margin-right:5px;
}
#area01{
	margin-top:50px;
}
#area01 .ico{
	margin:20px 0 30px;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#area01 .ico:before{
	content: "";
	display: block;
	width: 24%;
  order:1;
}
#area01 .ico:after {
	content: "";
	display: block;
	width: 24%;
}
#area01 .ico li{
	display:flex;
	align-items: center;
	width:24%;
	min-height:4em;
	margin-bottom:1%;
	padding:0;
	box-sizing: border-box;
	border-radius: 10px;
}

#area01 .ico li p{
	text-align:center;
	width:100%;
	font-size:14px;
}
#area01 .ico li.color01{
	border:2px solid #009999;
	background:#009999;
	color:#fff;
}
#area01 .ico li.color02{
	border:2px solid #009999;
	color:#009999;
}
#area01 .ico li.color03{
	border:2px solid #bf9000;
	color:#bf9000;
}
#area01 .ico li.color04{
	border:2px solid #ed7d31;
	color:#ed7d31;
}
#area01 .ico li.color05{
	border:2px solid #ff0066;
	color:#ff0066;
}
#area01 .ico li.color06{
	border:2px solid #548235;
	color:#548235;
}
#area01 .ico li.color07{
	border:2px solid #2f5597;
	color:#2f5597;
}
#area02{
	background:#efefef;
	padding:50px 0;
}
#area02 dl{margin-bottom:40px;}
#area02 dl dt{
	font-size:18px;
	font-weight:bold;
}
#area02 dl dd{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px dotted #ccc;
}
#area02 .slvrLink01{margin: 0 auto 50px;}



#movie2 {
    width: 100%;
    padding: 0 20px 50px;
    text-align: center;
    box-sizing: border-box;
}
.btn_area{
	margin: 50px 10px;
}
.btn_area a{
	margin: 0 auto;
}