@charset "utf-8";
/* CSS Document */

.sitemap {
    
}
/*.sitemap h1{
	color:#373737;
	margin:0;
	text-align:center;
	font-size:40px;
}
.sitemap h1 span{
	display:block;
	font-size:20px;
}*/


.business-page {
	width:100%;
	height:95vh;
	background-image: url(../images/business/arrowz/arrowz2.jpg);
	background-attachment: fixed;
	background-size: cover;
	background-position: top;
	position:relative;
}
.business-page-ones {
	background-image: url("../images/business/ones/ones1.jpg");
	background-position: center;
}
.business-page h1{
	position:absolute;
	bottom:0;
	left:10px;
	color:#0077A6;
	margin:0;
	font-size:30px;
	line-height:60px;
	/*text-shadow: #3D3D3D 1px 1px 20px;*/
}
.business-page-arrowz h1{
	color:#372762;
}
.business-page-ones h1{
	color:#E95312;
}
.business-page h1 span{
	display:block;
	font-size:80px;
	font-family:'arial black',serif;
	max-width:650px;
}
.business-page h1 span img{
	width:100%;
}
.arrowz-intro-1 {
	position:absolute;
	top:25%;
}
.ones-intro-1 {
	top:15%;
}
.arrowz-intro-1 p{
	background-color:#fff;
	display:inline-block;
	font-weight:bold;
	padding:3px 10px;
	margin:0 0 10px 0;
	font-size:30px;
}
.arrowz-intro-2 {
	position:absolute;
	top:45%;
	right:0;
	text-align:right;
}
.ones-intro-2 {
	top:55%;
}
.arrowz-intro-2 p{
	background-color:#fff;
	display:inline-block;
	font-weight:bold;
	padding:3px 10px;
	margin:0 0 10px 0;
	font-size:30px;
}
.p-black{
	background-color:#000!important;
	color:#fff;
}
@media(max-width:960px){
.arrowz-intro-1 p{
	padding:3px 10px;
	margin:0 0 10px 0;
	font-size:22px;
}
.arrowz-intro-2 p{
	padding:3px 10px;
	margin:0 0 10px 0;
	font-size:22px;
}	
}
@media(max-width:640px){
.arrowz-intro-1 p{
	padding:3px 10px;
	margin:0 0 10px 0;
	font-size:20px;
}
.arrowz-intro-2 p{
	padding:3px 10px;
	margin:0 0 10px 0;
	font-size:20px;
}	
.arrowz-intro-1{
	top:30%;
}
.arrowz-intro-2{
	top:50%;
}	
.ones-intro-1{
	top:15%;
}
.ones-intro-2{
	top:60%;
}	
.ones-intro-1 .p-2 span{
	display:block;
}
.ones-intro-2 .p-2 span{
	display:block;
}	
}
@media(max-width:480px){
.arrowz-intro-1 p{
	padding:3px 10px;
	margin:0 0 10px 0;
	font-size:18px;
}
.arrowz-intro-2 p{
	padding:3px 10px;
	margin:0 0 10px 0;
	font-size:18px;
}	
.arrowz-intro-1{
	top:30%;
}
.arrowz-intro-2{
	top:50%;
}
.ones-intro-1{
	top:15%;
}
.ones-intro-2{
	top:60%;
}	
}
.business-page2 {
	display:flex;
	flex-direction:column;
	padding-top:50px;
	background-color:#f5f8fc;
}
.business-page2-ones {
	display:flex;
	flex-direction:column;
	padding-top:50px;
	background-color:#F9F3EE;
}
.business-page2-arrowz {
	background-color:#D1C7D8;
}
.business-page2 h2{
	background-color:#000;
	color:#fff;
	display: inline-block;
	margin:auto;
	text-align:center;
	padding:0px 10px;
}

.business-points {
	width:90%;
	max-width:960px;
	margin:auto;
}
.business-points ul{
	padding-left:0;
	list-style:none;
	margin:40px 0;
}
.business-points ul li{
	/*border:solid 2px #000;*/
	margin:0 0 30px 0;
	padding:25px 30px;
	background-color:#fff;
	border-radius:20px;
	box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.2);
}
.business-points .title{
	font-size:20px;
	font-weight:bold;
	margin:0 0 10px 0;
}

.business-message {
	width:90%;
	max-width:960px;
	margin:50px auto 30px auto;
	padding:25px 30px 40px 30px;
	background-color:#fff;
	border-radius:20px;
	box-shadow: 3px 3px 10px 1px rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
}
.business-message .title{
	font-weight:bold;
	font-size:20px;
	text-align:center;
}

.business-message-flex {
	display:flex;
	justify-content:space-between;
	margin-top:30px;
}
.business-message-flex p{
	width:60%;
	margin:0;
}

.business-message-img {
	width:38%;
	margin-top:5px;
}
.business-message-img img{
	width:100%;
	display:block;
}
@media(max-width:768px){
.business-message-flex {
	flex-direction:column;
}	
.business-message-flex p{
	width:100%;
	margin:auto;
}

.business-message-img {
	width:100%;
	margin:20px auto auto auto;
}
}