@charset "utf-8";
/* ----------TRANSITION---------- */
	#abc{
		-webkit-transition: all .25s ease;
		   -moz-transition: all .25s ease;
		    -ms-transition: all .25s ease;
		     -o-transition: all .25s ease;
		        transition: all .25s ease;
	}
/* ----------FILTER---------- */
	.filter{
		display: block;
		color:#ffffff;
		text-shadow: none;
		margin:0 auto;
		position: absolute;
		left: 0;
		right: 0;
		bottom:10%;
	}
	.filter:after{
		content:'';
		display: table;
		clear:both;
	}
	.filter li{
		float: left;
		letter-spacing: 2px;
		cursor: pointer;
		width: 16.6666%;
		min-width: 130px;
	}
	.filter li a{
		padding:17px;
		width: 100%;
		background-color: #161616;
	}
	.filter li a:hover{
		background-color: #ffffff;
		color:#161616;
	}
	.filter li.active a{
		background-color: #ffffff;
		color:#E48026;
	}
/* ----------SEC_MAIN---------- */
	.sec_main{
		padding: 70px 0;
	}
	.sec_main .bg-grey{
		background: url(../img/bg.svg) #f5f5f5 0 0 repeat;
		background-size: 325px;
		padding: 25px 50px 70px;
		text-align: justify;
	}
	.sec_main h3{
		font-size: 22px;
	}
	.sec_main h4{
		font-size: 14px;
		margin:20px 0 5px;
		font-weight: 400;
	}
	.sec_main p{
		font-size: 14px;
		font-weight: 400;
	}
	.sec_main li{
		padding-left: 30px;
		text-indent: -16px;
	}
/* ----------PARTNERS(合作夥伴)---------- */
	#partners .partner_filter{
		margin-bottom: 10px;
	}
	#partners .partner_filter a{
		display: inline-block;
		cursor: pointer;
		padding-left: 15px;
		-webkit-transition: color .25s ease;
		   -moz-transition: color .25s ease;
		    -ms-transition: color .25s ease;
		     -o-transition: color .25s ease;
		        transition: color .25s ease;
		position: relative;
	}
	#partners .partner_filter a:hover,
	#partners .partner_filter .active a	{
		color:#E48026;
	}
	#partners .partner_filter a:after{
		content:'';
		display: block;
		width: 0;
		height: 1px;
		background-color: #E48026;
		position: absolute;
		left: 0;
		right: 0;
		bottom: -5px;
		margin:0 auto;
		-webkit-transition: width .25s ease;
		   -moz-transition: width .25s ease;
		    -ms-transition: width .25s ease;
		     -o-transition: width .25s ease;
		        transition: width .25s ease;
	}
	#partners .partner_filter .active a:after{
		width: 100%;
	}
	#partners .sec_main .w1300{
		padding:25px 120px 70px;
	}
	#partners .sec_main .w1300 > div{
		display: none;
	}
	#partners .sec_main .w1300 > div.active{
		display: block;
		-webkit-animation: showContent .5s forwards;
		-o-animation: showContent .5s forwards;
		animation: showContent .5s forwards;
	}
	#partners .sec_main .w1300 > div > h5{
		margin:10px auto 20px;
	}
	#partners .sec_main .w1300 > div strong{
		font-weight: bold;
	}
	#partners .sec_main .w1300 > div em{
		font-style: italic;
	}
/* ----------RWD---------- */
	@media screen and (max-width: 1024px) {
		.filter li a{
			padding:12px;
		}
		
		#partners .partner_filter li{
			padding:10px 3px;
		}
		#partners .sec_main .w1300{
			padding:25px 50px 70px;
		}
		#partners .partner_filter li{
			margin-bottom: 10px;
		}
	}
	@media screen and (max-width: 768px) {
		.filter{
			width: 100%;
			bottom:0;
		}
		.filter li{
			width: 33.33%;
		}
		.sec_main {
			padding-bottom: 50px;
		}

		#partners .partner_filter li{
			width: 33.33%;
			padding:10px 3px;
			margin-bottom: 5px;
		}
	}
	@media screen and (max-width: 480px) {
		.sec_topinfo{
			margin-bottom: 100px;
		}
		.filter{
			position: relative;
			width: 100%;
			background-color: #E48026;
		}
		.filter li{
			width: 50%;
		}

		.sec_main {
			padding-bottom: 30px;
		}
		.sec_main .bg-grey{
			padding: 25px 25px 50px;
		}

		#partners .sec_main .w1300{
			padding:25px 25px 50px;
		}
		#partners .partner_filter li{
			width: 50%;
			margin-bottom: 0;
		}
	}