@charset "UTF-8";

/* 
-------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
body {
	background-color: #fff;
}

/*-------------------------------------header
-------------------------------------*/
#header {
	border-bottom: none;
}
.headerGtop {
	min-height: inherit;
	margin: 0;
	line-height: 1.4;
	background: #fff;
}
.headerGtop .inner {
	padding-left: 10px;
	padding-right: 10px;
}
.headerGtop .headerLogo {
	float: none;
	position: relative;
	top: auto;
	left: auto;
	margin: 0 -10px;
	padding: 0;
	border-bottom: 5px solid #0070c0;
}
.headerGtop .headerLogo img {
	width: 208px;
}
.headerGtop .headerTxt {
	float: none;
	padding: 8px 0 10px 0;
	font-size: 87.5%;
}
.headerGtop .headerTxt h1 {
	margin: 0;
	font-size: 128.6%;
}


/*-------------------------------------
 layout
-------------------------------------*/
#main .inner {
	min-height: inherit;
	padding: 0;
}
#contents.gtop #main .inner {
	min-height: inherit;
}


/*-------------------------------------
 gtopVisual
-------------------------------------*/
.gtopDisaster .inner {
	padding: 0;
}
.gtopDisaster .disasterBox01 {
	margin: 0;
}


/*-------------------------------------
 gtopVisual
-------------------------------------*/
.gtopVisual {
	position: relative;
	height: auto;
	overflow: visible;
}
.gtopVisual .visual {
	position: absolute;
	top: auto;
	width: 100%;
	height: 386px;
}
.gtopVisual ul {
	height: 386px;
	margin-left: -442px;
}
.gtopVisual ul li img {
	height: 386px;
}


/*-------------------------------------
 gtopMain
-------------------------------------*/
.gtopMain {
	padding: 0 10px;
}
.gtopMenu {
	display: block;
	margin: 0 0 20px 0;
}

/* gtopNav
-------------------------------------*/
.gtopNav {
	display: flex;
	align-content: flex-end;
	justify-content: flex-end;
	min-height: 386px;
	margin: 0 0 20px 0;
	overflow: hidden;
}
.gtopNav ul {
	width: 168px;
	margin-top: auto;
}
.gtopNav ul li,
.gtopNav ul .gtopNav01 {
	margin: 0 0 12px 0;
}
.gtopNav ul li a {
	min-height: 50px;
	padding: 0 0 0 20px;
	font-size: 93.8%;
	line-height: 1.2;
}
.gtopNav ul li a .icn {
	margin: 0 0 -3px auto;
}
.gtopNav ul li a .icn img {
	width: 50px;
}
.gtopNav ul li.gtopNav01 a {
	border: 3px solid #0070c0;
	background-position: right -3px top -3px;
}
.gtopNav ul li.gtopNav01 a .icn {
	margin: -3px -3px -6px auto;
}

/* gtopMap
-------------------------------------*/
.gtopMap .gtopBox .txt {
	padding: 0 13px;
	font-size: 100%;
}
.gtopMap .gtopBox .figure img {
	width: 130px;
}

/* gtopInfo
-------------------------------------*/
.gtopInfo {
	flex-wrap: wrap;
	margin: 0 0 15px 0;
	background: #666;
}
.gtopInfo .gtopInfoTtl {
	padding: 9px 10px 9px 11px;
	font-size: 100%;
}
.gtopInfo .gtopInfoTtl:before {
	width: 21px;
	height: 19px;
	background-size: 21px 19px;
}
.gtopInfo .gtopInfoBlk {
	order: 5;
	width: 100%;
	font-size: 87.5%;
	background: #fff;
}
.gtopInfo .gtopInfoBlk p {
	margin: 0 0 4px 0;
}
.gtopInfo .gtopInfoLink {
	align-items: center;
	padding: 9px 7px;
	font-size: 87.5%;
}
.gtopInfo .gtopInfoLink a {
	color: #fff;
	padding: 0 21px 0 0;
	background: url(/common/000222351.png) no-repeat right center / 13px 13px;
}

/* gtopBtn
-------------------------------------*/
.gtopBtn {
	padding: 30px 0;
}
.gtopBtn ul {
	margin: 0;
}
.gtopBtn ul li {
	display: block;
	width: auto;
	padding: 0 0 20px 0;
}
.gtopBtn ul li a {
	min-height: 50px;
	padding: 0 20px;
	font-size: 93.8%;
	line-height: 1.2;
	border: 3px solid #0070c0;
}



/*-------------------------------------
 gtopSubNav
-------------------------------------*/
.gtopSubNav .inner {
	padding-top: 25px;
	padding-bottom: 15px;
}
.gtopSubNav .gtopSubNavTtl {
	margin: 0 0 5px 0;
	font-size: 118.8%;
}
.gtopSubNav .gtopSubNavTtl:before {
	width: 19px;
	height: 19px;
	margin: 2px 8px 0 0;
	background-size: 19px 19px;
}

.gtopSubNav ul {
	display: block;
	padding: 10px 28px;
	border-radius: none;
	background: none;
}
.gtopSubNav ul li,
.gtopSubNav ul.itemEight li {
	width: auto;
	min-height: inherit;
	margin: 0 0 12px 0;
}
.gtopSubNav ul li a {
	padding: 9px 5px;
	font-size: 100%;
	border-radius: 5px;
	background: #fff;
}

.gtopMap .map .txt:before {
  content: none;
}
.gtopMap .map .txt {
  margin: 0 8px 0 0;
  background: url(/common/000222387.png) no-repeat 13px 0 / 17px auto;
  padding: 0 13px 0 42px;
}
.headerGtop .headerTxt {
  height: auto;
}


}
