@charset "UTF-8";


/*****************************************************
　図面一覧　
*****************************************************/
/* アンカーリンク 
------------------------------------------------- */
.anchor-link{
	align-items:center;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin:35px 0 0;
}
.anchor-link span + span:before{
	content:'/';
	font-size:14px;
	font-size:1.4rem;
	line-height:1.7;
}
.anchor-link a{
	font-size:14px;
	font-size:1.4rem;
	line-height:1.7;
	margin:0 1em;
}
/* その他共通 
------------------------------------------------- */
/* ----- .block ----- */
.block + .block{
	margin:50px 0 0;
}
.block_inner{
	margin:0 50px;
}
/* タイトル 
------------------------------------------------- */
.ttlmain{
	margin-bottom:20px;
}
/* ボタン 
------------------------------------------------- */
.link-btn.large-btn{
	background:#f8f4e6;
	font-size:16px;
	font-size:1.6rem;
	max-width:272px;
}
.link-btn.large-btn a{
	padding:11px 0;
}
/* 図面 
------------------------------------------------- */
.drawing-block + .drawing-block{
	margin:35px 0 0;
}
.drawing-block_ttl{
	background:#fbf9f2;
	border-bottom:3px solid #a6a6a6;
	font-size:18px;
	font-size:1.8rem;
	letter-spacing:0.025em;
	line-height:1.4;
	margin:30px 0 5px;
	padding:12px 28px 13px;
}
.drawing-list{
	list-style-type:none;
}
.drawing-list li{
	box-sizing:border-box;
	font-size:18px;
	font-size:1.8rem;
	letter-spacing:0.025em;
	line-height:1.4;
	margin:0 40px 0 0;
	padding:25px 25px 14px 55px;
	position:relative;
}
.drawing-list li:before,
.drawing-list li:after{
	content:'';
	display:block;
	position:absolute;
	z-index:0;
}
.drawing-list li:before{
	background:url(../img/common/arrow_2.png) no-repeat left center;
	background-size:contain;
	height:15px;
	left:25px;
	top:calc(50% + 6px);
	transform:translate(0,-50%);
	width:15px;
}
.drawing-list li:after{
	border-bottom:2px solid #bbb;
	bottom:0;
	left:0;
	width:100%;
}
.drawing-list li .pdf-icon{
	border:1px solid #e74848;
	color:#cf0e0e;
	font-size:14px;
	font-size:1.4rem;
	letter-spacing:0.025em;
	line-height:16px;
	margin:0 0 0 10px;
	padding:0 8px;
}
/* ----- 複数 ----- */
.drawing-list.multiple{
	align-items:flex-end;
	display:flex;
	flex-wrap:wrap;
}
.drawing-list.multiple li{
	width:calc(50% - 40px);
}
/* ----- 複数 ----- */
.drawing-list.multiple.column-3 li{
	margin-right:3%;
	width:30%;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　図面一覧　
	*****************************************************/
	/* アンカーリンク 
	------------------------------------------------- */
	.anchor-link{
		margin:4.37vw 0 0;
	}
	.anchor-link span + span:before,
	.anchor-link a{
		font-size:3.0vw;
	}
	/* その他共通 
	------------------------------------------------- */
	/* ----- .block ----- */
	.block + .block{
		margin:6.25vw 0 0;
	}
	.block_inner{
		margin:0 3.25vw;
	}
	/* タイトル 
	------------------------------------------------- */
	.ttlmain{
		margin-bottom:2.5vw;
	}
	/* ボタン 
	------------------------------------------------- */
	.link-btn.large-btn{
		font-size:3.5vw;
		max-width:60vw;
	}
	.link-btn.large-btn a{
		padding:1.87vw 0;
	}
	/* 図面 
	------------------------------------------------- */
	.drawing-block + .drawing-block{
		margin:4.37vw 0 0;
	}
	.drawing-block_ttl{
		border-bottom-width:0.37vw;
		font-size:3.5vw;
		margin:3.75vw 0 0.62vw;
		padding:1.5vw 3.5vw 1.62vw;
	}
	.drawing-list li{
		font-size:3.2vw;
		margin:0;
		padding:3.12vw 3.12vw 1.75vw 6.87vw;
	}
	.drawing-list li:before{
		height:1.87vw;
		left:3.12vw;
		top:calc(50% + 0.75vw);
		width:1.87vw;
	}
	.drawing-list li:after{
		border-bottom-width:0.25vw;
	}
	.drawing-list li .pdf-icon{
		border-bottom-width:0.12vw;
		font-size:2.5vw;
		line-height:2.5vw;
		margin:0 0 0 1.25vw;
		padding:0 1vw;
	}
	/* ----- 複数 ----- */
	.drawing-list.multiple{
		display:block;
	}
	.drawing-list.multiple li{
		width:auto;
	}
	/* ----- 複数 ----- */
	.drawing-list.multiple.column-3{
		align-items:flex-end;
		display:flex;
		flex-wrap:wrap;
	}
	.drawing-list.multiple.column-3 li{
		margin-right:0;
		width:48%;
	}
	.drawing-list.multiple.column-3 li:nth-child(2n){
		margin:0 0 0 4%;
	}
}