@charset "utf-8";

#container{
	background: #F1F1F1;
}

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

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

.edit-area.top .list{
	display: flex;
	flex-wrap: wrap;
}
.edit-area.top .list li{
	margin-bottom: 7rem;
	margin-left: 7rem;
	width: calc(33.33% - 4.7rem);
}
@media screen and (max-width: 1080px){
	.edit-area.top .list li{
		margin-bottom: 3rem;
		margin-left: 3rem;
		width: calc(33.33% - 2rem);
	}
}
@media print,screen and (min-width: 768px){
	.edit-area.top .list li:nth-child(3n+1){
		margin-left: 0;
	}
}
@media screen and (max-width: 767px){
	.edit-area.top .list li{
		margin-bottom: 2rem;
		margin-left: 2rem;
		width: calc(50% - 1rem);
	}
	.edit-area.top .list li:nth-child(2n+1){
		margin-left: 0;
	}
}
.edit-area.top .list li a{
	display: block;
	overflow: hidden;
	height: 100%;
	text-decoration: none;
	border-radius: 1.6rem;
	background: #fff;
	box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.16);
	transition: ease .25s box-shadow;
}
@media screen and (min-width: 1081px){
	.edit-area.top .list li a:hover{
		box-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.4);
	}
}
.edit-area.top .list .list-text{
	padding: 3.5rem;
}
@media screen and (max-width: 767px){
	.edit-area.top .list .list-text{
		padding: 1.6rem 1.2rem;
	}
}
.edit-area.top .list .list-text .spell{
	margin-bottom: 1rem;
	font-family: Barlow;
	font-weight: bold;
	font-style: italic;
	font-size: 2.4rem;
	letter-spacing: 0.05em;
}
@media screen and (max-width: 767px){
	.edit-area.top .list .list-text .spell{
		margin-bottom: 0.6rem;
		font-size: 1.8rem;
	}
}
.edit-area.top .list .list-text .main{
	font-weight: normal;
	font-size: 1.2rem;
	letter-spacing: 0.2em;
	color: #777;
}
@media screen and (max-width: 767px){
	.edit-area.top .list .list-text .main{
		font-size: 1rem;
	}
}

.edit-area.top .list .list-text .main span{
	position: relative;
	display: inline-block;
	padding-right: 1.6rem;
}
.edit-area.top .list .list-text .main span:after{
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -0.6rem;
	display: block;
	width: 1.2rem;
	height: 1.2rem;
	background: url(../../common/img/parts/icon_blank02.png) no-repeat center center / 1.2rem auto;
}