@charset "UTF-8";
/*----------------------
 common
---------------------*/
h2 {
	font-size: 1.8rem;
	padding-bottom: 1em;
}
.heading {
}
.heading .ttl {
	font-size: 2.5rem;
	font-family: 'Lato', sans-serif;
	font-weight: 900;
	line-height: 1.4;
	letter-spacing: .2em;
}
.heading .img {
	padding-bottom: 1em;
}
.content .txt p {
	padding-bottom: 1em;
}
.content dl {
	padding-bottom: 1em;
}
.content dl dd {
	padding-bottom: 1em;
}
.content dl dt::before {
	content: '■';
	color: #820000;
}
@media only screen and (max-width : 999px) {
	.heading .ttl {
		font-size: 2.3rem;
	}
	.content .txt p br,
	.content dl dd br {
		display: none;
	}
	.content .btn {
		text-align: center;
	}
}
@media only screen and (min-width: 1000px) {
	h2 {
		font-size: 1.8rem;
	}
	.heading {
		float: left;
		width: 30%;
	}
	.heading .ttl {
		font-size: 2.5rem;
	}
	.content {
		float: right;
		width: 65%;
	}
}
/*----------------------
 testshoot
---------------------*/
#testshoot {
	background-color: #f2f2f2;
	padding: 24px;
}
@media only screen and (max-width : 999px) {
}
@media only screen and (min-width: 1000px) {
	#testshoot {
		padding: 30px;
	}
	#testshoot .heading {
		width: 15%;
		background-color: #f2f2f2;
	}
	#testshoot .heading .img {
		padding-bottom: 0;
	}
	#testshoot .content {
		width: 80%;
	}
}