@charset "utf-8";
/************************************************************************************************************************************
	#wrapper	-CommonSetting-
************************************************************************************************************************************/
#wrapper {
	width: 100%;
}




/************************************************************************************************************************************
	header	-CommonSetting-
************************************************************************************************************************************/
#header {
	width: 100%;
}

#header #header_content {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0;
	margin: 0 auto;
	border-bottom: solid 1px #333;
}
#header #header_content h1 {
	width: 100%;
	padding: 0;
	margin: 0 auto;
}

#header #header_content h1 img.common {
	display: block;
	width: 15%;
	padding: 10px 42.5%;
	margin: 0 auto;
	border-top: solid 8px #EE5E1F;
}
#header #header_content h1 img.top_page {
	width: 100%;
	padding: 0;
	margin: 0 auto;
}

#header #header_content h1.top_page img.common {
	display: none;
}


@media screen and (max-width: 767px) {
	#header {
	}
	#header #header_content {
	}
	#header #header_content h1 {
	}
	#header #header_content h1 a {
	}

	#header #header_content h1 img.common {
		width: 40%;
		padding: 10px 30%;
	}

	#header #header_content h1 img.top_page {
		display: none;
	}

	#header #header_content h1.top_page img.common {
		display: block;
	}
}


/**	header	#nav	*****************************************************************/
#header #nav {
	width: 100%;
	background-color: #EBEBEB;
	background: linear-gradient(top, #F9F9F9, #EBEBEB);
	background: -o-linear-gradient(top, #F9F9F9, #EBEBEB);
	background: -ms-linear-gradient(top, #F9F9F9, #EBEBEB);
	background: -moz-linear-gradient(top, #F9F9F9, #EBEBEB);
	background: -webkit-gradient(linear, left top, left bottom, from(#F9F9F9), to(#EBEBEB));
	border-bottom: solid 1px #DDD;
}
#header #nav #sp_nav {
	display: none;
}
#header #nav ul {
	max-width: 1200px;
	width: 70.27818448023426%;	/* 基準=1366px -> 980px */
	margin: 0 auto;
}
#header #nav ul li {
	float: left;
	width: 16.666666666666666666666666666667%;
}

#header #nav ul li.hide {
	display: none;
}

#header #nav ul li a {
	display: block;
	color: #333;
	font-size: 112.5%;	/* 基準=16px -> 18px */
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	width: 100%;
	padding: 0.75em 0 0.5em;
	background-image: url('../img/nav-line.jpg');
	background-size: 1px 75%;
	background-position: right bottom;
	background-repeat: no-repeat;
}
#header #nav ul li:first-child a {
	background-image: url('../img/nav-line.jpg'), url('../img/nav-line.jpg');
	background-size: 1px 75%, 1px 75%;
	background-position: right bottom, left bottom;
	background-repeat: no-repeat, no-repeat;
}
#header #nav ul li a:hover {
	color: #0294D7;
	background-color: rgba(255,255,255, 0.5);
}
#header #nav ul li a span {
	display: block;
	color: #0294D7;
	font-size: 66.666666666666666666666666666667%;	/* 基準=18px -> 12px */
}


#header #nav h1,
#header #navi_open {
	display: none;
}
@media screen and (max-width: 767px) {
	#header #navi_open {
		display: block;
		position: absolute;
		top: 15px;
		right: 3px;
		z-index: 1000;
		padding: 5px;
		border-radius: 0.5em;
	}
	#header #navi_open img {
		vertical-align: middle;
		width: 30px;
		height: 30px;
	}

	#header #nav {
		display: none;
		overflow-x: hidden;
		overflow-y: scroll;
		position: fixed;
		z-index: 10000;
		top: 0;
		right: 0;
		width: 80%;
		height: 100%;
		padding: 0;
		margin: 0 0 5px;
		background: none;
		background-color: #EE5E1F;
		border: none;
	}
	#header #nav h1 {
		display: block;
		color: #FFF;
		font-size: 125%;	/* 基準=16px -> 20px */
		font-weight: bold;
		text-indent: 0.8em;
		width: 100%;
		padding: 5px 0;
		border-bottom: solid 1px #FFF;
	}
	#header #nav h1 a {
		float: right;
		display: block;
		width: 28px;
		height: 28px;
	}
	#header #nav ul li a.hide {
		display: block;
	}
	#header #nav h1 a img {
		float: left;
		vertical-align: middle;
		width: 100%;
		height: auto;
	}
	#header #nav ul {
		width: 100%;
	}
	#header #nav ul li {
		float: none;
		width: 100%;
	}
	#header #nav ul li.hide {
		display: block;
	}
	#header #nav ul li a, 
	#header #nav ul li:first-child a, 
	#header #nav ul li:last-child a {
		display: block;
		color: #FFF;
		font-size: 15px;
		font-weight: normal;
		text-align: left;
		text-decoration: none;
		width: 100%;
		padding: 0.5em 0 0.75em 1em;
		margin: 0;
		background-image: none;
		background-color: #EE5E1F;
		border: none;
		border-bottom: solid 1px #FFF;
	}
	#header #nav ul li a:hover {
		color: #FFF;
		text-decoration: none;
		background-color: rgba(255, 255, 255, 0.5);
	}
	#header #nav ul li a.active {
		text-indent: 1em;
		cursor: default;
		background-color: #EE5E1F;
		background-image: url('../img/icon/02.png');
		background-position: 1em center;
		background-repeat: no-repeat;
		background-size: 1em 1em;
	}
	#header #nav ul li a span {
		display: none;
	}

}
#glay_layer {
	display: none;
	width: 0;
	height: 0;
	position: fixed;
	z-index: 9500;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #444;
	background-color: rgb(51,51,51);
	background-color: rgba(51,51,51,0.7);
	opacity: 0.7;
}




