@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Comfortaa&display=swap);
html {position: relative;min-height: 100%;}
body { font-family:Comfortaa, "Lucida Bright", "DejaVu Serif", Georgia, serif}
.parallax {
  background-image: url("images/top.jpg");
  min-height: 500px;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.parallax .cont{
padding-top: 15em;
color: #FFF;
text-align: center;
text-transform: uppercase;
}
.parallax .cont .ttl{
	font-size: 6em;
	border-bottom: 4px solid #fff;
}
.parallax .cont .sub-ttl{
	font-size: 2.3em;
	display: block;
}
h1{font-size:2em;margin: 30px;}
ul{list-style: none;margin: 0;padding: 0;}
.ul-1{
font-size: 1.2em;
}
.ul-1 li{
	position: relative;
	padding: 0px 0 20px 40px;
	}
.ul-1 li:before {
	background-position: 0px -16px;
	background: transparent url("images/checkbox.png") scroll 0 0 no-repeat;
	content:"";
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 4px;
}
.con-1{
	text-align:center;
}
.con-1 h2{
	font-size:1.2em;
	font-weight: bold;
	text-transform:uppercase;
}
.con-1 img{
	width: 50%;
	margin: 20px auto
}
footer{
	text-align: center;
	margin-top: 2em;
	background-image: url("images/top.jpg");
	color:#FFF;
}
footer h3{
	text-transform: uppercase;
	font-size: 1.3em;
}
iframe{
	border: 0;
	height: 470px;
}
@media screen and (max-width: 1200px) {
	.parallax{
		background-attachment: unset;
		min-height: 400px;
	}
	iframe{
		height: 680px;
	}
	.parallax .cont{
		padding-top: 5em;
	}
}
@media screen and (max-width: 900px) {
	.con-1 img {
    	width: 30%;
	}
}