@charset "utf-8";

/*■ PC : 751px < Window Size ■*/
@media print,screen and (min-width: 751px) {
	#support_company h3.sub{
		margin-bottom:35px;
	}
	#support_company h3.sub span{
		color:#ec4969;
		-webkit-transform: rotate(0.05deg);
		   -moz-transform: rotate(0.05deg);
		    -ms-transform: rotate(0.05deg);
		     -o-transform: rotate(0.05deg);
		        transform: rotate(0.05deg);
		text-shadow:1px 1px 0 rgba(236,73,105,0.4);
		font-size:2em;
		letter-spacing:1px;
		line-height:1.3em;
		display:block;
	}
	#support .list{
		counter-reset: num1 0;
	}
	#support .list li{
		counter-increment: num1 1;
		font-size:1.5rem;
		line-height:1.2em;
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: center;
		-webkit-align-items: center;
		position:relative;
		margin-bottom:15px;
	}
	#support .list li:last-child{
		margin-bottom:0;
	}
	#support .list li a{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: center;
		-webkit-align-items: center;
	}
	#support .list li a:before{
		content:"introduce" counter(num1);
		position:absolute;
		top:0.1em;
		left:0;
		display:inline-block;
		vertical-align:middle;
		font-size:1rem;
		background-color:#8e3d94;
		color:#fff;
		-webkit-transform: rotate(0.05deg);
		   -moz-transform: rotate(0.05deg);
		    -ms-transform: rotate(0.05deg);
		     -o-transform: rotate(0.05deg);
		        transform: rotate(0.05deg);
		text-shadow:1px 1px 0 rgba(255,255,255,0.4);
		padding:0.5em 1em;
		-moz-border-radius: 1.5em;
		-webkit-border-radius: 1.5em;
		border-radius: 1.5em;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		overflow:hidden;
		line-height:1em;
	}
	#support .list li a .lbl{
		color:#0c114b;
		-webkit-transform: rotate(0.05deg);
		   -moz-transform: rotate(0.05deg);
		    -ms-transform: rotate(0.05deg);
		     -o-transform: rotate(0.05deg);
		        transform: rotate(0.05deg);
		text-shadow:1px 1px 0 rgba(12,17,75,0.4);
		font-size:1.5rem;
		letter-spacing:1px;
		padding-left:120px;
		line-height:1.2em;
		min-height:1.433em;
	}
}

/*■ Mobile (Low Res) : 750px > 0 ■*/
@media only screen and (max-width: 750px) {
	#support_company h3.sub{
		margin-bottom:1.333rem;
	}
	#support_company h3.sub span{
		color:#ec4969;
		-webkit-transform: rotate(0.05deg);
		   -moz-transform: rotate(0.05deg);
		    -ms-transform: rotate(0.05deg);
		     -o-transform: rotate(0.05deg);
		        transform: rotate(0.05deg);
		text-shadow:1px 1px 0 rgba(236,73,105,0.4);
		font-size:1.415rem;
		letter-spacing:1px;
		line-height:1.4em;
		display:block;
	}
	#support .list{
		counter-reset: num1 0;
	}
	#support .list li{
		counter-increment: num1 1;
		font-size:1.5rem;
		line-height:1.2em;
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: center;
		-webkit-align-items: center;
		position:relative;
		margin-bottom:1.143rem;
	}
	#support .list li:last-child{
		margin-bottom:0;
	}
	#support .list li a{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: center;
		-webkit-align-items: center;
	}
	#support .list li a:before{
		content:"introduce" counter(num1);
		position:absolute;
		top:0.1em;
		left:0;
		display:inline-block;
		vertical-align:middle;
		font-size:0.857rem;
		background-color:#8e3d94;
		color:#fff;
		-webkit-transform: rotate(0.05deg);
		   -moz-transform: rotate(0.05deg);
		    -ms-transform: rotate(0.05deg);
		     -o-transform: rotate(0.05deg);
		        transform: rotate(0.05deg);
		text-shadow:1px 1px 0 rgba(255,255,255,0.4);
		padding:0.45em 0.65em;
		-moz-border-radius: 1.5em;
		-webkit-border-radius: 1.5em;
		border-radius: 1.5em;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
		letter-spacing:0.1em;
		overflow:hidden;
		line-height:1em;
	}
	#support .list li a .lbl{
		color:#0c114b;
		-webkit-transform: rotate(0.05deg);
		   -moz-transform: rotate(0.05deg);
		    -ms-transform: rotate(0.05deg);
		     -o-transform: rotate(0.05deg);
		        transform: rotate(0.05deg);
		text-shadow:1px 1px 0 rgba(12,17,75,0.4);
		font-size:1.415rem;
		letter-spacing:1px;
		padding-left:5em;
		line-height:1.2em;
	}
}