@charset "utf-8";

html{
	scroll-padding-top: 110px;
}
body{
	-webkit-text-size-adjust: 100%;
	color: #333;
	font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
}
h1{
	font-size: 1.8rem;
	text-align: center;
}
h2{
	padding: 1em 0;
	font-size: 1.5rem;
	text-align: center;
}
h3{
	padding: 1em 0;
	font-size: 1.4rem;
	text-align: center;
}
h4{
	padding: 1em 0;
	font-size: 1.2rem;
	text-align: center;
}
img{
	max-width: 100%;
	height: auto;
}
.align-center{
	text-align: center;
}
.align-right{
	text-align: right;
}
.small{
	font-size: 80%;
}
#header{
	height: 90px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #FFF;
	text-align: center;
	padding: 20px;
	position: fixed;
	z-index: 3;
	top: 0;
	left: 0;
	border-bottom: 1px solid #CCC;
}
#logo{
	text-align: left;
}
@media(max-width: 991.98px){
#logo{
	width: 100%;
	padding: 0 80px 0 0;
}
}
@media(min-width: 992px){
.hbgmenu{
	display: none;
}
}
.hbgmenu{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5;
	margin: 0;
	cursor: pointer;
	background-color: #0068B6;
	width: 70px;
	height: 70px;
}
.hbgmenu span{
	display: inline-block;
	transition: all .2s;
	position: absolute;
	left: 15px;
	height: 2px;
	background-color: #FFF;
	width: 40px;
}
.hbgmenu span:nth-of-type(1){
	top: 22px; 
}
.hbgmenu span:nth-of-type(2){
	top: 34px;
}
.hbgmenu span:nth-of-type(3){
	top: 46px;
}
.hbgmenu.active span:nth-of-type(1){
	top: 26px;
	left: 19px;
	transform: translateY(6px) rotate(-45deg);
	width: 50%;
}
.hbgmenu.active span:nth-of-type(2){
	opacity: 0;
}
.hbgmenu.active span:nth-of-type(3){
	top: 38px;
	left: 19px;
	transform: translateY(-6px) rotate(45deg);
	width: 50%;
}
.container{
	margin: 0 auto;
	padding: 15px;
	max-width: 1200px;
}
#gnav{
	list-style: none;
	display: flex;
	justify-content: center;
}
#gnav li a{
	display: block;
	padding: 10px 20px 5px;
	text-decoration: none;
	color: #333;
	font-weight: bold;
	transition: all 0.3s;
	position: relative;
}
#gnav li.current a,
#gnav li a:hover{
	color: #B1B1B1; 
}
@media(max-width: 991.98px){
#gnav{
	position: fixed;
	z-index: 4;
	top: 0;
	right: -300px;
	width: 300px;
	height: 100vh;
	background-color: #F3F3F3;
	transition: all 0.2s;
}
#gnav.panelactive{
	right: 0;
}
#gnav{
	padding: 100px 10px 10px;
	display: inline;
}
#gnav li{
	list-style: none;
	text-align: left;
}
#gnav li a{
	color: #333;
	text-decoration: none;
}
.darken{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: block;
	background: rgba(3,3,3,.5);
	z-index: 2;
}
}

/*---------- Main Vidual ----------*/

#main-vidual{
	margin-top: 90px;
}
#main-vidual img{
	width: 100%;
}
#main-vidual h1{
	padding: 1.5em 0;
	color: #FFF;
	text-shadow: 2px 2px 1px rgba(0,0,0,0.4);
	font-weight: bold;
	font-family: "游明朝",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","MS P明朝","MS 明朝",serif;
	letter-spacing: 0.15em;
}

/*---------- Bread Crumb ----------*/

#breadcrumb{
	width: 100%;
	background-color: #EFEFEF;
}
#breadcrumb p{
	padding: 5px 0 5px 22px;
	text-align: left;
	font-size: 0.8rem;
	background: url(/img/icon_home.gif) 0 5px no-repeat;
}

/*---------- Main ----------*/

main a{
	text-decoration: none;
}
main a:hover{
	text-decoration: underline;
}
main a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	transition: all 0.5s;
}

/*---------- Footer ----------*/

#footer{
	margin-top: 50px;
	padding-bottom: 80px;
	min-height: 200px;
	color: #FFF;
	background-color: #0068B6;
}
#f-nav{
	list-style: none;
	display: flex;
	justify-content: center;
}
#f-nav li a{
	display: block;
	padding: 10px 20px;
	text-decoration: none;
	color: #FFF;
}
#f-nav li a:hover{
	text-decoration: underline;
	color: #FFF;
}
@media(max-width: 991.98px){
#f-nav{
	display: none;
}
}
address{
	margin: 0.75em auto;
	text-align: center;
	font-style: normal;
	font-size: 0.9rem;
}
address p{
	padding: 0.5em;
}
address a{
	text-decoration: none;
	color: #FFF;
}
#copy{
	text-align: center;
	font-size: 0.8rem;
}
#p-top{
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 6;
}