@charset "utf-8";
/* CSS Document */

/* 基本設定 ----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/

/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* ボディー */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
body{
	background: url(../img/bg.jpg) no-repeat center top, #B6B3DE ;
	/* linear-gradient(to bottom, #A2CBEA, #CCF1FA) no-repeat */
	/* url(../img/bg.png) no-repeat center top, */
	height: auto ;

	/* background-image: url(../img/bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	color: #c6e0f2;
	width:100%; */
	
	color: #333 ;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "MS Pゴシック", "MS PGothic", sans-serif ;
	font-feature-settings: "pkna" ; /* 文字詰め 自動カーニング */
	font-size: 14px ;
	line-height: 1.8 ;

	overflow: scroll; /* 常にスクロールバーを表示 */

	-webkit-text-size-adjust: 100% ; /* スマホで文字の大きさを変えない設定 */
}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* ラッパー */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
.wrapper{
	background: url(../img/main.jpg) no-repeat center top, #463D96 ;
	display: flex ;
	margin: 0 auto ;
	position: relative ;
	width: 940px ;

	min-height: 1160px ;
}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* ヘッダー */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
header {
	background: none ;
	width: 100% ;
	text-align: center ;
}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* メイン画像 */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
.main_image{
	background: none ;
	display: inline-block ;
	margin-top: 0 ;
}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* 事務局 */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
.info_space{
	background: rgb(255, 255, 255, 0.4) ;
	padding: 30px 10px 0 10px;

	color: #333 ;
	font-size: 14px ;
	line-height: 1.5 ;

	height: 145px ;
}

.info_space_flex {
	background: rgb(255, 255, 255, 0.4) ;
	display: flex ;
	justify-content: center;
	clear: both ;
	margin: 0 auto ;
	padding-top: 20px ;
	padding-right: 50px ;
	color: #333 ;
	
	/* スマホ対応 */
	min-width: 936px ; /* スマホ表示用 端が切れない設定 */
	vertical-align: middle ;
	width: 100% ;
	
	font-size: 14px ;
	height: 145px ;
}

.info_space_flex a:link { /* アクセスしたことのないリンク */
	color: #333 ;
	text-decoration: underline ;
}
.info_space_flex a:visited { /* アクセスしたことのあるリンク */
	color: #333 ;
	text-decoration: underline ;
}
.info_space_flex a:hover { /* マウスが上に乗っている状態*/
	color: #EE8000 ;
	text-decoration: none ;
}





/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* メインコンテンツ */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
.main_bg{
	width: 100% ;
}

.main{
	float: right ;
	width: 720px ;

	position: relative ; /* What's New 親要素としての設定 */
}

.main_content{
	background: #FFF ;
	min-height: 1160px ;
	padding-bottom: 30px ;
	width: 100% ;
}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* What's New */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
.w_n {
	border: solid 2px #EEE09A;
	clear: both ;
	display: block ;
	margin: 0 auto 24px ;
	padding-bottom: 4px ;
	width: 670px ;
	text-align: left ;

	position: absolute ;
	top: 930px ;
	left: 25px ;
}

/* What's new バー */
.w_n_bar {
	border-bottom: solid 2px #EEE09A ;
	padding-left: 15px ;
	width: 100% ;

	color: #EEE09A ;
	font-size: 24px ;
	font-weight: bold ;
}

/* What's new 更新情報スペース */
dl.w_n_box{
	height: 162px ;
	width: 660px ;
	overflow: auto ;

	margin-left: 5px;
}
	dl.w_n_box dt{
		color: #FFF ;
		float: left ;
		padding: 10px 20px 0px 15px ;
	}
	dl.w_n_box dd{
		color: #FFF ;
		padding: 10px 15px 0px 15px;
	}


.w_n_box a:link { /* アクセスしたことのないリンク */
	color: #0060B3 ;
	text-decoration: underline ;
}
.w_n_box a:hover { /* マウスが上に乗っている状態*/
	color: #e75a08 ;
	text-decoration: none ;
}
.w_n_box a:visited { /* アクセスしたことのあるリンク */
	color: #0060B3 ;
	text-decoration: underline ;
}
	.w_n_box a:visited:hover { /* アクセスしたことのあるリンクのホバー時 */
		color: #e75a08 ;
	}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* ヘッダー */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
