@charset "utf-8";

header a:link,header a:visited,header a:hover,header a:active {
  color: #FFFFFF;
}
a:link, a:visited, a:hover, a:active {
  color: #0065CC;
}
small {
	font-size: 0.8em;
	letter-spacing: 0;
}
header,footer,#message h1 {
	background-color: #4774A2;
	color: #FFFFFF;
}
header {
	z-index: 9999;
}
header a {
	color: #000000;
	font-weight: 700;
}
header a:hover {
	text-decoration: underline;
}
.navbar_brand{
	width: 60%;
}
.navbar_brand img{
	width: 100%;
}
.blue{
	border : solid 3px #0065CC;
}
.main a {
	text-decoration: none;
}
.btArea {
	width: 100%;
}
.bt {
	border : solid 1px #0065CC;
	font-size: 1em;
	color:#0065CC; 
	padding: 0.3em;
	text-decoration: none;
	font-weight:700;
	width: 7em;
	margin: 1em 0 0 auto;
	letter-spacing: 0;
}
.bt span:before {
    content: '\f0da';
    font-family: "Font Awesome 5 Free";
	margin-right: 0.5em;
}
.bt a:hover {
	opacity: 0.5;
}
section {
	margin-bottom: 1.5em;
}
section .inner {
	padding: 1em;
}
.fMenu{
	display: none;
}
footer {
	padding: 0.5em 0;
}
footer .inner {
	width: 95%;
	margin: 0.5em auto;
}
footer .cpName {
	font-size:1.5em;
	font-weight:700;
	line-height: 1.5em;
}
footer .address,footer .tel {
	margin-top: 0.5em;
	letter-spacing: 0;
}
footer .copyright {
	margin-top: 1em;
	text-align: center;
}
footer a {
	color: #ffffff;
}
@media screen and (min-width: 321px) {

}
@media screen and (min-width: 481px) {
	section {
		margin-bottom: 2.5em;
	}
	ul {
		list-style: none;
		margin: 1em auto;
	}
	.fMenu,.pc_br{
		display: block;
	}
	header a {
	  color: #FFFFFF;
	}
	.navbar_brand {
		width: 100%;
	}
	.mini {
		text-align: center;
		font-size: 0.8em;
		line-height:1.2em;
	}
	footer .inner {
		display: grid;
		grid-template-areas:
		"name adr tel"
		"menu menu menu"
		"copy copy copy";
		grid-template-rows: 2em 3em 2em;
	}
	footer .address, footer .tel {
		font-size: 0.9em;
		align-items: end;
		margin-top:1em;
	}
	footer li {
		display: inline-block;
	}
	.fMenu {
		grid-area: menu;
		font-weight: 700;
		font-size: 1em;
		line-height: 1em;
	}
	.fMenu a {
		text-decoration: none;
		color: #FFFFFF;
		margin-right: 1.5em;
	}
	.fMenu a:hover{
		opacity: 0.5;
	}
	.fMenu li:before {/*アイコンを表示*/
	    content: '\f0da';
	    font-family: "Font Awesome 5 Free";
	    padding-right: 0.5em;
	}
	.copyright {
		grid-area: copy;
	}
}