@charset "UTF-8";


/*----------------------------------------------------------------------------
  common
----------------------------------------------------------------------------*/
html {
    font-family: Noto Sans Japanese, Noto Sans JP, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "hiragino kaku gothic pro", hiragino kaku gothic pro, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 62.5%;
	font-weight: 350;
	line-height: 1.9;
	color: #444;
	text-align: left;
	background-color: #fff;
}
body {
	font-size: 16px;
	min-width: 1024px;
}
img {
	width: 100%;
	height: auto;
}
ul {
	list-style:none;
	margin: 0;
	padding: 0;
}
p {
	margin: 0;
	padding: 0;
}
a { 
	color: #2EA7E0; 
}
.wrapper {
	width: 950px;
	margin: 0 auto;
}
.wrapper:after { content: ""; display: block; clear: both; }
.note {
	font-size: 14px;
}


/*----------------------------------------------------------------------------
  header
----------------------------------------------------------------------------*/
header {
	background-color: #c8cacc;
	border-bottom: #9DA3A5 6px solid;
	height: 100px;
}
header h1,
header .logo {
	float: left;
	width: 196px;
	height: 38px;
	line-height: 0;
	background-color: #c8cacc;
	margin: 32px 0 0 0;
	padding: 0;
}
header h1 a,
header .logo a {
	display: block;
}
header nav {
	float: right;
	margin-top: 27px;
}
header nav ul:after { content: ""; display: block; clear: both; }
header nav li {
	float: left;
	height: 46px;
	border-left: #737B7F 1px solid;
	padding: 0 2em;
}
header nav li:first-child {
	border-left: none;
}
header nav li a {
	display: block;
	font-size: 13px;
	letter-spacing: .03em;
	color: #575D61;
	text-decoration: none;
}
header nav li a span {
	display: block;
	font-family: 'Noto Sans', sans-serif;
	font-size: 22px;
	line-height: 1;
	padding-bottom: .2em;
}


/*----------------------------------------------------------------------------
  aside
----------------------------------------------------------------------------*/
aside {
	float: left;
	background-color: #fff;
	width: 176px;
	padding-top: 70px;
}
aside h1 {
	font-family: 'Noto Sans', sans-serif;
	font-weight: 350;
	line-height: 1;
	margin: 0;
	padding-bottom: 3em;
}
aside h1 {
	font-size: 14px;
	color: #575D61;
	text-decoration: none;
}
aside h1 span {
	display: block;
	font-size: 32px;
	line-height: 1;
	padding-bottom: .7em;
}
aside nav {
	padding-bottom: 4em;
}
aside nav ul {
	width: 90%;
	border-top: #999 1px solid;
	border-bottom: #999 1px solid;
	padding: 1em 0;
}
aside nav li a {
	display: block;
	font-size: 18px;
	color: #aaa;
	text-decoration: none;
	padding: .5em 0;
}
aside nav li a:before {
	content: "ー ";
}
aside nav li a.current {
	color: #444;
}

/*----------------------------------------------------------------------------
  main
----------------------------------------------------------------------------*/
main {
	float: right;
	background-color: #fff;
	border-left: #999 1px solid;
	box-sizing: border-box;
	width: 765px;
	min-height: 500px;
	padding: 70px 0 2em 49px;
}

/*----------------------------------------------------------------------------
  section
----------------------------------------------------------------------------*/
section {
	padding-bottom: 3em;
}
section h2 {
	font-size: 28px;
	color: #000;
	font-weight: 350;
	line-height: 1;
	margin: 0;
	padding-bottom: 1em;
}
section p {
	padding-bottom: 1.5em;
}
section>dl>dt {
	clear: left;
	float: left;
	width: 9.5em;
	font-size: 16px;
	font-weight: 700;
	padding-bottom: .7em;
}
section>dl>dd:after { content: ""; display: block; clear: both; }

/*----------------------------------------------------------------------------
  footer
----------------------------------------------------------------------------*/
footer {
	width: 100%;
	height: 120px;
	background-color: #81191b;
	color: #fff;
}
footer nav {
	float: left;
	margin-top: 25px;
}
footer nav li a {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}
footer .copyright {
	float: right;
	font-size: 10px;
	margin-top: 25px;
}