

.titleArea{
	background-color: #FFF1D7;
	padding: 4em 0;
	margin-bottom: 5em;
}
.titleArea h2{
	font-size: 1.6em;
	line-height: 1.2em;
}
.titleArea h2 span{
	font-size: 0.5em;
	line-height: 1.0em;
}
.titleArea h3{
	font-size: 1.6em;
	line-height: 1.8em;
	margin-bottom: 1em;
}
.titleArea .subTitleArea{
    width: 1200px;
    margin: 0 auto;
    padding-top: 18em;
    background-image: url(../pagetitle/main.jpg);
    background-position: center top;
    background-repeat: no-repeat;
	background-size: 100%;
}
.titleArea .subTitleArea .textArea{
	background-color: #FFF;
	width: 1000px;
	margin: 0 auto ;
	box-sizing: border-box;
	padding: 3em;
	box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.6);
}
.titleArea .subTitleArea .textArea p{
	text-align: justify;
}
.titleArea .subTitleArea .textArea1{
	background-color: #FFF;
	width: 1000px;
	margin: 0 auto ;
	box-sizing: border-box;
	padding: 3em;
	box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.6);
}
.titleArea .subTitleArea .textArea1 p{
	text-align: center;
	font-size: 1.4em;
	line-height: 1.8em;
}
.titleArea a{
	color: #F66038;
}
.titleArea .conTel{
	font-size: 1.8em;;
	font-weight: 900;
}
.titleArea .conTel a{
	color: #F66013;
}
.titleArea .conTel i{
	margin-right: 5px;
}
@media screen and (max-width: 1200px){
	.titleArea .subTitleArea{
		width: 94%;
		padding-top: 20%;
	}
	.titleArea .subTitleArea .textArea{
		width: 90%;
		padding: 2em;
	}
	.titleArea .subTitleArea .textArea1{
		width: 90%;
		padding: 2em;
	}
}
@media screen and (max-width:768px){
	.titleArea img{
		display: block;
	}
	.titleArea{
		padding: 2.5em 0;
		margin-bottom: 3em;
	}
	.titleArea .subTitleArea{
		width: 90%;
		padding-top: 0;
		background-image:none;
		margin-top: 0.5em;
	}
	.titleArea .subTitleArea .textArea{
		width: 100%;
		padding: 1.5em;
	}
	.titleArea .subTitleArea .textArea1{
		width: 100%;
		padding: 1.5em;
	}
	.titleArea .subTitleArea .textArea1 p{
		font-size: 1.2em;
	}
}

.titleArea .subTitleArea1{
    width: 1200px;
    margin: 0 auto;
    padding-top: 18em;
    background-image: url(../pagetitle/sas.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
}
.titleArea .subTitleArea1 .textArea{
	background-color: #FFF;
	width: 1000px;
	margin: 0 auto ;
	box-sizing: border-box;
	padding: 3em;
	box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.6);
}
.titleArea .subTitleArea1 .textArea p{
	text-align: justify;
}
@media screen and (max-width: 1200px){
	.titleArea .subTitleArea1{
		width: 94%;
		padding-top: 20%;
	}
	.titleArea .subTitleArea1 .textArea{
		width: 90%;
		padding: 2em;
	}
}
@media screen and (max-width:768px){
	.titleArea img{
		display: block;
	}
	.titleArea{
		padding: 2.5em 0;
		margin-bottom: 3em;
	}
	.titleArea .subTitleArea1{
		width: 90%;
		padding-top: 0;
		background-image:none;
		margin-top: 0.5em;
	}
	.titleArea .subTitleArea1 .textArea{
		width: 100%;
		padding: 1.5em;
	}
}

