@charset "utf-8";
/* CSS Document */

/* =====================
  .common
===================== */
/* sub-link */
.sub-link {
	text-align: center;
	margin-bottom: 80px;
}
.sub-link ul,
.sub-link ul li {
	display: inline-block;
}
.sub-link ul li a {
	padding: 0 20px;
	border-right: 1px solid #ccc;
	text-decoration: underline;
}
.sub-link ul li:last-child a {
	border-right: none;
}
.sub-link ul li a:hover {
	text-decoration: none;
}
.sub-link ul li.active a {
	color: #ccc;
	text-decoration: none;
}





/* =====================
  .index
===================== */
section.index .detail {
	text-align: center;
	margin-bottom: 80px;
}
section.index .detail img {
	padding-bottom: 20px;
	max-width: 100%;
}

/* =====================
   common
===================== */
.container {
	max-width: 1120px;
}
.ttl-wrap {
	height: auto;
	margin-bottom: 0;
}


/* =====================
   sitemap
===================== */
.main dl {
	padding: 40px 0;
	border-bottom: 1px solid #DFDFDF;
}
.main dl:last-child {
	margin-bottom: 80px;
}
.main dt {
	margin-bottom: 30px;
	font-size: 2.4rem;
	font-weight: 600;
}
.main dl:nth-child(1) dt,
.main dl:nth-child(4) dt,
.main dl:nth-child(5) dt,
.main dl:nth-child(6) dt,
.main dl:nth-child(7) dt,
.main dl:nth-child(8) dt,
.main dl:nth-child(9) dt,
.main dl:nth-child(10) dt,
.main dl:nth-child(11) dt {
	margin-bottom: 0px;
}
.main dt a {
	position: relative;
}
.main dt a:after {
	position: absolute;
	content: url(../images/common/icon_arrow.png);
	right: -50px;
	bottom: 5px;
	transition: 0.3s ease-in-out;
}
.main dt a:hover:after {
	right: -53px;
    transition: 0.3s ease-in-out;	
}
.main dt a.other {
	cursor: inherit;
}
.main dt a.other:after {
	display: none;
}
.main dt a.other:hover {
	opacity: inherit;
}
.main dd {
	width: 25%;
	display: inline-block;
	padding: 10px 0;
}
.main dd a {
	text-decoration: underline;
}
.main dd a:hover {
	text-decoration: none;
}


/* ====================================================================================
         SP時
  ==================================================================================== */
@media screen and (max-width: 768px) {

/* =====================
  .common
===================== */
	/* sub-link */
	.sub-link {
		margin-bottom: 40px;
	}
	.sub-link ul li a {
		padding: 0 10px;
	}

	
/* =====================
  .index
===================== */
	section.index .detail {
		margin-bottom: 60px;
	}
	
/* =====================
   sitemap
===================== */
	.main dl {
		padding: 20px 0;
	}
	.main dl:last-child {
		margin-bottom: 40px;
	}
	.main dt {
		margin-bottom: 20px;
		font-size: 1.8rem;
	}
	.main dt a:after {
    	right: -50px;
    	bottom: 4px;
	}
	.main dd {
		width: 100%;
		margin-bottom: 10px;
	}
	.main dd:last-child {
		margin-bottom: 0px;
	}

}