@charset "UTF-8";

@font-face{
	font-family:"myfont_2";
	src:url("../fonts/ArsenicaTrial-Italic.ttf") format("truetype");
}

@font-face{
	font-family:"myfont_4";
	src:url("../fonts/Arimo-Bold.ttf") format("truetype");
}

footer{
	display:flex;
	flex-flow: wrap;
	margin: 10% 15%;
}

.footer-left{
	margin:0 auto;
}

.footer-text a,.footer-text p{
	font-size:22px;
	color:#000;
	line-height: 2.2;
}

.footer-tr {
	position: relative;
	display: inline-block;
	color: transparent;
	-webkit-text-stroke: 1px #aaa;
	font-size: 40px;
	font-family: "myfont_4";
	line-height: 1em;
}

.footer-rt {
	position: relative;
	font-size: 22px;
	color: #fff;
	background-image: linear-gradient(to right, #a5a5a5 15%, transparent);
	padding-left: 10px;
}

.snsicon{
	display:flex;
	justify-content:space-evenly;
	margin-top: 25px;
}

.snsicon a{
	font-size:30px;
	color: #000;
}

footer a:hover{
	color:#aaa;
}

.footer-right{display:none;}

@media screen and (min-width:700px){ /*TB版*/
	footer{
        flex-flow: column;
        justify-content: space-evenly;
        margin: 20% 10% 7%;
	}
	
	.footer-left{
		margin:0;
	}
	
	.footer-text{
		margin-top:30px;
	}
	
	.footer-text p{
		font-family:"myfont_2";
		font-size:35px;
	}
	
	.footer-tr {
		font-size: 7rem;
	}
	
	.footer-rt{
		font-size: 2.5em;
	}

	.footer-bottom{
		display:flex;
        justify-content: space-around;
	}

	.snsicon{
		justify-content: space-between;
	}
	
	.footer-right{
		display:block;
	}
}

@media screen and (min-width:1000px){ /*PC版*/
	footer{
        flex-flow: column;
        justify-content: space-evenly;
        margin: 10% 10%;
	}
	
	.footer-left{
		margin:0;
	}
	
	.footer-text{
		margin-top:30px;
	}
	
	.footer-text p{
		font-family:"myfont_2";
		font-size:35px;
	}
	
	.footer-tr {
		font-size: 10rem;
	}
	
	.footer-rt{
		font-size: 30px;
	}

	.footer-bottom{
		display:flex;
        justify-content: space-around;
	}

	.snsicon{
		justify-content: space-between;
	}
	
	.footer-right{
		display: flex;
		align-items: center;
		justify-content: center;
	}
}