@charset "utf-8";

/*
	archive.css
---------------------------------------------------------------------------------------------------------------------------------------------*/
/* main-visual
--------------------------------------------------------------------------------------------------------*/
#archive-page #main-visual {
	background-image: url(../images/contact/bg_main-visual.jpg);
}

/* contents
--------------------------------------------------------------------------------------------------------*/
#archive-page #contents {
	padding: 5.0rem 0 0;
}
#archive-page #contents .inner {
	padding: 0 0 5.0rem;
}
#archive-page #contents .inner .field {
	background-color: #fff;
	padding: 5.0rem 7.0rem;
	box-shadow: 4px 4px 10px 5px rgba(27, 29, 36, 0.08);
}
#archive-page #contents .inner .field a {
	display: block;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
#archive-page #contents .inner .field a:hover {
	opacity: 0.6;
}
#archive-page #contents .inner .field a:not(:last-child) {
	border-bottom: 1px solid rgba(45, 49, 66, 0.1);
}
#archive-page #contents .inner .field dl,
#archive-page #contents .inner .field dl dd {
	display: flex;
	display: -webkit-flex;
}
#archive-page #contents .inner .field dl {
	padding: 1.6rem 0;
}
#archive-page #contents .inner .field dl dt {
	font-size: 1.2rem;
	color: #fff;
	width: 90px;
	flex: 0 0 90px;
	-webkit-flex: 0 0 90px;
}
#archive-page #contents .inner .field dl dt span {
	display: block;
	text-align: center;
	padding: 0.7rem 0 0.8rem;
}
#archive-page #contents .inner .field dl dt span.cat-news { background-color: #1790c9;}
#archive-page #contents .inner .field dl dt span.cat-event { background-color: #f27076;}
#archive-page #contents .inner .field dl dt span.cat-campaign { background-color: #4cbecd;}

#archive-page #contents .inner .field dl dd {
	padding-left: 3.0rem;
	font-size: 1.4rem;
	line-height: 1.66;
}
#archive-page #contents .inner .field dl dd span {
	color: rgba(33, 33, 33, 0.6);
}
#archive-page #contents .inner .field dl dd p {
	color: #222;
	padding-left: 3.0rem;
	text-align: justify;
	text-justify: inter-ideograph;
}

/*
	less than 767px;
---------------------------------------------------------------------------------------------------------------------------------------------*/
@media (max-width: 767px) {

/* contents
--------------------------------------------------------------------------------------------------------*/
	#archive-page #contents {
		padding: calc(50 / 750 * 100vw) 0 0;
	}
	#archive-page #contents .inner {
		padding: 0 calc(25 / 750 * 100vw) calc(50 / 750 * 100vw);
	}
	#archive-page #contents .inner .field {
		padding: calc(25 / 750 * 100vw);
	}
	#archive-page #contents .inner .field dl {
		padding: calc(18 / 750 * 100vw) 0;
	}
	#archive-page #contents .inner .field dl dt {
		font-size: calc(22 / 750 * 100vw);
		width: calc(120 / 750 * 100vw);
		flex: 0 0 calc(120 / 750 * 100vw);
		-webkit-flex: 0 0 calc(120 / 750 * 100vw);
	}
	#archive-page #contents .inner .field dl dt span {
		padding: 0.5em 0 0.6em;
	}
	#archive-page #contents .inner .field dl dd {
		padding-left: calc(30 / 750 * 100vw);
		font-size: calc(24 / 750 * 100vw);
	}
	#archive-page #contents .inner .field dl dd p {
		padding-left: calc(30 / 750 * 100vw);
	}
	#archive-page #contents .inner .btn-link span {
		font-size: calc(24 / 750 * 100vw);
	}


/*
	archive.css End
---------------------------------------------------------------------------------------------------------------------------------------------*/;
}