@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

/* -------------------------------------------------------------------- */
/* ▼全ての共通デザインを記述 */
/* -------------------------------------------------------------------- */

* {
    font-family: Lato, “Noto Sans JP”, “游ゴシック Medium”, “游ゴシック体”, “Yu Gothic Medium”, YuGothic, “ヒラギノ角ゴ ProN”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif;
}

a {
	text-decoration: none;
}

h1 {
	font-size: 160%;
}
h2 {
	font-size: 120%;
}
h3 {
	font-size: 100%;
}
h4 {
	font-size: 70%;
}

h2.h_Marker {
	background: linear-gradient(transparent 30%, #76BA97 60%);
}

h2.h_Marker0 {
	background: linear-gradient(transparent 30%, #BEFF3C 60%);
}

h2.h_Marker1 {
	background: linear-gradient(transparent 30%, #78C0FF 60%);
}

h2.h_Marker2 {
	background: linear-gradient(transparent 30%, #FFD350 60%);
}

h2.h_Marker3 {
	background: linear-gradient(transparent 30%, #D4D4D4 60%);
}

h2.h_Marker4 {
	background: linear-gradient(transparent 30%, #78C0FF 60%);
}



/* -------------------------------------------------------------------- */
/* ▼タブレットや狭い画面のPC用デザインとして付け足すデザインだけを記述 */
/* -------------------------------------------------------------------- */
@media screen and (min-width: 768px) {

	h1 {
		font-size: 185%;
	}
	h2 {
		font-size: 160%;
	}
	h3 {
		font-size: 110%;
	}
	h4 {
		font-size: 90%;
	}
}

/* ---------------------------------------------- */
/* ▼PC用デザインとして付け足すデザインだけを記述 */
/* ---------------------------------------------- */
@media screen and (min-width: 960px) {

	h1 {
		font-size: 250%;
	}
	h2 {
		font-size: 190%;
	}
	h3 {
		font-size: 120%;
	}
	h4 {
		font-size: 100%;
	}

}