body{
	border-top:4px solid #18499D;
}

.head_cta{
	position:absolute;
	right:0;
	top:1px;
}

.head_fta{
	position:absolute;
	right:300px;
	top:10px;
}

.fixed .head_cta,.fixed .head_fta{
	display:none;
}



.area01 {
	padding:0;
}

.area01 .two-col {
	height:500px;
}

.area01 .two-col div:first-child{
	background: url(images/bg_area1.png);
	min-height:500px;
}

.area01 .two-col div:first-child img{
	position:absolute;
	top:30px;
	right:30px;
}

.area01 .two-col .right p{
	position:relative;
	height:166.666px;
	background:#18499D;
}
.area01 .two-col .right p a{
	display:block;
}

.area01 .two-col .right p:hover{
	background-size:cover;
}
.area01 .two-col .right p:first-child:hover{
	background:#18499D url(images/bg_area1_01.png);
}

.area01 .two-col .right p:nth-child(2):hover{
	background:#18499D url(images/bg_area1_02.png);
}
.area01 .two-col .right p:nth-child(3):hover{
	background:#18499D url(images/bg_area1_03.png);
}


.area01 .two-col .right img{
	position:absolute;
	top:50%;
	left:30px;
	margin-top:-45px;
}

.area01 .two-col .right img.staff{
	position:absolute;
	top: 75px;
	left:30%;
}

.area02{
	padding:0;
}

.area02 .btn{
	margin-top:30px;
}

.area02 .btn span{
	font-size:1.3rem;
}

.page .area02 .three-col{
	background:url(images/bg_area2_2.png) right bottom no-repeat;
	background-size:cover;
}

.page .area02 .three-col div{
	background:none !important;
	color:#333;
	border-right:1px solid #ddd;
}

.page .area02 .three-col div:nth-child(3){
	border:none;
}


.area02 h2{
	position:relative;
	text-align:center;
	background:#EFEA3A;
	padding:40px 0;
	color:#E71F19;
	font-weight:900;
	font-size:4.0rem;
	margin-bottom:80px;
}

.home .area02 h2:before{
	border-style: solid;
	border-width: 20px 55px 0 55px;
	border-color: #EFEA3A transparent transparent transparent;
	width:0;
	bottom:-20px;
	content:"";
	display:block;
	left:50%;
	position:absolute;
	z-index: -1;
	margin-left:-55px;
}

.area02 .three-col div{
	text-align:center;
	background-size: cover;
	background-position:center center;
	color: #fff;
	padding:0 5.5% 40px;
}

.area02 .three-col div:first-child{
	background: url(images/bg_area2_01.png);

}

.area02 .three-col div:nth-child(2){
	background: url(images/bg_area2_02.png);
}

.area02 .three-col div:nth-child(3){
	background: url(images/bg_area2_03.png);
}


.area02 img{
	margin-bottom:15px;
	margin-top:-27px;
}

.area02 h3{
	font-size:30px;
	font-weight:700;
	margin-bottom:30px;
}

.area02 p{
	font-size:18px;
}


.area03 .three-col div{
	text-align:center;
	padding: 0 4.5%;
}

.area03 .three-col p{
	margin-bottom:20px;
}


.area04 .three-col h3{
	background: #18499D url(images/bk_crear.png) right top no-repeat;
	background-size: cover;
	text-align: center;
	color: #fff;
	font-size:2.4rem;
	font-weight:500;
	padding:5px ;
	border-radius:10px;
	margin-bottom:30px;
}

.area04 .three-col div{
	padding: 0 4.5%;
}

.area04 .three-col p{
	margin-bottom:20px;
}


.area05 {
	text-align:center;
	color:#fff;
}

.area05 .three-col div{
	padding:60px 2%;

}

.bk01{
	background:#4A9ED8 url(images/bk_crear.png) right top no-repeat;
	background-size:cover;

}

.bk02{
	background:#87BD42 url(images/bk_crear.png) right top no-repeat;
	background-size:cover;
}

.bk03{
	background:#71C7D5 url(images/bk_crear.png) right top no-repeat;
	background-size:cover;

}

.bk04{
	background:#ED8F25 url(images/bk_crear.png) right top no-repeat;
	background-size:cover;
}

.bk05{
	background:#CE93BF url(images/bk_crear.png) right top no-repeat;
	background-size:cover;
}

.bk06{
	background:#11A196 url(images/bk_crear.png) right top no-repeat;
	background-size:cover;
}

