@charset "utf-8";

/*============

associ.css

=============*/

/*-------------

associ-nav

--------------*/

.associ-nav-list {
	display: flex;
	justify-content: space-between;
	align-items: stretch;
	flex-wrap: wrap;
}

.associ-nav-list__item {
	width: calc(100%/2 - 2rem);
	margin-top: 4rem;
	background-color: #fff;
	border-radius: 2rem;
	filter: drop-shadow(0px 0px 0.8rem rgba(0, 0, 0, 0.2));
	padding: 2rem 3rem 2rem;
}

.associ-nav-list__item a {
	display: block;
	position: relative;
}

.associ-nav-list__title {
	font-size: 2.0rem;
	font-weight: bold;
	width: 100%;
}

.associ-nav-list__img {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 12rem;
}

.associ-nav-list__img img {
	width: 100%;
}

.associ-nav-list__img--message img {
	height: 36rem;
}

.associ-nav-list__list li {
	padding: 1.6rem 0;
	border-bottom: solid 0.1rem #ccc;
}

.associ-nav .content-fourth-title {
	margin-top: 4rem;
}

.associ-nav-list__item--large {
	display: flex;
	justify-content: center;
	align-items: center;
}

.associ-nav-list__item--large a {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.associ-nav-list__item--noimg {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}

/*============

media queries

=============*/

/*-------------

タブレット・スマホ

--------------*/

@media (max-width: 959px) {
	.associ-nav-list {
		flex-direction: column;
	}

	.associ-nav-list__item {
		width: 100%;
	}

	.associ-nav-list__img {
		max-width: 40rem;
		margin: 0 auto;
	}

	.associ-nav-list__item--large a {
			width: 100%;
	}
}

/*-------------

スマホ

--------------*/

@media (max-width: 519px) {

}