@charset "UTF-8";
/* CSS Document */
.ttlArea {
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}
.ttlArea .inner {
	padding: 180px 0;
	text-align: center;
}
.ttlArea .inner h2 {
	font-size: 40px;
	color: #fff;
	text-shadow: #333 1px 1px 10px, #333 -1px 1px 10px, #333 1px -1px 10px, #333 -1px -1px 10px;
    
}
/* breadArea" */
.breadArea .inner {
	padding: 50px 80px 0;
	text-align: right;
}
.breadArea .inner a {
	padding: 4px;
	display: inline-block;
}
.breadArea .inner a .fa {
	font-size: 16px;
}

.subBox .inner {
	padding: 50px 0;
}
.h3Area {
	padding: 50px 0 20px;
	text-align: center;
}
.h3Area h3 {
	padding-bottom: 20px;
	position: relative;
	font-size: 27px;
	font-weight: bold;
}
.h3Area h3:after {
	content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    background-color: #444;
}
.h3Area .txtArea {
	padding: 50px 0 10px;
}
.h3Area .txtArea p {
	padding-bottom: 20px;
	font-size: 15px;
	font-weight: bold;
}



@media screen and (max-width: 736px) {
	.ttlArea .inner {
		padding: 20vw 0;
	}
	.ttlArea .inner h2 {
		font-size: 7vw;
}
	
	/* breadArea" */
	.breadArea .inner {
		padding: 20px 3vw;
	}
	.breadArea .inner p {
		font-size: 3.3vw;
	}
	.breadArea .inner a {
		padding: 0;
	}	
	
	.subBox .inner {
		padding: 40px 5vw 30px;
	}
	.h3Area {
		padding: 0 0 0;
	}
	.h3Area h3 {
		padding-bottom: 15px;
		font-size: 4.5vw;
	}
	.h3Area h3:after {
		width: 30px;
	}
	.h3Area .txtArea {
		padding: 30px 0 0;
	}
	.h3Area .txtArea p {
		padding-bottom: 10px;
		font-size: 3.3vw;
		text-align: left;
	}
	
}