@charset "UTF-8";
/* CSS Document */
/* breadArea" */
.mainArea {
	background-image: url(../img/concept/conceptBg.jpg);
}
section {
	padding-top: 200px;
	margin-top: -200px;
}
.aboutArea {
	width: 1000px;
	margin: 0 auto 40px;
	text-align: center;
}
.aboutArea h3 {
		font-weight: bold;
		font-size: 40px;
		text-align: center;
		color: #000;
}
.aboutArea h4 {
		font-weight: bold;
		font-size: 18px;
		text-align: center;
		color: #880002;
	padding-bottom: 30px;
}
.aboutArea p {
	font-weight: bold;
	padding: 30px 0;
}
.aboutArea .notice {
	border-radius: 10px;
	border: 3px solid #880002;
}
.aboutArea .notice p.txt01 {
	padding: 10px 3vw;
	font-weight: bold;
	line-height: 1.4;
	color: #880002;
}
.h3Area {
	width: 100%;
	margin: 0 auto;
	padding: 6px 0;
	background-color: #000;
}
.h3Area h3 {
	font-weight: bold;
	font-size: 40px;
    text-shadow: 1px 2px 0 #000, 1px 2px 0 #000;
	text-align: center;
	position: relative;
	color: #FFF;
}
.h3Area h3:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 15%;
	width: 10%;
	height: 3px;
	background-color: #FFF;
}
.h3Area h3:after {
	content: '';
	position: absolute;
	top: 50%;
	right: 15%;
	width: 10%;
	height: 3px;
	background-color: #FFF;
}
.conceptBox01 {
	max-width: 100%;
	margin: 0 auto;
	padding-bottom: 60px;
}
.conceptBox01 .img {
	width: 60%;
	margin: 0 auto 20px;
	text-align: center;
}
.conceptBox01 .txt01 p,
.conceptBox01 .txt02 p {
	max-width: 800px;
	text-align: center;
	margin: 0 auto;
	padding: 20px 0;
	font-size: 15px;
}
.conceptBox01 .txt02 p {
	text-align: left;
}
.conceptBox01 .txt01 p a,
.conceptBox01 .txt02 p a {
	color: #555;
}
.conceptBox01 .txt01 p a:hover,
.conceptBox01 .txt02 p a:hover {
	color: #DDD;
}
.conceptBox01 a:hover img,
.conceptBox01 a:hover img {
	opacity: .7;
}
.conceptBox01 .txt01 {
	padding: 30px 0;
}
.conceptBox01 .txt02 {
	padding: 60px 0 20px;
}
.bigTxt {
	font-size: 2em;
}
@media screen and (max-width: 768px) {
.aboutArea {
	width: 100%;
	margin: 0 auto 40px;
	padding: 30px 5vw;
}
.aboutArea h3 {
    font-size: 6vw;
}
.aboutArea h4 {
    font-size: 3vw;
}
.aboutArea p {
    text-align: left;
}
.h3Area {
	width: 100%;
	margin: 15px auto 0;
}
.h3Area h3 {
	font-weight: bold;
    font-size: 4vw;
    text-shadow: 1px 2px 0 #000, 1px 2px 0 #000;
	text-align: center;
}
.h3Area h3:before {
	top: 62%;
	left: 0;
	width: 5%;
}
.h3Area h3:after {
	top: 62%;
	right: 0;
	width: 5%;
}
.conceptBox01 {
	width: 100%;
	padding: 0 3vw 2vh;
}
.conceptBox01 .img {
	width: 100%;
	margin: 0 auto;
}
.conceptBox01 .txt01,
.conceptBox01 .txt02 {
	text-align: left;
	padding: 2vh 0;
    font-size: 3vw;
}
	.conceptBox01 .txt01 p,
.conceptBox01 .txt02 p {
	text-align: left;
	margin: 0 auto;
	padding: 20px 15px;
	font-size: 15px;
}

}



