@charset "utf-8";
/* CSS Document */
/*
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
*/

body{
	color:#666;
	font-size:16px !important;
	line-height:1.5em;
}



img{
	max-width:100%;
	height:auto;
}

header{
	background:url(mesh.png) #C8EEFA;
	
}

header h1{
	margin:0;
	padding:0 0 0 0.75rem;
	background:#F485A1;
	height:3rem;
}

header h1 a{	
	display:block;
	height:100%;
	width:97px;
	background:url(logo.png) no-repeat left center;
	background-size:97px 36px;
	text-indent:-9999px;
	position:relative;
	z-index:30;
}

header .slider-box{
	background-position:top center;
	position:relative;
	z-index:10;
}


header .slider{
	margin:0;
	padding:0;
	position:relative;
	z-index:20;
	background-color:#fff;
	padding-bottom:0.3125rem;
}

header .slider img{
	max-width:none;
}

@media (min-width: 576px) {
  header .slider{
	padding-bottom:0.6875vw;
  }
}

@media (min-width: 992px) {
  header .slider{
	padding-bottom:0.6875rem;
  }
  

  

}


header .header-image{
	display:block;
	margin:-1rem auto 0;
}

section > .wrap{
	margin:0 auto;
	padding:0 15px;
	max-width:54.375rem;	
}

section.intro{
	padding:1.5rem 0 0;
	background:#FCE3ED;
}


@media (min-width: 576px) {
  section.intro{
	padding:2.5rem 0 0;
	background:#FCE3ED;
  }
}

section.intro .intro-image{
	display:block;
	margin:0 auto 0;
}


footer small{
	font-size:0.75rem
}

section.outline{
	margin:-1.375rem 0 0;
	padding:2rem 0 0 0;
	background-position:top center;
}


@media (min-width: 576px) {
  section.outline{
	margin:-2.375rem 0 0;
	padding:4rem 0 0 0;
  }
}
@media (min-width: 768px) {
  section.outline{
	margin:-4.375rem 0 0;
	padding:7rem 0 0 0;
  }
}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}

section.outline a{
	color:#2ABEF2;
    text-decoration: none;
    border-bottom: 1px dotted #2ABEF2;
    padding-bottom: 2px;
}

section.outline h3{
	margin:0 0 1.125rem;
	padding:0 0 1rem;
	color:#F485A1;
	font-size:1.3125rem;
	text-align:center;
	border-bottom:1px dotted #F485A1;
	font-weight:bold;
}

/*section.outline dl.row{
	margin:0;
	padding:0;
}*/
section.outline dt{
	margin:0;
}

section.outline dt div{
	padding:0 0 0 2.8125rem;
	background:#F485A1;
	line-height:1.875rem;
	color:#fff;
	border-radius: 0.9375em;
    -webkit-border-radius:0.9375em;
    -moz-border-radius:0.9375em;
	position:relative;
}

section.outline dt div:before{
	content:"";
	display:block;
	position:absolute;
	background:url(mark1.png) no-repeat center center;
	width:2.8125rem;
	height:1.875rem;
	left:0;
	top:0;
}


section.outline dt{
    margin:0 0 0.25rem;
}
section.outline dd{
	margin:0 0.75rem 0.75rem;
}

@media (min-width: 768px) {

  section.outline dt{
	margin:0 0 0.75rem;
  }

  section.outline dd{
	margin:0 0 0.75rem;
  }
  section.outline dd{
	padding-left:15px !important;
  }
}




section .wave{
	/*background-size:10vw;*/
	background-size:20vw;
}
.wave{
	background:url(wave.png) repeat-x;
	background-size:10%;
}


.slider-box.wave, outline.wave{
	margin:-2.4vw 0 0;
	padding-top:2.4vw;
}

@media (min-width: 576px) {
  .wave{
	background-size:10vw;
  }
}
@media (min-width: 768px) {
  .wave{
	background-size:12vw;
  }
}
@media (min-width: 992px) {
  .wave{
	background-size:10vw;
  }
}
@media (min-width: 1200px) {
  .wave{
	background-size:auto;
  }
  .slider-box.wave, outline.wave{
	margin:-2rem 0 0;
  }
}


section.etc{
	padding-bottom:5rem;
    position:relative;
    z-index:20;
    background-image:url(wave.png);
    background-position:bottom center
}

@media (min-width: 992px) {
  section.etc{
	padding-bottom:7rem;
  }
}

section.etc dl{
	margin:0 auto;
	text-align:center;
}

section.etc dt div{
	margin:2rem 0 0;
	background:#54CEEF;
	font-size:1.5rem;
	line-height:2.25rem;
	color:#fff;
	border-radius: 1.125em;
    -webkit-border-radius:1.125em;
    -moz-border-radius:1.125em;
	position:relative;
	overflow:visible;
}

section.etc dt div:before{
	content:"";
	display:block;
	position:absolute;
	background:url(mark2.png) no-repeat;
	width:2.8125rem;
	height:3.75rem;
	left:1rem;
	top:-2rem;
}

section.etc small{
	font-size:0.875rem;	
}

section.etc img{
	display:block;
	margin:1.125rem auto 0.5rem;
}




@media (min-width: 768px) {

  section.etc dl{
	  max-width:320px;
  }

}






footer{
	/*background:url(wave.png) #C8EEFA repeat-x top center , url(mesh.png) #C8EEFA;*/
	background:url(mesh.png) #C8EEFA;
	margin-top:-1rem;
	padding-top:3rem;
	padding-bottom:1.5rem;
	text-align:center;
	position:relative;
	z-index:10;
	
}


@media (min-width: 992px) {
	footer{
		margin-top:-1.5rem;
		padding-top:3rem;
	}
}