@charset "utf-8";
@import "html5reset-1.6.1.css";

body{
	background:#ffffff;
	margin: 0 auto;
	padding: 0;
	-webkit-text-size-adjust: 100%;
	color:#333333;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Open Sans","メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

}
/**************************** old
p,th,td,dt,dd{
	color:#333333;
	font-size:14px;
	line-height:26px;
	font-weight:500;
}
li{
	font-size:14px;
	line-height:26px;
	color:#333333;
	list-style:none;
	font-weight:500;
}
******************************/
a{
	color:#3090c7;
}
a:hover{
	text-decoration:none;
}
a:hover img{
	opacity:0.6;
}
a.btn{
	border:1px solid #3090c7;
	background:#3090c7;
	padding:20px 0;
	width:300px;
	margin:auto;
	display:block;
	color:#ffffff;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
}
a.btn:hover{
	color:#3090c7;
	background:#ffffff;
}
li a,
p a{
	display:inline;
}
.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;
  overflow:hidden;
}  

/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }   
/* End hide from IE-mac */ 

/**common**/
.main_title {
	width:100%;
	text-align:left;
	font-size:18px;
	font-weight:700;
	padding:0 0 10px;
	margin:0 0 20px;
	position: relative;
}
.main_title::before {	
	content: '';
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 5px;
	border-radius: 10px;
	background-color:#4093FF;
}
@media only screen and (min-width: 768px){
.main_title {
	font-size:22px;
}
}

/**download**/
.download {
	clear:both;
	width:95%;
	max-width:1020px;
	margin:0 auto;
	padding:40px 0;
}
.download img{
	max-width:100%;
	height:auto;
}
.download_box {
	width:100%;
	max-width:980px;
	margin:0 auto;
	box-shadow: 0 1px 3px 0 rgba(0,0,0,.15);
	background:#fdfdfd;
}
.download_img {
	padding:15px 15px 0;
}
.download_copy {
	padding:15px;
	text-align:left;
}
.download_copy p {
	margin: 0 0 20px;
	font-size:16px;
	line-height:1.5;
}


@media only screen and (min-width: 768px){
.download_box {
	display:flex;
	align-items:center;
}
.download_img {
	flex-basis: 20%;
	padding:15px;
}
.download_copy {
	flex-basis: 80%;
	padding:15px;
}
.download_copy .btn {
	margin: 0;
}
}


/**info**/
.info {
	clear:both;
	width:95%;
	max-width:1020px;
	margin:0 auto;
	padding:40px 0;
}
.info img{
	max-width:100%;
	height:auto;
}
.info_box_1 {
	display:flex;
}
.info_box_1 > div {
	flex-basis: 50%;
	padding:15px;
}
.info_box_1 p {
	margin: 0 0 10px;
}
.info hr{
	width:90%;
	margin:20px auto;
}