/*
小谷村ドットネット
　ちゃのこ CSS
*/

div.panel a {
	text-align: center;
}
div.panel a:nth-child(1) {
	background: url(../img/top/img_01.jpg) no-repeat center center;
	background-size: contain;
}
div.panel a:nth-child(2) {
	background: url(../img/top/img_02.jpg) no-repeat center center;
	background-size: contain;
}
div.panel a:nth-child(3) {
	background: url(../img/top/img_03.png) no-repeat center center;
	background-size: contain;
}
div.panel a:nth-child(4) {
	background: url(../img/top/img_04.jpg) no-repeat center center;
	background-size: contain;
}
div.panel a:nth-child(5) {
	background-color: #631014;
	font-size: calc(1.158vw + 7.296px);
	line-height: 1.75;
	padding: calc(6.344vw - 20.302px);
}
div.panel a:nth-child(5) span {
	text-align: left;
}
div.panel a:nth-child(6) {
	background: url(../img/top/img_06.jpg) no-repeat center center;
	background-size: contain;
}
div.panel a:nth-child(7) {
	background: url(../img/top/img_07.png) no-repeat center center;
	background-size: contain;
}
div.panel a:nth-child(8) {
	background: url(../img/top/img_08.jpg) no-repeat center center;
	background-size: contain;
}
div.panel a:nth-child(9) {
	background: url(../img/top/img_09.png) no-repeat center center;
	background-size: contain;
}
ul.inquiry {
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 2.143;
	list-style: none;
	margin: 33px auto;
	width: calc(100% - 18px);
}
ul.inquiry span {
	display: inline-block;
}

/* media queries */
@media (min-width: 867px) {
	div.panel a:nth-child(5) {
		font-size: 1.251vw;
		padding: 4.926%;
	}
	ul.inquiry {
		float: right;
	}
}
@media (min-width: 920px) {
	article + article {
		background-color: white;
		border: none;
		margin-top: 100px;
		position: relative;
		padding: 0 66px 52px;
	}
	article + article h2 {
		margin: 51px 0 36px;
	}
	article + article h2 img {
		display: block;
		margin: 0 auto;
	}
	article + article::before {
		border: 4px dashed #C6CEAC;
		content: "";
		height: calc(100% - 26px);
		left: 0;
		margin: 13px 14px;
		position: absolute;
		top: 0;
		width: calc(100% - 28px);
	}
	ul.inquiry {
		font-size: 2rem;
		line-height: 2.25;
		margin: 100px 0;
		width: 50.75vw;
	}
}
@media (min-width: 1600px) {
	div.panel a:nth-child(5) {
		font-size: 2rem;
		padding: 40px;
	}
}