body {
 	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background: linear-gradient(to bottom, #eeeeee 0%,#B7EAE0 100%);
}


h1 {
	font-size: 1.5rem;
}

#fsize { font-size: 25px; }

.header1 {
	height: auto;
	padding: 3px 20px;
	color: #fff;
	font-size: 10px;
	text-align: right;
	background:#6a6a6a;
}
.footer1 {
	height: auto;
	padding: 3px 0;
	color: #fff;
	font-size: 10px;
	text-align: center;
	background:#6a6a6a;
}

.header {
	height: auto;
	font-size: 1.5rem;
	text-align: center;
	background: #ddd;
	padding: 3px 0px;
}








.footer {
	height: auto;
	padding: 3px 0;
	font-size: 16px;
	text-align: right;
	background: #ddd;
}

.main {
	display: table;			/* mainブロックを中央寄せ */
	margin-left: auto;
	margin-right: auto;
	height: auto;
	padding: 5px 20px;		/* ヘッダーフッターと本文の間隔：上下・左右 */
}

.content {
	display:block;
	padding-left: 20px;
}

/*  固定ヘッダー(https://webdesignday.jp/inspiration/technique/css/5793/) */
.gnav {
  	position: -webkit-sticky;	/* Safari用ベンダープレフィックス */
  	position: sticky;			/* メニューを固定 */
  	top: 0;						/* 上端に固定 */
  	display: flex;				/* メニュー項目を横に並べる */
  	margin: 0 auto;
 	width: 100%;				/* リスト全体の幅 */
 	padding: 2px;
}
.gnav > li {
    width: calc(100% / 4);		/*親階層の幅*/
  	margin: 0 3px;				/* メニュー項目の間隔(上下・左右) */
}
/*全てのリスト・リンク共通*/
.gnav li {
    list-style: none;
    position: relative;
}
.gnav li a {
    background: #466e96;
    border-right: 1px solid #eee;
    color: #fff;
    display: block;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
/*aの背景色を指定*/   
.gnav li:hover a {/*親階層*/
    background: #7d99b4;
}
/*表示ページのメニューの色*/
.gnav a.nowthis{
    background: #414552;
}

/* 2段目 */
.gnav1 {
  	position: -webkit-sticky;	/* Safari用ベンダープレフィックス */
  	position: sticky;			/* メニューを固定 */
  	top: 2.2rem;						/* 上端に固定 */
  	display: flex;				/* メニュー項目を横に並べる */
  	margin: 0 auto;
 	width: 100%;				/* リスト全体の幅 */
 	padding: 2px;
}
.gnav1 > li {
    width: calc(100% / 4);		/*親階層の幅*/
  	margin: 0 3px;				/* メニュー項目の間隔(上下・左右) */
}
/*全てのリスト・リンク共通*/
.gnav1 li {
    list-style: none;
    position: relative;
}
.gnav1 li a {
    background: #466e96;
    border-right: 1px solid #eee;
    color: #fff;
    display: block;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    text-decoration: none;
    width: 100%;
}
/*aの背景色を指定*/   
.gnav1 li:hover a {/*親階層*/
    background: #7d99b4;
}
/*表示ページのメニューの色*/
.gnav1 a.nowthis{
    background: #414552;
}


/*slick slider設定用css*/
.slider{
    margin: 5px auto;
    width: 80%;
}
.slider img{
    height: auto;
    width: 100%;
}
/*slick setting*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}

img {
	max-width: 100%;
	height: auto;
}
iframe {
	max-width: 100%;
	height: auto;
}