@charset "utf-8";
	
#Cont {
    width: 100%;
}



/********************************
+ .main_area
********************************/
#Main_inner .main_area * {
	box-sizing:border-box;
}
#Main_inner .main_area a,
#Main_inner .main_area a::before,
#Main_inner .main_area a::after,
#Main_inner .main_area a img {
	transition:all .14s ease-in-out;
}
#Main_inner .main_area {
	width:100%;
	margin:0 auto 60px;
	position:relative;
}
#Main_inner .main_area img { 
	max-width:100%;
	margin:0 auto;
}
#Main_inner .main_area .serif{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
#Main_inner .main_area .block{
	padding: 0;
}

/**********************
+ .header
**********************/
#Main_inner .header_wrap{
	width:100%;
	margin:0 auto;
	background: #000;
	position:absolute;
	top:0;
	left:0;
	z-index:999;
}
#Main_inner .header{
	margin:0 auto;
	position:relative;
}
#Main_inner .header .logo{
	margin:0 auto;
}
#Main_inner .header .logo a{
	display:table;
	width:100%;
}
#Main_inner .header .logo a span{
	display:table-cell;
	vertical-align:middle;
}
#Main_inner .header .logo a img{
	width:200px;
	display:inline;
}
/***************
+ .contentNav
***************/
#Main_inner .header .contentNav > ul{
	position:relative;
	width:100%;
	transition:all .14s ease-in-out;
}

#Main_inner .header .contentNav > ul > li{
	text-align:center;
	vertical-align:middle;
	color:#fff;
}
#Main_inner .header .contentNav li{
	width:100%;
}

#Main_inner .header .contentNav li.active > a,
#Main_inner .header .contentNav li:hover > a,
#Main_inner .header .contentNav li.active dt > a,
#Main_inner .header .contentNav li:hover dt > a,
#Main_inner .header .contentNav dd li:hover > a {
	background:#eb5000;
}

#Main_inner .header .contentNav ul li a{
	color:#fff;
	display:block;
	text-decoration:none;
	transition:all .14s ease-in-out;
}
#Main_inner .header .contentNav dl dd{
	width:100%;
	min-height:0;
	transition:all .14s ease-in-out;
}
#Main_inner .header .contentNav dl li{
	width:100%;
	transition:all .14s ease-in-out;
	overflow:hidden;
}
#Main_inner .header .contentNav dl li.list_title{
	background:#f5f5dc;
	color:#b99955;
	font-size:16px;
}

/**********************
+ .top_image
**********************/
#Main_inner .top_image{
	width:100%;
	position:relative;
}
/**********************
+ .main_contents
**********************/
#Main_inner .main_contents{
	margin:0 auto;
	overflow:hidden;
}
/***************
+ .block
***************/
#Main_inner .block{
	position:relative;
}
#Main_inner .block_inner{
	padding: 30px;
	max-width:956px;
	margin:0 auto;
	position:relative;
}
#Main_inner .block_text p{
	margin-bottom:1em;
}
#Main_inner .block_text p:last-child{
	margin-bottom:0;
}
/***************
+ .table
***************/
#Main_inner .main_contents .table{
	display:table;
	width:100%;
	table-layout:fixed;
}
#Main_inner .main_contents .table > div{
	display:table-cell;
	vertical-align:top;
}
/**********
+ .intro
**********/
#Main_inner .block .intro{
	padding-top: 30px;
	max-width:960px;
	margin:0 auto;
}
#Main_inner .block .intro h2 img{
	width:640px;
}

/**********************
+ .movie_box
**********************/
.movie_box {
	position: relative;
	width:100%;
	padding-top:56.25%;
}
.movie_box iframe {
	position: absolute;
	top:0;
	right:0;
	width:100% !important;
	height:100% !important;
}

/***************
+ .totop
***************/
.to_top {
	position:relative;
	width:90%;
	max-width:960px;
	height:0;
	margin:0 auto;
}
.to_top span {
	position: fixed;
	bottom: 25px;
	left:auto;
	z-index:999;
	display: block;
	width:40px;
	height:40px;
	margin-left:980px;
	border-radius:50%;
	background:rgba(157,157,157,.5);
	text-align:center;
	padding-top:15px;
	cursor:pointer;
}
.arrow{
	display: inline-block;
	width: 15px;
	height: 15px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/*========================================================================================

 media screen and min-width 641px
 
========================================================================================*/
@media screen and (min-width: 641px) {
/*-----------------------------------------------------------------*/
/********************************
+ .main_area
********************************/
#Main_inner .main_area .pc_none {
	display:none;
}
#Main_inner .main_area {
	padding-top:75px;
}
/**********************
+ .header
**********************/
#Main_inner .header{
	max-width:956px;
}

#Main_inner .header .logo{
	width:24%;
	float:left;
}
#Main_inner .header .logo a span{
	height:75px;
}
/***************
+ .contentNav
***************/
#Main_inner .header .contentNav{
	padding-left:24%;
}
#Main_inner .header .contentNav > ul{
	display:table;
	table-layout:fixed;
}

