@charset "utf-8";

:root {
    --primary-color: #add4dc;
}


/*全体の設定
---------------------------------------------------------------------------*/
html,body {
	height: 100%;
	font-size: 13px;	
}
	@media screen and (min-width:900px) {
	html, body {
		font-size: 16px;	
		}

	}


body {
	font-family: "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	/*フォント種類*/
	-webkit-text-size-adjust: none;
	background: #fff;	/*背景色*/
	color: #999;		/*文字色*/
	line-height: 2.5;		/*行間*/
}


/*table全般の設定*/
table {border-collapse:collapse;}

/*画像全般の設定*/
img {border: none;max-width: 100%;height: auto;vertical-align: middle;}

/*他*/
input {font-size: 1rem;}
section + section {
	margin-top: 3rem;
}


/*リンクテキスト全般の設定
---------------------------------------------------------------------------*/
a {
	color: #999;		/*文字色*/
	transition: 0.3s;	/*hoverまでにかける時間。0.3秒。*/
}

/*マウスオン時*/
a:hover {
	color: var(--primary-color);	/*css冒頭で指定しているテーマカラーを読み込みます*/
}


#container {
	height: 100%;
	display: flex;		
	flex-direction: column;	
	justify-content: space-between;
	max-width: 1800px;
	margin: 0 auto;
	border-top: 5px solid var(--primary-color);
}


#contents {
	flex: 1;
	padding: 0 3%;
}


header {
	padding: 3rem 0;	
	text-align: center;
}


#menubar ul {
	margin: 0;padding: 0;
	margin-bottom: 3rem;
	display: flex;				
	justify-content: space-around;
	border-top: 1px solid #ddd;	
	border-bottom: 1px solid #ddd;
}

#menubar li {
	flex: 1;
	text-align: center;
}
#menubar a {
	text-decoration: none;display: block;
	color: inherit;
	padding: 0.7rem 0.5rem;		
}

/*マウスオン時*/
#menubar a:hover {
	background: var(--primary-color);
	color: #fff;					
}

/*mainブロック*/
main {
	padding: 5%;
}

/*mainブロック内のh2*/
main h2 {
	font-size: 1.8rem;	
	text-align: center;	
	letter-spacing: 0.2em;
	color: var(--primary-color);
}

/*mainブロック内のh3*/
main h3 {
	font-size: 1.4rem;	
	text-align: center;	
	letter-spacing: 0.2em;
}

/**mainブロック内のpタグ*/
main p {
	margin: 1rem;	
}


footer small {font-size: 100%;}
footer {
	font-size: 0.7rem;	
	text-align: center;	
	padding: 20px;		
	color: #fff;		
	background: var(--primary-color);	
}


.ta1 caption {
	font-weight: bold;	
	padding: 1rem;		
	background: #555;	
	margin-bottom: 15px;
	border-radius: 5px;	
	color: #fff;		
}

/*ta1テーブルブロック設定*/
.ta1 {
	border-top: 1px solid #666;
	width: 100%;
	margin: 0 auto 2em;		
}

/*tr（１行分）タグ設定*/
.ta1 tr {
	border-bottom: 1px solid #666;
}


.ta1 th, .ta1 td {
	padding: 1rem;	
	word-break: break-all;
}

/*th（左側）のみの設定*/
.ta1 th {
	width: 28%;		
	text-align: left;
	background: #f7f7f7;
}