@charset "utf-8";
/*--------------------------------------------------------------------
   footer
---------------------------------------------------------------------*/
footer{background:none !important;}
footer .copy{
	text-align: center !important;
	padding: 50px 0 !important;
}

/*--------------------------------------------------------------------
   container layout
---------------------------------------------------------------------*/
#container{
	padding-top: 130px;
	padding-bottom: 60px;
}

#container.download .logoArea{
	width: 315px;
	max-width: 100%;
	margin: 0 auto 40px;
}
#container.download .logoArea .logo01{
	margin: 0 auto 35px;
}
#container.download .logoArea .logo02{
	width: calc(165/315 * 100%);
	margin: 0 auto;
}

#container.download section {
	width:800px;
	max-width: 100%;
	margin: 0 auto;
	padding-left: 30px;
	padding-right: 30px;
}

#container.download section h1{
	text-align: center;
	font-weight: bold;
	font-size: calc(24/16 * 1em);
	line-height: 1.75;
	margin-bottom: 35px;
}
#container.download section h1 + p{
	text-align: center;
	font-size: calc(18/16 * 1em);
	line-height: 2;
	padding-bottom: 60px;
}

#container.download section .w3eden .card h3 {
  margin:0;
  padding:0;
	font-size: calc(18/16 * 1em);
  font-weight:700;
	text-align: left;
}
#container.download section .w3eden .card h3.package-title a{pointer-events: none;}
#container.download section .w3eden .text-muted.text-small {
	text-align: left;
	font-size: calc(15/16 * 1em);
}

@media screen and (max-width: 999px) {
}
@media screen and (max-width: 767px) {
	html{font-size:10px;}
	#container{
		padding-top: 80px;
		padding-bottom: 40px;
	}
	#container.download .logoArea{
		width: calc(315px * 0.5);
		margin: 0 auto 20px;
	}
	#container.download .logoArea .logo01{margin: 0 auto 20px;}

	#container.download section {
		padding-left: 20px;
		padding-right: 20px;
	}

	#container.download section h1{
		font-size: 1.8rem;
		text-align: left;
		margin-bottom: 20px;
	}
	#container.download section h1 + p{
		text-align:left;
		font-size:1.6rem;
		padding-bottom: 40px;
	}
	#container.download section .w3eden .media{
  		flex-wrap: wrap;
		justify-content: center;
	}
	#container.download section .w3eden .media .ml-3{
		width: 100%;
	}
}
@media screen and (max-width: 374px) {
    /*iphone5*/
}

@media screen and (min-width : 1180px){
    .forTB,
	.forSP{display:none;}
	.forPC{display:inherit;}

    .ie8 body{
        min-width:1179px;
        max-width:100%;
        overflow-x:hidden;
    }

}