@charset "utf-8";
#app-renewal {
    font-size: 18px
}
#app-renewal img {
    width: 100%;
    height: auto
}
#app-renewal a{
	display: block;
}
#app-renewal .fv{
	background: #fcefe2;
	position: relative;
	padding-bottom: 50px;
	margin: 0 auto 60px;
}
#app-renewal .fv a{
	margin: 20px auto 0;
	width: 65%;
    padding-left: 30px;
}
#app-renewal .pageLink{
	margin: 0 auto 100px;
	width: 80%;
}
#app-renewal .pageLink ul{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0;
}
#app-renewal .pageLink ul li {
    width: calc((100% - 60px) / 3);
}
#app-renewal .Function,
#app-renewal .benefits,
#app-renewal .attention{
    width: 100%;
    margin: 0 auto 80px;
}


/* pc */
@media screen and (min-width: 521px) {
    #app-renewal .spNone {
        display: none;
    }
}


/* sp */
@media screen and (max-width:520px) {
    #app-renewal .contentsWrap>div:last-of-type {
        margin-bottom: 0;
    }
	#app-renewal .pcNone {
		display: none
	}
	#app-renewal .fv a {
		width: 85%;
		margin-top: 0;
	}
	#app-renewal .fv {
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	#app-renewal .pageLink {
		width: 93%;
		margin: 0 auto 50px;
	}
	#app-renewal .pageLink ul li {
		width: calc((100% - 25px) / 3);
	}
	#app-renewal .Function,
	#app-renewal .benefits,
	#app-renewal .attention{
		margin: 0 auto 50px;
	}
	#app-renewal .DLlink {
		margin: 0 auto;
		width: 95%;
	}

}