.titleArea .subTitleArea2{
    width: 1200px;
    margin: 0 auto;
    padding-top: 18em;
    background-image: url(../pagetitle/os.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
}
.titleArea .subTitleArea2 .textArea{
	background-color: #FFF;
	width: 1000px;
	margin: 0 auto ;
	box-sizing: border-box;
	padding: 3em;
	box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.6);
}
.titleArea .subTitleArea2 .textArea p{
	text-align: justify;
}
@media screen and (max-width: 1200px){
	.titleArea .subTitleArea2{
		width: 94%;
		padding-top: 20%;
	}
	.titleArea .subTitleArea2 .textArea{
		width: 90%;
		padding: 2em;
	}
}
@media screen and (max-width:768px){
	.titleArea img{
		display: block;
	}
	.titleArea{
		padding: 2.5em 0;
		margin-bottom: 3em;
	}
	.titleArea .subTitleArea2{
		width: 90%;
		padding-top: 0;
		background-image:none;
		margin-top: 0.5em;
	}
	.titleArea .subTitleArea2 .textArea{
		width: 100%;
		padding: 1.5em;
	}
}

.titleArea .subTitleContact{
    width: 1200px;
    margin: 0 auto;
    padding-top: 18em;
    background-image: url(../pagetitle/contact.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
}
.titleArea .subTitleContact .textArea{
	background-color: #FFF;
	width: 1000px;
	margin: 0 auto ;
	box-sizing: border-box;
	padding: 3em;
	box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.6);
}
.titleArea .subTitleContact .textArea p{
	text-align: justify;
}
@media screen and (max-width: 1200px){
	.titleArea .subTitleContact{
		width: 94%;
		padding-top: 20%;
	}
	.titleArea .subTitleContact .textArea{
		width: 90%;
		padding: 2em;
	}
}
@media screen and (max-width:768px){
	.titleArea img{
		display: block;
	}
	.titleArea{
		padding: 2.5em 0;
		margin-bottom: 3em;
	}
	.titleArea .subTitleContact{
		width: 90%;
		padding-top: 0;
		background-image:none;
		margin-top: 0.5em;
	}
	.titleArea .subTitleContact .textArea{
		width: 100%;
		padding: 1.5em;
	}
}

.titleArea .subTitlePrivacy{
    width: 1200px;
    margin: 0 auto;
    padding-top: 18em;
    background-image: url("../pagetitle/privacy.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
}
.titleArea .subTitlePrivacy .textArea{
	background-color: #FFF;
	width: 1000px;
	margin: 0 auto ;
	box-sizing: border-box;
	padding: 3em;
	box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.6);
}
.titleArea .subTitlePrivacy .textArea p{
	text-align: justify;
}
@media screen and (max-width: 1200px){
	.titleArea .subTitlePrivacy{
		width: 94%;
		padding-top: 20%;
	}
	.titleArea .subTitlePrivacy .textArea{
		width: 90%;
		padding: 2em;
	}
}
@media screen and (max-width:768px){
	.titleArea img{
		display: block;
	}
	.titleArea{
		padding: 2.5em 0;
		margin-bottom: 3em;
	}
	.titleArea .subTitlePrivacy{
		width: 90%;
		padding-top: 0;
		background-image:none;
		margin-top: 0.5em;
	}
	.titleArea .subTitlePrivacy .textArea{
		width: 100%;
		padding: 1.5em;
	}
}

.titleArea .subTitleSitemap{
    width: 1200px;
    margin: 0 auto;
    padding-top: 18em;
    background-image: url("../pagetitle/privacy.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100%;
}
.titleArea .subTitleSitemap .textArea{
	background-color: #FFF;
	width: 1000px;
	margin: 0 auto ;
	box-sizing: border-box;
	padding: 3em;
	box-shadow: 0px 0px 15px -5px rgba(0,0,0,0.6);
}
.titleArea .subTitleSitemap .textArea p{
	text-align: justify;
}
@media screen and (max-width: 1200px){
	.titleArea .subTitleSitemap{
		width: 94%;
		padding-top: 20%;
	}
	.titleArea .subTitleSitemap .textArea{
		width: 90%;
		padding: 2em;
	}
}
@media screen and (max-width:768px){
	.titleArea img{
		display: block;
	}
	.titleArea{
		padding: 2.5em 0;
		margin-bottom: 3em;
	}
	.titleArea .subTitleSitemap{
		width: 90%;
		padding-top: 0;
		background-image:none;
		margin-top: 0.5em;
	}
	.titleArea .subTitleSitemap .textArea{
		width: 100%;
		padding: 1.5em;
	}
}

