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

@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css);
@import url(https://use.fontawesome.com/releases/v5.4.2/css/all.css);

/* HTML, Body, Anchor
-------------------------------------------------------------- */
* {
	box-sizing: border-box;
}

html,body{
	width: 100%;
	height: 100%;
}

body {
	color: #333;
	font-size: 16px;
	font-family:"Mplus 1c", "Mplus 1p","ヒラギノ丸ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "sans-serif";
	font-weight:300;
	line-height:1.4em;
}

h1, h2, h3, h4, h5, h6 { line-height: 1.15;}
h1{
	color: #666;
	margin:0.5em 0;
	font-size: 6.5vw;
}
h2{
	color: #788092;
	margin: 1em 0 ;
	font-size: 5vw;
}
h3{
	color: #666;
	margin: 0.5em 0 1em;
	font-size: 4.5vw;
}
@media screen and (min-width: 781px) {
	h1{	
		font-size:3rem; 
	}
	h2{
		font-size: 2rem;
	}
	h3{
		font-size: 1.5rem;
	}
}

a:link	{
	outline:none;
	color: #0e82c7;
	text-decoration: none;
	}
a:visited	{
	color: #788092;
	text-decoration: none;
	}

a:hover{
	text-decoration: underline;
	color: #069;
	}
a:active  {
	text-decoration: underline;
}


img{
	vertical-align: top;
	border: none;
	margin-top: 0px;
	}

legend { display: none; }
label { cursor: pointer; }

/*  Inline-level Elements
-------------------------------------------------------------- */
object { outline: none; }
strong { font-weight: bold; }

input,
select,
textarea {
	font-size: 85%;
	}

header{	
	width: 100%;
	padding: 0.5em ;
	border-top: 3px solid #36c;
	/* background: #0e82c7; */
}
header ,header a{color: #fff;}
@media (min-width: 1024px) {
	header{
		display: flex;
		justify-content: space-between;
		padding: 1% 5%;
	}
}
.siteid{
	font-size: 1.8rem;
	margin: 0 5px 0 0;
	text-align: left;
	/* position: absolute;
	top: 10px; */
}
.siteid a:hover{
	/* color: #fff; */
	opacity: 0.7;
}
.siteid a:hover{text-decoration: none;color: #c0e6f5;}
main{
	width: 90%;
	max-width: 1200px;
	margin:auto;
}
#footer {
	background:#36c;
	border-top: 5px solid #00288c;
	color: #fff;
	width: 100%;
	min-height: 30px;
	padding: 10px;
	line-height: 1.4;
	bottom: 0;
}
address{font-size: 0.75em;text-align: center;}



/* #topicpath / Bread Cramb
-------------------------------------------------------------- */
#topicpath {
	width: 940px;
		margin: 1em 0;
}
#topicpath ul {
	margin: 0;
	padding: 0;
}
#topicpath ul li {
	font-size:85%;
	display: inline;
	line-height:1.2em;
	padding-left:1em;
	background: url(/common/images/arrow01.gif) no-repeat 1px;
}

#topicpath ul li:first-child {
	font-size:85%;
	display: inline;
	line-height:1.2em;
	padding-left:0;
	background: none;
}