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

/*common*/
body {
	font-family: "Open Sans", "Helvetica Neue", Helvetica, "Arial", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	line-height: 160%;
	color: #697880;
	background-color: #e4ebf0;
	margin:0;
	padding:0;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, "Arial", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
p {
	margin:0;
	font-size: 90%;
	line-height: 150%;
}
div {
	margin: 8% 4%;
}
h3 {
	font-family: 'Cormorant Garamond', serif;
	font-weight:600;
	color:#7da0b3;
	font-size:110%;
	background-color: #FFFFFF;
	padding: 3% 8%;
	margin: 8% auto;
}
h4{
	color: #5c8499;
	font-size:100%;
	font-weight:600;
	line-height: 150%;
	border-bottom: 1px dotted #5c8499;
	margin-bottom: 5%;
}
a:link {
	color: #8a859d;
	text-decoration: none
}
a:visited {
	color: #8a859d;
	text-decoration: none;
}
a:active {
	color: #d17a69;
	text-decoration: underline;
}
a:hover {
	color: #d17a69;
	text-decoration: underline;
}
.list-group-item {
	padding: 2% 10%;
	font-size: 90%;
	line-height: 140%;
}
.list-group a:link, .list-group a:visited {
	color:#FFFFFF;
	text-decoration: none;
	background-color: #849dab;
	border-color: #7da0b3;
}
.list-group a:active, .list-group a:hover {
	color:#7da0b3;
	text-decoration: none;
	background-color: #FFFFFF;
	border-color: #7da0b3;
}

/* text*/
.tN {
	font-size:14px;
}
.ts{
	font-size: 90%;
	line-height:150%;
}
.tss{
	font-size: 80%;
	line-height:150%;
}
.tsss{
	font-size: 70%;
	line-height:150%;
}