@charset "UTF-8";


/**************************************************
　共通
***************************************************/

/* header */
header h1 {
	margin-top: 20px;
}
header h1 img,
header h1 span {
	float: left;
}
header h1 img {
	margin-top: 0;
}
header h1 span {
	display: block;
}
header h1 a {
	color: #102090;
}

/* footer */
.footerContents {
	margin: 0;
}
.footerContents p {
	text-align: center;
}

/**************************************************
　デバイス振り分け設定
***************************************************/

/* ■■ SP ■■ */
@media (max-width: 767px) {

	/* ロゴ */
	header h1 span {
		line-height: initial;
		margin-left: 8px;
	}

}
@media (max-width: 320px) {

	/* 幅狭スマホ */

	/*  */

}
@media (min-width: 321px) and (max-width: 767px) {

	/* 幅広スマホ */

	/*  */

}


/* ■■ タブレット＆ブラウザ ■■ */
@media screen and (min-width: 768px) {

  	/* 共通 */

	/* ロゴ */
	header h1 span {
		margin: -16px 0 0 8px;
	}

	/* コンテンツ高さ */
	.eachBlock {
		height: calc( 100vh - 131px );
		padding: initial
	}

}
  
/* ■■ (狭いブラウザとタブレット向け) ■■ */
@media (max-width: 1020px) and (min-width: 768px) {

	/*  */

}

/* ■■ PC ■■ */
@media screen and (min-width: 1021px) {

	/*  */

}
@media screen and (min-width: 1184px) {

	/* ミドルブラウザ */

	/*  */

}
@media screen and (min-width: 1185px) {

	/*  */

}