.area05{
	padding-bottom:0;
}

.area05 h3{
	text-align:center;
	font-size:2.3rem;
	font-weight:500
}

.area05 h3 span{
	display:block;
	font-size:3.5rem;
}

.area06 h2{
	background-image: url(images/icon_heading_ster01.png), url(images/icon_heading_ster01.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left -3px bottom 45px, right -5px bottom 20px;
	letter-spacing:-0.08em;
	font-size:3.8rem;
}
.area06 h2 :after {
    height: 0 !important;
}

.area06 img{
	margin-top:-15px;
}


.area06 p{
	float:right;
	max-width:735px;
	margin-bottom:30px;
}



.area07{
	line-height: 0;
}
.area07 h2{
	display: block;
	width:277px;
	font-size:2.8rem;
	margin:0 auto;
	padding:60px 70px 105px;
	background: url(images/h_baloon.png) 20px top no-repeat;
}
.area07 .bk_blue{
	background:#00a2e8;
	padding:50px 80px;
	display:table;
	width:100%;
	position:relative;
	margin:0 0 35px 0;
	box-sizing:border-box;
}
.area07 .bk_blue p.img01{
	position:absolute;
	top:-92px;
	left:0;
}
.area07 .bk_blue p.img02{
	position:absolute;
	bottom:0;
	right:-77px;
}
.area07 .bk_blue div{
	display:table-cell;
	vertical-align:top;
	text-align:left;
}
.area07 .bk_blue div:first-child{
	width:20%;
	vertical-align:middle;
}
.area07 .bk_blue div h3{
	font-size:3rem;
	color:#ffee00;
	margin-bottom:15px;
}
.area07 .bk_blue div p{
	color:#fff;
}
.area07 ul.btnArea{
	width:80%;
	margin:0 auto 35px auto;
	padding:0;
	overflow:hidden;
}
.area07 ul.btnArea li{
	width:50%;
	margin:0;
	padding:0;
	text-align:left;
	display:block;
	float:left;
}


.area07 .navi{
width:100%;
display: inline-block;
font-size: 16px;
font-weight: bold;
color: #363636;
letter-spacing: 0;
box-sizing:border-box;
box-shadow: ;
border-radius: 0px;
text-decoration: none;
padding: 0;
    background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
margin-top:40px;

}

.area07 .navi li{
	float:left;
	min-width:10%;
	padding: 15px 20px;
	text-align:center;
    background: -webkit-linear-gradient(top, #fff 0%, #f0f0f0 100%);
    background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);


}
.area07 .navi li:first-child{
	position: relative;
	width:25%;
	text-align:right;
	padding-right:20px;
	color:#fff;
   background: -webkit-linear-gradient(top, #008dd4 0%, #24abe0 100%);
    background: linear-gradient(to bottom, #008dd4 0%, #24abe0 100%);


}

.area08{
	border-top:1px solid #f1f1f1;
	padding:0;
}
.area08 .two-col div{
	/*padding:60px 0;*/
	vertical-align:middle;
}
.area08 .two-col div:first-child{
	padding-left:10px;
	padding-right:10px;
	box-sizing:border-box;
}

.area08 h2{
	font-size:2.8rem;
	color:#000;
	margin-bottom:25px;
}
.area08 .two-col div .bannerArea{
	width:100%;
	margin:0;
	padding:0;
	display:table;
	table-layout:fixed;
	border:none;
}
.area08 .two-col div .bannerArea div{
	display:table-cell;
	border:none;
	padding:0;
	margin:0;
	line-height:0;
}
#table-row{
	display:table-row;
}
.area08 .two-col div ul li{
	font-size:1.6rem;
	margin-bottom:10px;
}


footer .footmenu{
	width:100%;
	display:table;
	table-layout:fixed;
	padding:25px 0;
}
footer .footmenu div{
	display:table-cell;
	vertical-align:top;
	text-align:center;
}


footer p.copy{
	width:100%;
	margin:0;
	padding:5px 0;
	font-size:1.4rem;
	text-align:center;
	background:#333;
	color:#fff;
}
footer .footinfo{
	width:100%;
	margin:0;
	padding:60px 0;
	background:url(images/bg_contact.png);
	background-size:cover;
}
footer .footinfo .contactArea{
	width:100%;
	display:table;
	margin:0;
	padding:0;
	color:#fff;
}
footer .footinfo .contactArea .cat{
	width:34%;
	display:table-cell;
	margin:0 5% 0 0;
	padding:0;
	text-align:left;
	vertical-align:top;
}
footer .footinfo .contactArea .tel{
	width:auto;
	display:table-cell;
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:top;
}
footer .footinfo .contactArea .cat ul li{
	font-size:1.8rem;
	margin-bottom:6px;
	background: url(images/icon_check.png) no-repeat center left;
	padding-left:30px;
}
footer .footinfo .contactArea .tel p{
	font-size:1.8rem;
}
footer .footinfo .contactArea .tel .contactBox{
	width:100%;
	display:table;
	table-layout:fixed;
	margin:10px 0;
}
footer .footinfo .contactArea .tel .contactBox #table-row div{
	display:table-cell;
	vertical-align:top;
	text-align:left;
}

.hogan {
    background-color: transparent;
    background-image: linear-gradient(0deg, transparent 9%, 
 rgba(174, 211, 237, .6) 10%, rgba(174, 211, 237, .6) 12%, transparent 13%, transparent 29%, 
 rgba(174, 211, 237, .3) 30%, rgba(174, 211, 237, .3) 31%, transparent 32%, transparent 49%, 
 rgba(174, 211, 237, .3) 50%, rgba(174, 211, 237, .3) 51%, transparent 52%, transparent 69%, 
 rgba(174, 211, 237, .3) 70%, rgba(174, 211, 237, .3) 71%, transparent 72%, transparent 89%,
 rgba(174, 211, 237, .3) 90%, rgba(174, 211, 237, .3) 91%, transparent 92%, transparent),
 linear-gradient(90deg, transparent 9%, 
 rgba(174, 211, 237, .6) 10%, rgba(174, 211, 237, .6) 12%, transparent 13%, transparent 29%, 
 rgba(174, 211, 237, .3) 30%, rgba(174, 211, 237, .3) 31%, transparent 32%, transparent 49%, 
 rgba(174, 211, 237, .3) 50%, rgba(174, 211, 237, .3) 51%, transparent 52%, transparent 69%, 
 rgba(174, 211, 237, .3) 70%, rgba(174, 211, 237, .3) 71%, transparent 72%, transparent 89%,
 rgba(174, 211, 237, .3) 90%, rgba(174, 211, 237, .3) 91%, transparent 92%, transparent);
    height: 100%;
    background-size: 50px 50px;
}

.stripe{
background-color: #ECECEC;
background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
-webkit-background-size: 14px 14px;
}



@media screen and (max-width: 780px){



	.two-col div,.three-col div {
	    display:block;
	    width:100%;
	}

	.area02 .three-col div {
	    overflow: hidden;
	    width:97%;	
 	    padding: 20px 1.5% 20px;
	    text-align:left;
	}

	.area02 h2{
	    font-size:2rem;
	    padding: 15px 0;
	    margin-bottom: 40px;
	}

	.area02 h3{
	    margin-bottom:5px;
	    font-size:2rem;
	}

	.area02 img {
	    margin-top:5px;
	    width:120px;
	    margin-bottom: 5px;
	    margin-right:15px;
	    float:left;
	}

	.area02 p {
	    font-size:1.4rem;
	}

	.area03 .three-col div {
	    overflow: hidden;
	    width:97%;	
 	    padding: 0 1.5% 5px;
	    text-align:left;
	}

	.area03 img {
	    width:120px;
	    margin-bottom: 5px;
	    margin-right:15px;
	    float:left;
	}

	.area03 p {
	   margin-top:10px;
	}

	.area04 .three-col div {
	    width:93%;
	    padding: 0 3.5%;
	    margin-bottom:15px;
	}

	.area04 .three-col h3 {
	    font-size:1.8rem;
	    margin-bottom: 10px;
	}

	.area04 .three-col p {
	    margin-bottom: 5px;
	}

	.area05 .three-col div {
	    overflow: hidden;
	    width:97%;	
	    text-align:left;
	    padding: 30px 1.5%;
	}

	.area05 img{
	    width:100px;
	        float: left;
	}

	.area05 h3, .area05 p {
	    margin-left:120px;
	}

	.area05 h3 {
	    font-size: 1.6rem;
	    text-align:left;
	    line-height:1;
	}

	.area05 h3 span {
	    display: block;
	    font-size: 2rem;
	}

	.area07 h2 {
	    font-size: 2rem;
	    padding: 45px 70px 80px;
	    background: url(images/h_baloon.png) 70px top no-repeat;
 	    background-size: 60%;
	}


	.hogan{
	        background-size: 25px 25px;
	}

/*area01*/
.area01 .two-col {
	height: auto;
}

.area01 .two-col div:first-child{
	background: url(images/bg_area1.png);
	z-index: -1;
	min-height:250px;
}

.area01 .two-col div:first-child img{
	width:60%;
	position:absolute;
	top:13%;
	right:38%;
	z-index: -1;
}

.area01 .two-col .right p{
	position:relative;
	height:80px;
	background:#18499D;
	width:33.33%;
	float:left;
}

.area01 .two-col .right p:hover{
	background:#18499D url(images/bg_area1_01.png);
}

.area01 .two-col .right img{
	width:80%;
	position:absolute;
	top:10px;
	left:10%;
	margin-top:10px;
}

.area01 .two-col .right img.staff{
	width:60%;
	position:absolute;
	top: -220px;
	left:55%;
	z-index: 0;
}

/*area06*/
.area06 h2{
	background-image: url(images/icon_heading_ster01.png), url(images/icon_heading_ster01.png);
	background-repeat: no-repeat, no-repeat;
	background-position: left -3px bottom 80px, right -5px bottom 0px;
	letter-spacing:-0.08em;
	font-size:2rem;
	background:none;
}
.area06 img{
	margin-top:0;
	margin-bottom:15px;
}
.area06 p{
	float:none;
	max-width:100%;
	width:94%;
	margin:0 auto 15px auto;
	clear:both;

}

/*area07*/
.area07{
	padding-bottom:0;
	line-height: 0;
}
.area07 h2{
	display: block;
	width:277px;
	font-size:2.8rem;
	margin:0 auto;
	padding:60px 70px 105px;
	background: url(images/h_baloon.png) 20px top no-repeat;
}
.area07 .bk_blue{
	background:#00a2e8;
	padding:80px 20px 50px 20px;
	display:block;
	width:94%;
	position:relative;
	margin:0 auto 35px auto;
	box-sizing:border-box;
	background:url(images/area07_img03.png) right bottom no-repeat #00a2e8;
}
.area07 .bk_blue p.img01{
	position:absolute;
	top:-10px;
	left:0;
	width:200px
}
.area07 .bk_blue p.img02{
	display:none;
}
.area07 .bk_blue div{
	display:block;
}
.area07 .bk_blue div:first-child{

}
.area07 .bk_blue div:first-child img{
	display:none !important;
}
.area07 .bk_blue div h3{
	font-size:3rem;
	color:#ffee00;
	margin-bottom:15px;
}
.area07 .bk_blue div p{
	color:#fff;
}
.area07 ul.btnArea{
	width:100%;
	margin:0 auto 35px auto;
	padding:0;
	overflow:hidden;
}
.area07 ul.btnArea li{
	width:100%;
	margin:0 0 15px 0;
	padding:0;
	text-align:center;
	display:block;
	float:none;
}
.area07 .navi li{
	float:left;
	min-width:50%;
	padding: 15px 20px;
	text-align:center;
	box-sizing:border-box;
	background:#f0f0f0;
}
.area07 .navi li:first-child{
	position: relative;
	width:100%;
	text-align:center;
	padding-right:20px;
	color:#fff;
}

/*area08*/
.area08{
	border-top:none;
	padding:30px 0;
}
.area08 .two-col div:first-child{
	border-left:0;
	border-right:0;
	padding-left:15px;
	padding-right:15px;
	box-sizing:border-box;
}

/*footer*/
footer .footinfo .contactArea{
	width:100%;
	display:table;
	margin:0;
	padding:0;
	color:#fff;
}
footer .footinfo .contactArea .cat{
	width:100%;
	display:block;
	margin:0 0 10px 0;
	padding:0;
	text-align:center;
	vertical-align:top;
}
footer .footinfo .contactArea .tel{
	width:100%;
	display:block;
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:top;
}
footer .footinfo .contactArea .tel .contactBox #table-row div{
	width:50%;
	padding:0 2%;
	display:table-cell;
	vertical-align:top;
	text-align:left;
	box-sizing:border-box;
}

footer .footinfo .contactArea .tel p{
	text-align:center;
	font-weight:bold;
	font-size:1.3rem;

footer .footmenu div{
	width:90%;
	margin:0 auto 15px auto;
	display:block;
	vertical-align:top;
	text-align:left;
}
}