@charset "UTF-8";
/* CSS Document */
/* breadArea" */
.mainArea {
	background-image: url(../img/concept/conceptBg.jpg);
}
.h3Area {
	width: 1000px;
	margin: 0 auto;
}
.h3Area h3 {
	font-weight: bold;
    font-size: 40px;
    text-shadow: 1px 1px 0 #000, 1px 1px 0 #000;
	text-align: center;
	padding: 30px 0;
	position: relative;
}
.h3Area h3:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 30%;
	height: 3px;
	background-color: #666;
}
.h3Area h3:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	width: 30%;
	height: 3px;
	background-color: #666;
}
.conceptBox01 {
	max-width: 1000px;
	margin: 0 auto;
}
.conceptBox01 .img {
	width: 60%;
	margin: 0 auto;
}
.conceptBox01 .txt01,
.conceptBox01 .txt02 {
	text-align: center;
	margin: 0 auto;
	padding: 60px 0;
    font-size: 15px;
}
.conceptBox01 .txt01 {
	padding: 60px 0;
}
.conceptBox01 .txt02 {
	padding: 60px 0 120px;
}
@media screen and (max-width: 768px) {
.h3Area {
	width: 100%;
	margin: 0 auto;
}
.h3Area h3 {
	font-weight: bold;
    font-size: 8vw;
    text-shadow: 1px 1px 0 #000, 1px 1px 0 #000;
	text-align: center;
	padding: 2vh 0 0;
}
.h3Area h3:before {
	top: 62%;
	left: 0;
	width: 10%;
}
.h3Area h3:after {
	top: 62%;
	right: 0;
	width: 10%;
}
.conceptBox01 {
	width: 100%;
	padding: 0 3vw 2vh;
}
.conceptBox01 .img {
	width: 100%;
	margin: 0 auto;
}
.conceptBox01 .txt01,
.conceptBox01 .txt02 {
	text-align: center;
	padding: 2vh 0;
    font-size: 3vw;
}
}



