@charset 'UTF-8';

/*

    Base

*/

/*  font  */
body {
	font-family: sans-serif;
	color: #000000;
}
h1 { font-size: 2.1rem;}
h2 { font-size: 1.7rem;}
a:link    { color: #007bff;}
a:visited { color: #007bff;}
a:hover   { opacity: 0.7;}
a { transition: all 0.1s linear;}





/*

    Header

*/

/*  layout  */
body {
	padding-top: 60px;
}
header.global {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 5px 0;
	overflow: hidden;
	background-color: #ffffff;
	border-bottom: 1px #cccccc solid;
	z-index: 99;
}
header.global div.logo1 {
	float: left;
	width: 41.5%;
}
header.global p.text {
	float: left;
	width: 37.5%;
	margin: 0;
	padding-top: 0.5em;
	font-size: 1.3rem;
	text-align: right;
}
header.global div.logo2 {
	float: right;
	width: 21%;
	text-align: right;
}
@media screen and (max-width: 1150px) {
	header.global p.text {
		display: none;
	}
}

/*  logo  */
header.global div img {
	vertical-align: bottom;
}
header.global div.logo1 img {
	max-width: 500px;
}
header.global div.logo2 img {
	max-width: 200px;
}





/*

    Footer

*/

/*  layout  */
footer.global {
	padding: 1rem;
	background-color: #f5f5f5;
	color: #666666;
	font-size: 1.3rem;
}