/* CSS Document */

#pamphlet{
	padding: 0;
	}

#lead{}
	#lead ul{}
		#lead ul:nth-of-type(1){}
			#lead ul:nth-of-type(1) li{
				position: relative;
				padding-left: 1em;
				}
				#lead ul:nth-of-type(1) li:before{
					content: "";
					position: absolute;
					top: 0.75em;
					left: 0.5em;
					width: 4px;
					height: 4px;
					margin: -2px;
					background: #b3b3b3;
					border-radius: 100%;
					}
		#lead ul:nth-of-type(2){}
			#lead ul:nth-of-type(2) li{
				padding-left: 1em;
				text-indent: -1em;
				}
	#lead ul+ul{
		margin-top: 2em;
		}
	#lead li{
		line-height: 1.5em;
		}
	#lead li+li{
		margin-top: 0.5em;
		}

#pamphletList{
	background: #fff;
	}
	#pamphletList h3{
		display: none;
		}

#pageTab{
	padding: 0;
	}

.pamphletList{
	display: flex;
	flex-wrap: wrap;
	}
	.pamphletList p{
		width: 100%;
		padding: 10% 0;
		text-align: center;
		opacity: 0.5;
		}
	.pamphletList dt{
		padding-left: 0.5em;
		border-left: 2px solid #9c1c29;
		font-size: 1.125em;
		}
	.pamphletList dd{
		margin-top: 1em;
		}
		.pamphletList dd:nth-of-type(3){
			color: #4d4d4d;
			font-family: YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3',sans-serif;
			line-height: 1.5em;
			}
		.pamphletList dd ul{
			display: flex;
			justify-content: center;
			}
		.pamphletList dd li{
			display: flex;
			width: 100%;
			}
			.pamphletList dd li a{
				position: relative;
				display: flex;
				justify-content: center;
				align-items: center;
				width: 100%;
				padding: 0.5em;
				padding-top: 3em;
				background: #fff;
				border: 1px solid #b3b3b3;
				color: inherit;
				font-size: 0.75em;
				text-align: center;
				line-height: 1.2em;
				}
			.pamphletList dd li i{
				position: absolute;
				top: 1em;
				left: calc(50% - 0.5em);
				margin-bottom: 1em;
				}
			.pamphletList dd li svg{
				transform: scale(1.4);
				}
		.pamphletList dd li+li{
			margin-left: -1px;
			}
	.pamphletList dd+dd{}
		.pamphletList dd+dd > a{
			position: relative;
			display: block;
			padding: 0.8em;
			padding-right: 3em;
			background: #fff;
			border: 1px solid #b3b3b3;
			color: inherit;
			text-align: center;
			line-height: 1.5em;
			text-decoration: none;
			}
			.pamphletList dd+dd > a i{
				position: absolute;
				top: calc(50% - 0.5em);
				right: 1em;
				}
	.pamphletList .thumb{
		padding-top: 140%;
		}





/* for all */
@media (max-width: 1199.98px) {
/*1199px以下*/
}
@media (max-width: 991.98px) {
/*991px以下*/
}


/* for mobile */
@media (max-width: 767.98px) {
/*767px以下*/
#lead{
	margin-top: 2em;
	}
#pamphletList{
	padding-bottom: 4em;
	}
}
@media (max-width: 767.98px) and (orientation:portrait) {
/*767px以下縦向き*/
.pamphletList{
	justify-content: space-between;
	}
	.pamphletList dl{
		width: calc(50% - 0.75em);
		}
		.pamphletList dl:nth-of-type(n+3){
			margin-top: 2em;
			}
}
@media (max-width: 767.98px) and (orientation:landscape) {
/*767px以下横向き*/
.pamphletList{}
	.pamphletList dl{
		width: calc(33.33% - 1em);
		}
		.pamphletList dl:not(:nth-of-type(3n+1)){
			margin-left: 1.5em;
			}
		.pamphletList dl:nth-of-type(n+4){
			margin-top: 2em;
			}
}
@media (min-width: 576px) and (max-width: 767.98px) and (orientation:landscape), (min-width: 768px) {
/*576px～767px横向き, 768px以上*/
}
@media (min-width: 576px) and (max-width: 767.98px) and (orientation:landscape), (min-width: 768px) and (max-width: 991.98px) {
/*576px～767px横向き, 768px～991px*/
}


/* for tablet */
@media (min-width: 768px) {
/*768px以上*/
}
@media (min-width: 768px) and (max-width: 1199.98px) {
/*768px～1199px*/
}
@media (min-width: 768px) and (max-width: 991.98px) {
/*768px～991px*/
#lead{
	margin-top: 3em;
	}
#pamphletList{
	padding-bottom: 3em;
	}
.pamphletList{}
	.pamphletList dl{
		width: calc(33.33% - 1.34em);
		}
		.pamphletList dl:not(:nth-of-type(3n+1)){
			margin-left: 2em;
			}
		.pamphletList dl:nth-of-type(n+4){
			margin-top: 3em;
			}
}


/* for PC */
@media (min-width: 992px) {
/*992px以上*/
#lead{
	margin-top: 4em;
	}
#pamphletList{
	padding-bottom: 4em;
	}
.pamphletList{}
	.pamphletList dl{
		width: calc(33.33% - 2em);
		}
		.pamphletList dl:not(:nth-of-type(3n+1)){
			margin-left: 3em;
			}
		.pamphletList dl:nth-of-type(n+4){
			margin-top: 4em;
			}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
/*992px～1199px*/
}
@media (min-width: 1200px) {
/*1200px以上*/
}