@charset "utf-8";

/*********************
	pierre-remy
*********************/
#Main{
	position:relative;
	width:100%;
}

.dis_sp,
#Main_inner .dis_sp_i {
	display:none;
}

.dis_pc {
	display:block;
}
#Main_inner .dis_pc_i {
	display:inline-block;
}

.header{
	width:100%;
	height:79px;
	background:url(../images/bg_header.png) repeat-x;
	margin-top:40px;
}
	.header a{
		display:block;
	}
	.header p{
		width:107px;
		margin: 0 auto;
		position:relative;
		top:-30px;
	}

#Cont {
	width:100%;
	height:100%;
	position:relative;
	margin-bottom:80px;
}

#Cont .main_bk{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:564px;
	background:url(../images/bg_main2.jpg) no-repeat;
	background-position: center top;
	background-size:1920px 560px;
	z-index:-1;
}

.blankLinks01 {
	width: 950px;
	margin: 0 auto;
	clear: both;
	margin-top: 40px;
}
.blankLinks01 p {
	text-align: right;
}
.blankLinks01 p a {
	background: url(../images/ico_blank01.gif) no-repeat left center;
	color: #367eb3;;
	text-decoration: none;
	padding: 3px 0 3px 15px;
	font-size:13px;
}
.blankLinks01 p a:hover {
	text-decoration: underline;
}

@media screen and (max-width:956px) {
	#Cont .main_bk{
		width:100%;
		top:0;
		background:url(../images/bg_main2.jpg) no-repeat;
		background-size:956px 308px;
		background-position: center top 20%;
	}
}
.main_text {
	width:700px;
	margin: 0 auto;
	text-align:center;
	line-height:20px;
	font-size:14px;
	letter-spacing:-1px;
	margin-top:15px;
}

.nav {
	width:488px;
	margin: 48px auto 0;
}
	.nav dl dd {
		float:left;
		width:244px;
		box-sizing:border-box;
	}
	.nav dl dd:first-child a,
	.nav dl dd:last-child a {
		border-left:1px solid #A78107;
	}
	.nav dl dd:last-child a {
		border-right:1px solid #A78107;
	}
	.nav dl dd a{
		width:100%;
		text-align:center;
		display:block;
		padding:9px 0;
	}
	.nav dl dd a:hover{
		background-color:#BFA253;
	}
	.nav dl dd .menu_ov{
		background-color:#BFA253;
	}

	.nav dl dd a img{
		display:inline-block;
	}
.nav_under {
	width:244px;
	margin: 30px auto 0;
}


.clfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
  font-size: 0;
}

.clfix {
  min-height: 1px;
}

* html .clfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

@media screen and (max-width:948px) {
.blankLinks01 {
	width: 94%;
	margin-top: 10%;
}
}

@media screen and (max-width:640px) {

.dis_pc,
#Main_inner .dis_pc_i {
	display:none;
}
.dis_sp {
	display:block;
}
#Main_inner .dis_sp_i {
	display:inline-block;
}

.header{
	width:100%;
	height:100%;
	background-image:url(../images/bg_header.png);
	background-repeat:repeat-x;
	/*background-position:top 20% center;*/
	background-position:center 20%;
	margin-top:0;
	z-index:100;
    position: relative;
}
	.header p{
		width:21%;
		margin: 0 auto;
		position:static;
		top:0;
	}

#Cont {
	width:100%;
	background:url(../images/bg_sp_main.jpg) no-repeat;
	background-size: 100% auto;
	margin-bottom:10%;
}

.main_img_sp {
	display:block;
	margin-top: -13%;
	position:relative;
}
	.main_text {
		width:100%;
		font-size:12px;
		line-height: 16px;
	}

.nav {
	width:100%;
	margin: 48px auto 0;
}
	.nav dl dd {
		float:left;
		width:50%;
		box-sizing:border-box;
	}
	.nav dl dd a{
		padding: 2% 0;
		box-sizing:border-box;
	}

.nav_under {
	width:50%;
	margin: 30px auto 0;
}
	.nav_under dl dd {
		width:100%;
	}

}

@media screen and (max-width:320px) {
	.header{
		background-image:url(../images/bg_header.png);
		background-repeat:repeat-x;
		background-position:top 20% center;
		background-size:100% 5px;

	}
}

.faUp {
	-webkit-animation-duration: 0.8s;
	-ms-animation-duration: 0.8s;
	animation-duration: 0.8s;
	-webkit-animation-fill-mode: both;
	-ms-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: faUp;
	animation-name: faUp;
	visibility: visible !important;
}
@-webkit-keyframes faUp {
	0% {
		opacity: 0; -webkit-transform: translateY(8%);
	}
	100% {
		opacity: 1; -webkit-transform: translateY(0);
	}
}
@keyframes faUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(8%);
		-ms-transform: translateY(8%);
		transform: translateY(8%); 
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
}