@charset "utf-8";

#container{
	background: #F5F5F5;
}

.common-area.footer-nav{
	background: #FFF;
}

/* ------------------------------------------- */
/* top */
/* ------------------------------------------- */
.edit-area.top{
	padding: 6.7rem 0 16rem;
}
@media screen and (max-width: 767px){
	.edit-area.top{
		padding: 4rem 0;
	}
}

.edit-area.top .link-btn{
	margin-top: 7rem;
	text-align: center;
}
@media screen and (max-width: 767px){
	.edit-area.top .link-btn{
		margin-top: 3rem;
	}
}
.edit-area.top .link-btn a{
	display: inline-block;
	width: 46rem;
	text-decoration: none;
	background: #fff;
	box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16);
	border-radius: 1.5rem;
}
@media screen and (max-width: 460px){
	.edit-area.top .link-btn a{
		width: 100%;
	}
}
.edit-area.top .link-btn .logomark{
	padding: 3rem;
	text-align: center;
}
.edit-area.top .link-btn .logomark img{
	max-width: 27.2rem;
}
.edit-area.top .link-btn .text{
	padding: 1rem 0 1.5rem;
	text-align: center;
	border-radius: 0rem 0rem 1.5rem 1.5rem;
	background: #009775;
	transition: ease .25s background;
}
@media screen and (min-width: 1081px){
	.edit-area.top .link-btn a:hover .text{
		background-color: #0077C8;
	}
}
.edit-area.top .link-btn .text span{
	position: relative;
	display: inline-block;
	padding-right: 2rem;
	font-weight: 300;
	text-decoration: underline;
	font-size: 1.4rem;
	letter-spacing: 0.05em;
	color: #fff;
}
.edit-area.top .link-btn .text span:after{
	content: "";
	position: absolute;
	right: 0;
	top: 0.3rem;
	display: block;
	width: 1.2rem;
	height: 1.2rem;
	background: url(../../common/img/parts/icon_blank01.png) no-repeat 0 50% / 1.2rem auto;
}