@charset "utf-8";
body {
	margin: 0px;
	color: #222222;
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	min-width: 1280px;
}

nav ul {
	list-style: none;
}

header {
	padding: 5px 0px;
	text-align: center;
	border-top: 5px solid #fe5572;
}

#header_inner {
	width: 960px;
	height: 90px;
	padding: 0 120px;
	margin: 0 auto;
	position: relative;
}

header h1 {
	width: 338px;
	height: 62px;
	margin: 0 50px 0 0;
	padding: 10px 0 0 0px;
	float: left;
}

header h1 a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	background: url('../images/common/logo.png') no-repeat;
}

#header_tel {
	float: left;
	width: 255px;
}

#header_tel img {
	display: block;
}

#header_contact {
	float: right;
	width: 285px;
	padding: 15px 0 0 0;
}

#header_contact ul {
	list-style: none;
}

#header_contact li {
	width: 121px;
	float: left;
	margin: 0 10px;
}

#hnav {
	width: 420px;
	height: 69px;
	list-style: none;
	position: absolute;
	top: 0;
	right: 0;
}

#gnav {
	margin: 0 0 10px 0;
}

#gnav ul {
	list-style: none;
	width: 1120px;
	padding: 0 0px;
	margin: 0 auto;
	position: relative;
	display:flex;
}

#gnav ul li {
	width: 160px;
	height: 63px;
}

#gnav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	font-size: 90%;
	background: url('../images/common/nav.png') no-repeat;
}

#gnav01 a {
	background-position: 0 0 !important;
}

#gnav01 a:hover {
	background-position: 0 -63px !important;
}

#gnav02 a {
	background-position: -160px 0 !important;
}

#gnav02 a:hover {
	background-position: -160px -63px !important;
}

#gnav03 a {
	background-position: -320px 0 !important;
}

#gnav03 a:hover {
	background-position: -320px -63px !important;
}

#gnav04 a {
	background-position: -480px 0 !important;
}

#gnav04 a:hover {
	background-position: -480px -63px !important;
}

#gnav05 a {
	background-position: -640px 0 !important;
}

#gnav05 a:hover {
	background-position: -640px -63px !important;
}

#gnav06 a {
	background-position: -800px 0 !important;
}

#gnav06 a:hover {
	background-position: -800px -63px !important;
}
#gnav07 a {
	background-position: -948px 0 !important;
}

#gnav07 a:hover {
	background-position: -948px -63px !important;
}

footer {
	padding: 15px 0;
	text-align: center;
}

#fnav {
	margin: 0 0 10px 0;
}

#fnav ul {
	list-style: none;
	width: 960px;
	padding: 0 120px;
	margin: 0 auto;
	position: relative;
}

#fnav ul li {
	width: 160px;
	height: 63px;
	float: left;
}

#fnav ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	background: url('../images/common/nav.png') no-repeat;
}

#fnav01 a {
	background-position: 0 0 !important;
}

#fnav01 a:hover {
	background-position: 0 -63px !important;
}

#fnav02 a {
	background-position: -160px 0 !important;
}

#fnav02 a:hover {
	background-position: -160px -63px !important;
}

#fnav03 a {
	background-position: -320px 0 !important;
}

#fnav03 a:hover {
	background-position: -320px -63px !important;
}

#fnav04 a {
	background-position: -480px 0 !important;
}

#fnav04 a:hover {
	background-position: -480px -63px !important;
}

#fnav05 a {
	background-position: -640px 0 !important;
}

#fnav05 a:hover {
	background-position: -640px -63px !important;
}

#fnav06 a {
	background-position: -800px 0 !important;
}

#fnav06 a:hover {
	background-position: -800px -63px !important;
}

#footer_inner {
	width: 960px;
	margin: 0 auto;
	padding: 10px 0 15px;
	line-height: 1.8em;
}

#footer_inner nav {
	margin: 0 0 30px 0;
}

#footer_inner h3 {
	width: 310px;
	float: left;
}

#footer_ad {
	color: #3f352a;
	padding: 10px 0 0 0;
}

#footer_inner ul {
	list-style: disc;
	padding: 0 0 0 20px;
	color: #fff;
}

#footer_inner li {
	float: left;
	border-right: 1px solid #504335;
	text-align: center;
	padding: 2px 36px;
}

#footer_inner li:last-child {
	border: 0 !important;
}

#footer_inner a {
	color: #504335;
	text-decoration: none;
}

#footer_inner a:hover {
	text-decoration: underline;
}

#copyright {
	clear: both;
	text-align: center;
	background: #fe5572;
	color: #fff;
	text-align: center;
	padding: 3px 0;
}

.gotop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
	z-index: 10000;
}

.gotop a {
	display: block;
	text-align: center;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	width: 150px;
	line-height: 40px;
	border-radius: 5px;
	background: #fe5572;
}

#top5 {
	padding: 60px 0 0px 0;
	background: url('../images/index/bg_section5.jpg') no-repeat bottom center;
	background-size: cover;
}

#top5 article {
	width: 940px;
	padding: 0 140px;
	margin: 0 auto;
}

#top5-l {
	width: 415px;
	height: 425px;
	padding: 30px 15px 0;
	float: left;
	background: url('../images/common/bg_top5.png') no-repeat;
}

#top5-r {
	width: 415px;
	height: 425px;
	padding: 30px 15px 0;
	float: right;
	background: url('../images/common/bg_top5.png') no-repeat;
}

.map {
	padding: 10px 0 0 0;
}

#top5 article span {
	font-weight: bold;
	font-size: 16px;
}

.child {
	display: none;
	position: relative;
	z-index: 1000;
	padding: 13px 0 0 0;
}

.child ul {
	width: 100% !important;
	padding: 0 !important;
	height: auto !important;
	border-radius: 5px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	overflow: hidden;
}

.child li {
	float: left !important;
	width: 160px !important;
	height: 40px !important;
	margin: 10px 10px 20px 10px;
}

.child a {
	background: none !important;
	text-indent: 0 !important;
	height: 40px !important;
	line-height: 40px !important;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	border: 2px solid #fff;
}

#gnav01 ul {
	width: 360px !important;
	background: rgba(244, 179, 61, 0.7);
}

#gnav01 .child a {
	background: #f39f05 !important;
}

#gnav01 .child a:hover {
	background: #f4b33d !important;
}

#gnav03 ul {
	width: 940px !important;
	margin-left: -160px;
	background: rgba(100, 181, 212, 0.7);
}

#gnav03 .child a {
	background: #379cc2 !important;
}

#gnav03 .child a:hover {
	background: #64b5d4 !important;
}

#gnav02 ul {
	width: 360px !important;
	background: rgba(189, 231, 109, 0.7);
}

#gnav02 .child a {
	background: #8fd111 !important;
}

#gnav02 .child a:hover {
	background: #bde76d !important;
}

#hcontact3 {
	text-align: left;
	/* line-height: 2em; */
}

#hcontact3 a {
	display: block;
	box-sizing: : border-box;
	font-size: 90%;
	color: #ff445e;
	border: 1px solid #ff445e;
	background: #FFE9ED;
	text-decoration: none;
	text-align: center;
	border-radius: 6px;
	line-height: 1.4;
	padding: 2px 0;
	margin-bottom: 4px;
}

.only_sp {
	display: none;
}