@charset "utf-8";

h2 {
	text-align: center;
}

.top_image h2 {
	padding-bottom: 0;
}

.top_image_bg {
	background: url("../images/top_ad.jpg") no-repeat;
	background-size: cover;
	background-position: center center;
}

.about_wrapper {
	padding: 80px 0;
	text-align: center;
	transition: 0.6s;
}

.about_wrapper p {
	width: 610px;
	margin: 0 auto;
}

.type_wrapper {
	padding: 0 30px 80px;
	width: 1200px;
	margin: 0 auto;
}

.type_wrapper .type_area {
	display: flex;
	justify-content: space-between;
}

.type_wrapper h3 {
	padding-left: 30px;
	position: relative;
}

.type_wrapper p {
	text-align: justify;
}

.type_wrapper h3:before {
	content: url("../images/hd_icon.png");
	position: absolute;
	top: 0;
	left: 0;
}

.type_wrapper .explain_wrapper {
	padding-right: 50px;
}

.type_wrapper .explain_block {
	padding-bottom: 40px;
}

@media screen and (max-width:1000px){
	
	.type_wrapper {
	width: 750px;
}
	
	.type_wrapper .type_area {
	display: flex;
	justify-content: space-between;
	flex-direction: column-reverse;
}
	
	.type_wrapper .img_block {
		margin-bottom: 80px;
	}
	
}

@media screen and (max-width:750px){
	
	.top_image_bg {
		background: url("../images/top_ad_sp.jpg") no-repeat;
		background-size: cover;
		background-position: center center;
	}
	
	.about_wrapper {
		width: 100%;
		padding: 60px 15px;
	}
	
	.about_wrapper p {
	width: auto;
	text-align: justify;
}
	
	.type_wrapper {
	width: 100%;
		padding: 0 15px 20px;
}
	
	.type_wrapper .explain_wrapper {
	padding-right: 0;
}
	
}