@charset 'UTF-8';

/*-----------------------------------------------
10px:71.43%
11px:78.57%
12px:85.71%
13px:92.86%
14px:100%
15px:107.14%
16px:114.29%
17px:121.43%
18px:128.57%
-----------------------------------------------*/

header img,
section img{
	width: auto;
}
#main_content{
	background-image: url(../img/detail01/detail1_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	position: relative;
}
#main_content h1 img{
	margin: 118px 0 77px 0;
}
#main_content h1 img+img{
	display: none;
}/*
#local_nav ul{
	padding: 0 0 78px 0;
}
#local_nav ul li{
	background-image: url("../img/menu_bg.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% 200%;
	display: inline-block;
	padding: 0 1.2%;
	margin: 0%;
}
#local_nav ul li:hover{
	background-position: center bottom;
}
#local_nav ul li a{
	display: block;
}
#local_nav ul li img{
	padding: 52% 0%;
	width: 110px;
}*/
#local_nav .local_nav_inner {
	position: relative;
	height: 140px;
	padding: 0 0 78px 0;
}
#local_nav .local_nav_inner>div {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	padding: 0 0 18% 0; /* 350/475 * 25% */
}
#local_nav ul {
	overflow: hidden;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
#local_nav ul li {
	display: inline-block;
	position: relative;
	width: 140px;
	height: 140px;
	/*background-image: url("../img/bg_local_nav_01.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;*/
}/*
#local_nav ul li+li {
	background-image: url("../img/bg_local_nav_02.jpg");
}
#local_nav ul li+li+li {
	background-image: url("../img/bg_local_nav_03.jpg");
}
#local_nav ul li+li+li+li {
	background-image: url("../img/bg_local_nav_04.jpg");
}*/
#local_nav ul li>div {
	width: 100%;
	height: 100%;
}
#local_nav ul li>div:hover {
}
#local_nav ul li .icon span {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin:auto;
	width: 140px;
	height: 140px;
	background-image: url("../img/menu_bg.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% 200%;
}
#local_nav ul li .icon a {
	display: inline-block;
	width: 100%;
	height: 100%;
}
#local_nav ul li .icon a:hover span {
	background-position: center 100%;
}
#local_nav ul li .icon img {
	width: 100%;
}
#local_nav ul li .iconOver {
	display: none;
}
.content{
	background-color: #fff;
}
.content>div:first-child{
	padding: 70px 0 65px 0;
	clear:both;
}
.content div img.img_txt{
	margin: 35px 0 60px 0;
	width: 40%;
}
.content p{
	color: #000;
	display: block;
	width: 42%;
	margin: auto;
	text-align: justify;
	line-height: 2.0;
}
.content ul{
	overflow: hidden;
	width: 100%;
	font-size: 0;
}
.content ul li{
	float: left;
	width: 33.3333%;
	overflow: hidden;
}
.content ul li img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
.content_btn {
	padding: 45px 0 0 0;
}
.content_btn a{
	display: block;
	width: 388px;
	background-color: #1f1f1f;
	background-image: url(../img/detail01/arrow.png);
	background-repeat: no-repeat;
	background-position: 3% center;
	background-size: auto;
	margin: 0 auto;
	padding: 10px 0;
}
.content_btn a:hover{
	background-image: url(../img/detail01/arrow_on.png);
	background-repeat: no-repeat;
	background-position: 3% center;
	background-size: auto;
}
.content_btn a img{
	width: 56.7%;
}
#content06 {
	clear: both;
}
@media screen and (max-width:1200px) {/*
	#local_nav ul li{
		padding: 0 2.0%;
	}*/
	.content p{
		width: 45%;
	}
	.content div img.img_txt{
		width: 45%;
	}
	.content_btn a img{
	}
}
@media screen and (max-width:1000px) {
	.content p{
		width: 500px;
	}
	.content div img.img_txt{
		width: 50%;
	}
}
@media screen and (max-width:768px) {
	header img,
	section img{
		width: 100%;
	}
	#main_content{
		position: relative;
		background-image: none;
	}
	#main_content h1{
		position: relative;
		background-image: url(../img/detail01/detail1_bg_sp.jpg);
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		padding: 0 0 42.67% 0;
	}
	#main_content h1 img{
		display: none;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		width:60%;
		margin: auto;
	}
	#main_content h1 img+img{
		display: block;
	}/*
	#local_nav{
		position: relative;
		height: 12%;
	}
	#local_nav ul{
		overflow: hidden;
		z-index: 1005;
		width: 100%;
		background-image: url(../img/bg_local_nav.jpg);
		background-repeat: repeat-x;
		background-position: left top;
		background-size: auto 100%;
		margin: 0;
		padding: 0;
	}
	#local_nav ul li,
	#local_nav ul li:hover{
		opacity:1;
		display: block;
		float: left;
		width: 25%;
		background-image: none;
		padding: 0;
	}
	#local_nav ul li a,
	#local_nav ul li a:hover{
		display: block;
		position: relative;
		width: auto;
		height: 0;
		background-image: url(../img/detail01/menu_bg_sp02.png);
		background-repeat: no-repeat;
		background-position: center top;
		background-size: auto 100%;
		margin: 0 1px 0 0;
		padding: 0 0 48.13% 0;
	}
	#local_nav ul li:last-child a{
		margin: 0;
	}
	#local_nav ul li img{
		position: absolute;
		top: 21.11%;
		bottom: 34.44%;
		left: 0;
		right: 0;
		width: 90.9%;
		margin: auto;
		padding: 0;
	}*/
	#local_nav {
		position: relative;
		height: 0;
		padding: 25% 0 0 0;
	}
	#local_nav .local_nav_inner {
		position: absolute;
		top: 0;
		width: 100%;
		height: 100%;
		padding: 0;
	}
	#local_nav .local_nav_inner>div {
		padding: 0 0 73.33% 0;
	}
	#local_nav ul {
		z-index: 1005;/*
		height: 140px;
		height: 90px;*/
		height: 0;
		background-image: url(../img/bg_local_nav.jpg);
		background-repeat: repeat-x;
		background-position: left top;
		background-size: auto 100%;
		padding: 25% 0 0 0;
	}
	#local_nav ul li {
		display: block;
		float: left;
		position: absolute;
		top: 0;
		width: 25%;
		height: 100%;
	}
	#local_nav ul li {
		left: 0;
		background-image: none;
	}
	#local_nav ul li+li {
		left: 25%;
		background-image: none;
	}
	#local_nav ul li+li+li {
		left: 50%;
		background-image: none;
	}
	#local_nav ul li+li+li+li {
		left: 75%;
		background-image: none;
	}
	#local_nav ul li .icon {
		width: auto;
		background-image: url("../img/detail01/menu_bg_sp02.png");
		background-repeat: no-repeat;
		background-position: center top;
		background-size: auto 100%;
		margin-left: 1px;
	}
	#local_nav ul li:first-child .icon {
		margin-left: 0;
	}
	#local_nav ul li .icon span {
		width: 100%;
		height: auto;
		background-image: none;
	}
	#local_nav ul li .icon img {
		width: auto;
		width: initial;
		max-width: 100%;
		max-height: 100%;
	}
	.content>div:first-child{
		padding: 40px 0 30px 0;
	}
	.content div img.img_txt{
		width: 90%;
		margin: 15px 0 30px 0;
	}
	.content p{
		width: 90%;
		margin: auto;
	}
	.content div img{
		width: 90%;
	}
	.content div h2 img{
		width: 61.33%;
	}
	.content ul li{
		width: 49.99999%;
	}
	.content ul li:last-child{
		display: none
	}
	.content_btn a,
	.content_btn a:hover{
		background-image: url(../img/detail01/arrow.png);
		background-repeat: no-repeat;
		background-position: 4.35% center;
		background-size: auto;
		width: 92%;
		margin: auto;
		padding: 15px 0;
		opacity:1;
	}
	.content_btn a img{
		width: 59.4%;
	}
	#content06{
		clear: both;
	}
}