/************************************************************************************************************************************
	main	-CommonSetting-
************************************************************************************************************************************/
#main {
	width: 100%;
	padding: 0;
	margin: 0;
}

@media screen and (max-width: 767px) {
	#main {
		width: 100%;
		padding: 0;
	}
}




/************************************************************************************************************************************
	footer	-CommonSetting-
************************************************************************************************************************************/
#footer {
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: #FFDF93;
	background: linear-gradient(top, #FFDF93, #FFEFC9);
	background: -o-linear-gradient(top, #FFDF93, #FFEFC9);
	background: -ms-linear-gradient(top, #FFDF93, #FFEFC9);
	background: -moz-linear-gradient(top, #FFDF93, #FFEFC9);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFDF93), to(#FFEFC9));
}
#footer #footer_content {
	width: 100%;
	margin: 0 auto;
}

#footer #footer_content h1 {
	text-align: center;
	width: 15%;
	padding: 30px 0;
	margin: 0 auto;
}
#footer #footer_content h1 img {
	width: 100%;
	height: auto;
}

#footer #footer_content .footer_sitemap {
	padding: 20px 0;
	border-top: solid 1px #FFF;
}
#footer #footer_content .footer_sitemap ul {
	text-align: center;
	width: 100%;
	margin: 5px 0;
}
#footer #footer_content .footer_sitemap ul li {
	display: inline-block;
}

#footer #footer_content .footer_sitemap ul li a {
	font-size: 87.5%;	/* 基準=16px -> 14px */
	line-height: 1.5;
	margin: 0 1em;
}
#footer #footer_content .footer_sitemap ul li:first-child a {
	margin: 0 1em 0 0;
}
#footer #footer_content .footer_sitemap ul li:last-child a {
	margin: 0 0 0 1em;
}


#footer #footer_content p.copy {
	text-align: center;
	padding: 0 0 20px;
}
#footer #footer_content p.copy small {
	font-size: 93.75%;	/* 基準=16px -> 15px */
}
#footer #footer_content p.copy small a:hover {
	text-decoration: underline;
}


@media screen and (max-width: 767px) {
	#footer {
		width: 100%;
		padding: 0;
	}
	#footer #footer_content {
	}
	#footer #footer_content h1 {
		text-align: center;
		width: 25%;
		padding: 15px 0;
	}
	#footer #footer_content .footer_sitemap {
		margin: 0 0 20px;
	}
	#footer #footer_content p.copy small {
		font-size: 62.5%;
	}
}




#go_top_btn {
	width: 100%;
}
#go_top_btn p {
	width: 100%;
}
#go_top_btn p a {
	display: block;
	width: 100%;
	padding: 1em 0;
	margin: 0;
	text-align: center;
	background-color: #EE5E1F;
	background: linear-gradient(top, #EE5E1F, #F47036);
	background: -o-linear-gradient(top, #EE5E1F, #F47036);
	background: -ms-linear-gradient(top, #EE5E1F, #F47036);
	background: -moz-linear-gradient(top, #EE5E1F, #F47036);
	background: -webkit-gradient(linear, left top, left bottom, from(#EE5E1F), to(#F47036));
	box-shadow: 0px 1px 7px rgba(0,0,0, 0.8);
}
#go_top_btn p a img {
	vertical-align: middle;
	width: 20px;
	height: auto;
	padding: 0;
	margin: 0;
}
#go_top_btn p a:hover {
	opacity: 0.7;
}


@media screen and (max-width: 767px) {
	#go_top_btn {
		position: fixed;
		right: 3px;
		bottom: 3px;
		z-index: 2000;
		overflow: visible;
		width: 64px;
		height: 64px;
		padding: 0;
		margin: 0;
	}
	#go_top_btn p {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	#go_top_btn p a {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	#go_top_btn p a img {
		width: 30px;
		height: 30px;
		padding: 17px;
		margin: 0;
	}
}





/************************************************************************************************************************************
	#contents	-CommonSetting-
************************************************************************************************************************************/
#contents {
	max-width: 1200px;
	width: 74.285714285714285714285714285714%;	/* 基準=1400px -> 1040px */
	margin: 30px auto 60px;
}


@media screen and (max-width: 767px) {
	#contents {
		width: 97.5%;
		margin: 30px auto;
	}
}




/** blockTypeElement white space	*****************************************************************/
.backbone {
	max-width: 1200px;
	width: 74.285714285714285714285714285714%;	/* 基準=1400px -> 1040px */
	margin: 0 auto;
}

.inner {
	padding: 15px 10px;
	margin: 0 auto;
}

.section {
	margin: 0 auto 50px;
}


@media screen and (max-width: 767px) {
	.section {
		margin: 0 auto 30px;
	}
	.backbone {
		width: 97.5%;
	}
}




#footer #footer_content .Seal {
	margin-right: auto;
	margin-left: auto;
	width: 135px;
	margin-top: 20px;
	margin-bottom: 20px;
}