@charset "UTF-8";			/*スタイルシートで使う文字エンコーディングを定義*/

.header{					/*トップページのヘッダーに表示される内容の要素*/
	width:100%;			/*横幅100%で表示*/
	height:80px;			/*高さ80pxで表示*/
	padding-left:260px;		/*左余白260pxで表示*/
	background: #ffffff;		/*背景の色”白色”*/
}


.header h3{					/*トップページのヘッダー見出し文字の要素*/
	margin-left:40px;		/*左余白40pxで表示*/
	padding-top:10px;		/*上余白10pxで表示*/
	color:#0000cd;			/*文字の色”青”*/
}


.header p{					/*トップページのヘッダー文字の要素*/
	margin-left:60px;		/*左余白60pxで表示*/
	line-height:1;			/*文字の行間フォントサイズ0.5倍で表示*/
}



.top{						/*トップページの要素*/
	padding-left:260px;		/*左余白260pxで表示*/
}


.img_top{					/*トップページの画像の要素*/
	max-width:100%;			/*最大横幅100%で表示*/
	position: relative;		/* 相対位置指定 */
}


.text_top{					/*トップページの文字の要素*/
	display:inline-block;		/* インラインブロック要素にする */
	font-size:1.3vw;			/*フォントサイズビューポートの幅の 1/100*/
	left:280px;				/*左から280pxの位置*/
	top:25%;				/*上から70%の位置*/
	border-radius:30px;		/*角を30px丸く*/
	margin:0;				/*外側の余白0px*/
	padding:1.2% 1.5%;		/*文字の余白上下1.2%　左右1.5%*/
	letter-spacing:0.1rem;		/*文字間隔*/
	line-height:1.2;			/*文字の行間*/
	color:#000000;			/*文字色*/
	background:#ffffff; 		/* 背景の色 */
	position:absolute; 		/* 絶対位置指定 */
}


.text_top span{				/*スパンの文字の要素*/
	font-size:1.4vw;			/*フォントサイズビューポートの幅の 1/100*/
	color:#0000cd;			/*文字色*/
}



.title_top{					/*トップのタイトルの要素*/
	font-size:150%;			/*文字サイズ150%で表示*/
	text-align:center;		/*中央揃えで表示*/

}


.subtitle_top{				/*サブタイトルの要素*/
	text-align:center;		/*中央揃えで表示*/
}


.subtitle_top p{				/*サブタイトルの要素*/
	font-size:110%;			/*文字サイズ110%で表示*/
	text-align: left;			/*左揃えで表示*/
	display: inline-block;		/*インラインブロック要素に変更、横幅と高さを指定するため*/
}



.setsumei_top{				/*トップの説明の要素*/
	text-align:center;		/*中央揃えで表示*/
}


.setsumei_top p{				/*トップの説明の要素*/
	font-size:100%;			/*文字サイズ100%で表示*/
	text-align: left;			/*左揃えで表示*/
	display: inline-block;		/*インラインブロック要素に変更、横幅と高さを指定するため*/
}


.img_top{					/*各ページの画像の要素*/
	display:block;			/* ブロック要素にする */
	text-align:center;		/*中央揃えで表示*/
	max-width:100%;			/*最大横幅100%で表示*/
}



#koushin {					/*更新履歴の要素*/
	margin-left: 20%;			/*左余白20%で表示*/
}


#koushin h3 {
	color:#45607a;			/*文字の色”灰色”*/

}


#koushin li{				/*更新履歴の順序なしリスト要素*/
  	border-bottom:1px dotted #000000;	/*厚み1pxの破線で”黒色”*/
 	list-style:none;			/*行頭の文字なし*/
  	padding:7px;			/*上下左右余白20%で表示*/
  	width:800px;			/*横幅800pxで表示*/
}


#koushin a{				/*更新履歴のリンク要素*/
 	color:#000000;			/*文字の色”黒色”*/
  	text-decoration:none;		/*文字の下線削除*/
}


#koushin p{				/*更新履歴の文字要素*/
	color:#1c448d;			/*文字の色”青色”*/
  	display:inline-block;		/*インラインブロック要素に変更、横幅と高さを指定するため*/
}


#koushin .new::after{			/*「new」表示の要素、文字の最後につける*/
  	content:"NEW";			/*「new」を表示*/
 	color:#d10606;			/*「new」の文字の色”赤色”*/
 	font-size:0.8rem;		/*文字サイズ0.8倍で表示*/
 	border:1px solid #d10606;	/*1pxの枠線を表示”赤色”*/
  	padding:3px 7px;			/*枠線上下3px、左右7pxの余白で表示*/
  	display:inline-block;		/*インラインブロック要素に変更、横幅と高さを指定するため*/
  	line-height:1;			/*行の高さ＝文字の高さにするため*/
}