@charset "UTF-8";


/* 共通部分
-----------------------------*/
html {
		font-size: 100%
	}
	
/* Webページ共通
-----------------------------*/
body {
		font-family: "Yu Gothic", "Yu Gothic Medium", YuGothic, "游ゴシック Medium","游ゴシック", "游ゴシック体", sans-serif;
		line-height: 1.7;
	}
	
	
	#webpage_top {
		padding-top: 80px;
		padding-bottom:80px;
		background-color:  #A2C2D0;
	}
	
	.page_ttl {
		text-align: center;
		font-weight: bold;
		font-size: 28px;
	}
	
	.page_subttl {
		text-align: center;
		font-weight: bold;
		font-size: 24px;
	}
	
	#webpage_contents {
		display: flex;
		/*border-top: solid;*/
		/*border-top-color: #A2C2D0;*/
		min-height: 100vh;
		position: relative; /*相対位置*/
		padding-bottom: 100px;/*footerの高さ*/
		box-sizing: border-box;/*全て含めてmin-height:100vhに*/
	}
	
	.side_bar {
		width: 20%;
		margin-left: 50px;
		margin-top: 20px;
		border-right: solid;
		border-right-color:  #A2C2D0;
	}
	
	.side_bar a {
		display: block;
	}
	
	.side_bar a:hover {
		display: block;
		font-weight: bold;
		font-size: 20px;
		color: #f37053;
	}
	
	.side_bar_ttl {
		font-weight: bold;
		margin-top: 20px;
		
	}
	
	.container {
		width: 80%;
		margin-right: 50px;
		margin-top: 20px;
	}
	
	.contents_ttl {
		text-align: center;
		font-weight: bold;
		font-size: 20px;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	.txt_box {
		margin-right: 50px;
		margin-left: 50px;
	}
	
	.txt_box p {
		padding-left: 25px;
		padding-right: 25px;
	}
	
footer {
		text-align: center;
		padding: 30px 0;
		/*position: absolute;*/ /*絶対位置*/
		/*bottom: 0;*/ /*下に固定*/
	}