@charset "utf-8";
/* CSS Document */

/*-----------------------------------------------
#1496DC
-----------------------------------------------*/

/* video */
#drill .video {
padding: 80px 4%;
}
#drill .video .inner {
max-width: 880px;
margin: auto;
}
#drill .video .list {
display: flex;
justify-content: space-between;
}
#drill .video .list li {
width: 48%;
}
#drill .video .list video {
width: 100%;
border-radius: 1em;
}
@media screen and (max-width: 767px) {
	#drill .video {
	padding: 8% 4%;
	}
}

/* percussion */
#drill .percussion {
margin-top: 100px;
padding: 80px 4%;
background-image: url("../img/common/content_bg.png");
background-position: center top;
background-repeat: no-repeat;
background-size: cover;
}
#drill .percussion .inner {
max-width: 1200px;
margin: auto;
}
#drill .percussion .photo_main {
display: block;
width: 80%;
max-width: 880px;
margin: auto;
margin-top: -180px;
border-radius: 1em;
}
#drill .percussion .grid {
display: flex;
justify-content: space-between;
margin-top: 80px;
}
#drill .percussion .text {
width: 62%;
color: #FFF;
}
#drill .percussion .text dt {
font-size: 1.75em;
font-weight: 700;
}
#drill .percussion .text dd {
margin-top: 1em;
line-height: 2;
text-align: justify;
}
#drill .percussion .text .point {
display: flex;
justify-content: space-between;
margin-top: 2em;
}
#drill .percussion .text .point li {
width: 31.5%;
}
#drill .percussion .photo_sub {
width: 34%;
}
#drill .percussion .photo_sub li:not(:first-child) {
margin-top: 1em;
}
#drill .percussion .photo_sub img {
border-radius: 1em;
}
@media screen and (max-width: 767px) {
	#drill .percussion {
	margin-top: 10%;
	padding: 8% 4%;
	}
	#drill .percussion .photo_main {
	margin-top: -20%;
	}
	#drill .percussion .grid {
	display: block;
	margin-top: 8%;
	}
	#drill .percussion .text {
	width: 100%;
	color: #FFF;
	}
	#drill .percussion .text dt {
	font-size: 1.5em;
	text-align: center;
	}
	#drill .percussion .text dd {
	margin-top: 2%;
	line-height: 1.75;
	}
	#drill .percussion .text .point {
	margin-top: 4%;
	}
	#drill .percussion .photo_sub {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin-top: 6%;
	}
	#drill .percussion .photo_sub li {
	width: 49%;
	}
	#drill .percussion .photo_sub li:not(:first-child) {
	margin-top: 0;
	}
	#drill .percussion .photo_sub img {
	border-radius: 0;
	}
}