h1{
	background: linear-gradient( to right, #F7F1D2, #EFD69F) ;
	display: block ;
	width: 100% ;
	height: 60px;
	color: #463D95 ;
	font-size: 36px ;
	letter-spacing: 0.25em ;
	text-align: left ;
	line-height: 1.5em;
	padding-left: 21px;
}
	h1 span{
		letter-spacing: 0 ;
	}



h2{
	background: linear-gradient( to right, #F7F1D2, #EFD69F) ;
	border-left: solid 3px #463D95;
	display: block ;
	padding: 0px 15px 0 15px ;
	width: 100% ;

	color: #463D95 ;
	font-size: 22px ;
	font-weight: bold ;
}

.h2_2L{
	background: linear-gradient( to right, #ddf1ff, #d8f3de) ;
	display: block ;
	padding: 10px 15px ;
	width: 100% ;
	height: auto ;

	color: #463D95 ;
	font-size: 22px ;
	font-weight: bold ;
	line-height: 1.4 ;
}



h3{
	border-bottom: solid 1px #463D95 ;
	display: block ;
	margin-bottom: 5px;
	margin-top: 20px;
	width: 100% ;

	color: #463D95 ;
	font-size: 18px ;
	font-weight: bold ;
}






/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* CONTENT */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
.content{
	display: block ;
	margin: 20px 20px 35px 20px ;
}

.content2{
	display: block ;
	margin: 20px 0px 35px 0px ;
}


.content_greeting{
	display: block ;
	text-align: justify ;
}


.content_area01{
	display: block ;
	margin: 15px 25px 35px 25px ;
}



.content_flex{
	display: flex ;
	align-items: flex-start ; /* flexアイテムを上揃えで配置 */
	justify-content: space-between ;
}


.content_pro{
	display: block ;
	margin: 5px 10px 20px 0px ;
}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* フッター */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
footer{
	background: #262372 ;
	clear: both ;
	min-width: 936px ; /* スマホ表示用 端が切れない設定 */
	padding-bottom: 2px ;
	width: 100% ;
	
	color: #FFF ;
	font-size: 10px ;
	text-align: center ;
	padding-top: 4px ;

	height: 26px;
}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* トップへ戻るボタン */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
.page_top {
	/* background: linear-gradient(45deg, #55a9ee, #8ac6f8, #c3eb95, #8bc24c) ; */
	background: linear-gradient(45deg, #07913A, #58B530, #d9f7cc) ;
	border-radius: 60px ;
	display: block ;
	height: 60px ;
	width: 60px ;

	color: #fff ;
	font-size: 25px;
	line-height: 60px ;
	text-decoration: none ;
	text-align: center ;

	-webkit-transition: all 0.3s ;
	-moz-transition: all 0.3s ;
	transition: all 0.3s ;

    /* 位置 -*/
	position: fixed ;
	right: 40px;
    bottom: 40px;

	/* 内側に枠線をつける */
	outline : 1px solid #ecf6e8; /* 線の太さ・線状・色 */
	outline-offset : -5px; /* どれだけ内側に線を表示したいかを負の値で指定 */
}

	.page_top:hover {
		opacity: 0.7 ;
	}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* ナビ メニューボタンにicon追加 */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
nav > ul > li > a.icon_pdf::after{
	font-family: Font Awesome\ 5 Free ;
	font-size: x-large ;
	content: "\f1c1" ;
	font-weight: 900 ;
	margin-left: 15px;
	vertical-align: middle ;
}




/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/
/* リンク設定 */
/*----------*----------*----------*----------*----------*----------*----------*----------*----------*----------*/

/* リンク設定 色 */
.linkA:link { /* アクセスしたことのないリンク */
	color: #FF6914 ;
	text-decoration: underline ;
}
.linkA:visited { /* アクセスしたことのあるリンク */
	color: #6525b3 ;
	text-decoration: underline ;
}
.linkA:hover { /* マウスが上に乗っている状態*/
	color: #6525b3 ;
	text-decoration: none ;
}



/*----------*----------*----------*----------*----------*/

.linkB:link { /* アクセスしたことのないリンク */
	color: #0060B3 ;
	text-decoration: underline ;
}
.linkB:hover { /* マウスが上に乗っている状態*/
	color: #e75a08 ;
	text-decoration: none ;
}
.linkB:visited { /* アクセスしたことのあるリンク */
	color: #0060B3 ;
	text-decoration: underline ;
}
	.linkB:visited:hover { /* アクセスしたことのあるリンクのホバー時 */
		color: #0060B3 ;
	}



/*----------*----------*----------*----------*----------*/

.linkC:link { /* アクセスしたことのないリンク */
	color: #A03E1D ;
	text-decoration: underline ;
}
.linkC:visited { /* アクセスしたことのあるリンク */
	color: #A03E1D ;
	text-decoration: underline ;
}
.linkC:hover { /* マウスが上に乗っている状態*/
	color: #e9a15e ;
	text-decoration: none ;
}