@charset "utf-8";

html {
	font-size: 18px;
	width:100%;
}

body {
	font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 1em;
	width:100%;
	margin: 0;
  color:#000;
  transition: .3s;
	overflow-x: hidden;
  font-feature-settings: "palt";
  background: -moz-linear-gradient(top, #0068b7, #FFF);
  background: -webkit-linear-gradient(top, #0068b7, #FFF);
  background: linear-gradient(to bottom, #0068b7, #FFF);
}

.contents {
	max-width:1280px;
	height:100%;
	margin:0 auto;
}

h1 {
	font-family: 'Lato';
	font-size:3em;
	text-align:center;
	font-weight:700;
	color:#fff;
	padding:0.5em 0;
}
img {
	width:100%;
}

.img_box {
	margin:1em 1em 3em;
}
@media screen and (max-width: 1280px) {
	h1 {
		font-size:4.5vw
	}
}