#slider_area {
	position:relative;
	width:100%;
	height:800px;
	background:url(../image/main/slide_1.jpg);
	background-position:center;
}
#slider {
	position:relative;
	width:100%;
	max-width:1200px;
	margin:0px auto;
}
#slider h1 {
	position:absolute;
	top:200px;
	left:calc(50% - 430px);
	font-family:"Titillium Web SemiBold";
	font-size:90px;
	color:#ffffff;
	background-color:rgba(244,124,42,0.95);
	line-height:120px;
	text-align:center;
	text-transform: uppercase;
	width:860px;
	/*border-left: 50px solid transparent;
    border-right: 50px solid transparent;*/
}
#slider h2 {
	position:absolute;
	top:320px;
	left:calc(50% - 430px);
	font-family:"Titillium Web Light";
	font-size:67px;
	color:#ffffff;
	background-color:rgba(0,0,0,0.4);
	line-height:120px;
	text-align:center;
	text-transform: uppercase;
	width:860px;
	opacity:0.9;
}
#flex_area {
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:180px;
	background-color:rgba(43,43,43, 0.4);
	text-align:center;
	padding-top:25px;
	box-sizing:border-box;
}
#flex_area .flex {
	width:100%;
	max-width:1200px;
	display:inline-flex;
	margin:0px auto;
}
#flex_area .column {
	width:14.286%;
	font-family:"Titillium Web Regular";
	font-size:18px;
	color:#ffffff;
	text-align:center;
}
#flex_area .column img {
	margin-top:30px;
	max-width:77px;
}

#main_area {
	width:100%;
	background:url(../image/main/Background.png);
	background-position:center;
}
#main {
	width:100%;
	max-width:1200px;
	margin:0px auto;
}
#main h1 {
	padding-top:50px;
	font-family:"Titillium Web SemiBold";
	font-size:36px;
	color:#f47c2a;
	text-transform:uppercase;
	text-align:left;
	line-height:40px;
	width:100%;
}
#main .line {
	width:100%;
	height:9px;
	border-radius:9px;
	background-color:#d8d8d8;
	margin:10px 0px 50px;
}
#main .flex {
	display:inline-flex;
	width:100%;
	flex-wrap:wrap;
}
#main .flex .column {
	width:33.333%;
	text-align:center;
}
#main .rectangle {
	position:relative;
	width:290px;
	height:350px;
	background-color:#ffffff;
	border:1px solid #f0f0f0;
	border-radius:15px;
	margin:0px auto 50px;
	box-shadow:1px 1px #d0d0d0;
	box-sizing:border-box;
}
#main .rectangle:hover {
	background-color:#f47c2a;
	cursor:pointer;
}
#main .rectangle:hover h2 {
	color:#ffffff;
}
#main .rectangle:hover h3 {
	color:#ffffff;
}
#main .image {
	position:absolute;
	left:0px;
	top:0px;
	width:290px;
	z-index:2;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
}
#main .separation {
	position:absolute;
	left:-5px;
	top:225px;
	z-index:1;
}
#main h2 {
	position:absolute;
	left:5px;
	top:240px;
	width:calc(100% - 10px);
	padding-top:5px;
	font-family:"Titillium Web SemiBold";
	font-size:30px;
	color:#f47c2a;
	text-transform:uppercase;
	text-align:center;
	line-height:40px;
	width:100%;
}
#main h3 {
	position:absolute;
	left:5px;
	top:285px;
	width:calc(100% - 10px);
	font-family:"Titillium Web Regular";
	font-size:18px;
	color:#626262;
	text-align:center;
	line-height:25px;
	width:100%;
}
#main_images {
	margin:40px 0px 60px;
	display:inline-flex;
	width:100%;
}	
#main_images .column {
	width:33.333%;
	text-align:center;
	margin:auto;
}

#main .flex2 {
	display:inline-flex;
	width:100%;
	flex-wrap:wrap;
}
#main .flex2 .left {
	width:50%;
	text-align:justify;
	padding:20px 5px 0px;
	box-sizing:border-box;
	font-family:"Titillium Web Regular";
	font-size:18px;
	color:#626262;
	line-height:30px;
}
#main .flex2 .left b {
	font-family:"Titillium Web SemiBold";
	font-size:22px;
	color:#f47c2a;
}
#main .flex2 .right {
	margin:0px 15px;
	width:calc(50% - 30px);
	text-align:center;
	padding:0px 20px;
	box-sizing:border-box;
}
@media screen and (max-width: 1024px) {
#main {
	padding:20px;
	box-sizing:border-box;
}
}

@media screen and (max-width: 834px) {
#main .flex .column {
	width:50%;
}
#flex_area .column {
	font-size:17px;
}
}

@media screen and (max-width: 768px) {
#slider h1 {
	font-size:72px;
	width:100%;
	left:0px;
}
#slider h2 {
	font-size:48px;
	width:100%;
	left:0px;
}
}

@media screen and (max-width: 640px) {
#slider h1 {
	font-size:60px;
}
#slider h2 {
	font-size:40px;	
}
#flex_area {
	height:140px;
	padding-top:0px;
}
#flex_area .flex {
	margin:0px 10px;
	width:calc(100% - 20px);
}
#flex_area .column span {
	display:none;
}
#flex_area .column img {
	width:calc(100% - 20px);
}
#main .flex .column {
	width:100%;
}
#main .rectangle {
	margin-bottom:20px;
}
#main .flex2 .left {
	width:100%;
}
#main .flex2 .right {
	width:calc(100% - 10px);
	padding:0px;
	margin:10px 5px;
}
}

@media screen and (max-width: 414px) {
#slider h1 {
	font-size:40px;
}
#slider h2 {
	font-size:28px;	
}
#flex_area .column img {
	width:calc(100% - 10px);
}
}

@media screen and (max-width: 320px) {
#slider h1 {
	font-size:32px;
}
#slider h2 {
	font-size:20px;	
}
}