@charset "utf-8";

/* main.css */


@media screen and (max-width:991px) {
	#keyvisual { position: relative; width: 100%; overflow: hidden; background: url(/interres/media/bgKeyvisual.jpg) center center #000; background-size: cover; }
	#keyframe { width: 100%; text-align: center; padding: 50px 0; background:radial-gradient(white 0%, transparent 70%); text-transform:uppercase; z-index: 9; }
  #keyframe ._first { font: normal 28px/1.2 Wns;  }
  #keyframe ._second { font: normal 16px/2 Wns; opacity: .8; }


	#buttons button { position: relative; text-align: left; width: 200px; height: 50px; padding-left: 70px; margin: 20px 5px; font: normal 16px/1 Wns; background:rgba(38, 33, 98, .8); color:#FFF; border:0; border-radius:5px; }
	#buttons img { position: absolute; top: 13px; left: 30px; }
	#buttons span { font-size: 12px; }

	#process { padding: 30px 0; background: rgba(153, 153, 153, 0.75); text-align: center; }
	#process h3 { font: normal 20px Wns; color: #FFF; padding-bottom: 20px; }
	#process img { padding: 20px 0; }
}

@media screen and (min-width:992px) {
	#keyvisual { position: relative; width: 100%; height: fit-content; max-height: 800px; line-height: 0; text-align: center; overflow: hidden;  background: url(/interres/media/bgKeyvisual.jpg) center center #000; background-size: cover; }
	#bg { width:100%; z-index:-100; background-size: cover; }
	#keyframe { position: absolute; top: 170px; left: 0; width:100%; text-align: center; background:radial-gradient(white 0%, transparent 60%); text-transform:uppercase; }
  #keyframe ._first { font: normal 50px/1.2 Wns;  }
  #keyframe ._second { font: normal 26px/2 Wns; opacity: .8; }

	#buttons button { position: relative; text-align: left; width: 210px; height: 70px; padding-left: 75px; margin: 20px 5px; font: normal 18px/1 Wns; background:rgba(38, 33, 98, .8); color:#FFF; border:0; border-radius:5px; }
	#buttons img { position: absolute; top: 20px; left: 30px; }
	#buttons span { font-size: 14px; }

	#process { position: absolute; bottom: 0px; width: 100%; padding: 35px 0; background: rgba(153, 153, 153, 0.75); }
	#process h3 { font: normal 20px Wns; color: #FFF; padding-bottom: 20px; }
	#process img { padding-right: 10px; }

}



/* CSS Document */