#Main_inner .header .contentNav > ul > li{
	display:table-cell;
	line-height:18px;
	font-size:14px;
	border-right:1px solid #fff;
}
#Main_inner .header .contentNav > ul > li:first-child{
	border-left:1px solid #fff;
}
#Main_inner .header .contentNav > ul > li > a,
#Main_inner .header .contentNav > ul > li > dl > dt > a{
	display: table;
	width:100%;
}

#Main_inner .header .contentNav > ul > li > a > span,
#Main_inner .header .contentNav > ul > li > dl > dt > a > span{
	display:table-cell;
	vertical-align:middle;
	height:75px;
}
#Main_inner .header .contentNav dl dd{
	position:absolute;
	top:50px;
	left:0;
	z-index:-999;
	opacity:0;
	overflow:hidden;
	background:rgba(157,157,157,.9);
}
#Main_inner .header .contentNav dl ul{
	float:left;
	width:50%;
}
#Main_inner .header .contentNav dl li{
	height:0;
	opacity:0;
	overflow:hidden;
}

#Main_inner .header .contentNav dl.active dd{
	top:75px;
	z-index:999;
	opacity:1;
}
#Main_inner .header .contentNav dl.active li{
	height:auto;
	opacity:1;
	height:32px;
	line-height:32px;
	border-bottom:1px solid #FFFFFF;
}
#Main_inner .header .contentNav dl.active ul:nth-child(odd) li{
	border-right:1px solid #FFFFFF;
}
#Main_inner .header .contentNav dl.active ul:nth-child(odd) li.list_title{
	border-right-color:#b99955;
}
/**********************
+ .top_image
**********************/
#Main_inner .top_image{
	height:200px;
	margin-bottom: 30px;
}
/*-----------------------------------------------------------------*/
}
/*========================================================================================

 media screen and min-width 641px and max-width 960px
 
========================================================================================*/
@media screen and (min-width: 641px) and (max-width: 960px) {
/*-----------------------------------------------------------------*/
/**********************
+ .header
**********************/
#Main_inner .header{
    width: 96%;
    margin: 0 0 0 2.1%;
}
/***************
+ .contentNav
***************/
#Main_inner .header .contentNav > ul > li{
	font-size:12px;
}
/*-----------------------------------------------------------------*/
}
/*========================================================================================

 media screen and max-width 640px
 
========================================================================================*/
@media screen and (max-width: 640px) {
/*-----------------------------------------------------------------*/
.fl_section_L {
	margin-bottom: 15px;
}
/********************************
+ .main_area
********************************/
#Main_inner .main_area .sp_none {
	display:none;
}
#Main_inner .main_area {
	padding-top:40px;
}
/**********************
+ .header
**********************/
#Main_inner .header .logo{
	width:140px;
	float:none;
}
#Main_inner .header .logo a span{
	height:40px;
}
/***************
+ .menu-trigger
***************/
#Main_inner .header .menu-trigger,
#Main_inner .header .menu-trigger span {
	display: inline-block;
	transition: all .14s ease-in-out;
}
#Main_inner .header .menu-trigger {
	position:absolute;
	top:9px;
	right:9px;
	width:32px;
	height:22px;
	cursor:pointer;
	z-index:999;
}
#Main_inner .header .menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background:#b89855;
}
#Main_inner .header .menu-trigger span:nth-of-type(1) {
	top: 0;
}
#Main_inner .header .menu-trigger span:nth-of-type(2) {
	top: 9px;
}
#Main_inner .header .menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(9px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-9px) rotate(45deg);
	transform: translateY(-9px) rotate(45deg);
}

/***************
+ .contentNav
***************/
#Main_inner .header .contentNav > ul{
	position:absolute;
	top:0;
	left:0;
	z-index:-999;
	opacity:0;
}
#Main_inner .header .contentNav > ul > li{
	font-size: 13px;
	height:0;
	overflow:hidden;
}

#Main_inner .header .contentNav > ul > li br{
	display:none;
}
#Main_inner .header .contentNav.active > ul{
	top:40px;
	z-index:999;
	opacity:1;
	background:rgba(157,157,157,.9);
	line-height:32px;
}
#Main_inner .header .contentNav.active > ul > li{
	height:auto;
}
#Main_inner .header .contentNav.active li a{
	border-bottom:1px solid #fff;
}
/**********************
+ .top_image
**********************/
#Main_inner .top_image{
	height:40vw;
	margin-bottom: 25px;
}
/**********************
+ .main_contents
**********************/
/***************
+ .table
***************/
#Main_inner .main_contents .table{
	display:block;
}
#Main_inner .main_contents .table > div{
	display:block;
	width:100%!important;
}
/*-----------------------------------------------------------------*/
}
/*========================================================================================

 media screen and max-width 480px
 
========================================================================================*/
@media screen and (max-width: 480px) {
/*-----------------------------------------------------------------*/
/**********************
+ .main_contents
**********************/
/**********
+ .intro
**********/
#Main_inner .block .intro:not(.page_title){
	margin: 5px auto;
}
#Main_inner .block .intro:not(.page_title) h2 img{
	transform: scale(1.175,1.175);
}