/* *****************************************************************************
ヘッダ
***************************************************************************** */


/* *****************************************************************************
メインビジュアル
***************************************************************************** */
#mainvisual {
	width:100%;
	position:relative;
}
#mainvisual img {
	width:100%;
}


#mainvisual .btn_play ,
#mainvisual .poster_mov {
	display:none; 
}
.disp_poster #mainvisual .poster_mov {
	display:block;
}
.mov_stopped  #mainvisual .btn_play {
	display:block;
	animation-duration: 0.5s;
	animation-name: fade-in;
}
#mainvisual .poster_mov {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
}
#mainvisual .btn_play {
	position:absolute;
	top:50%;
	left:50%;
}
#mainvisual .btn_play span{
	display:block;
	margin-left:-92px;
	margin-top:-102px;
	width:185px;
	cursor:pointer;
}
#mainvisual .btn_play span:hover{
	opacity:0.6;
}

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

	#mainvisual .btn_play span{
		display:block;
		margin-left:-46px;
		margin-top:-51px;
		width:92px
	}

/*
	#btn_discover {
		display:none;
	}
*/

}


#btn_discover {
	position:fixed;
	left:0px;
	bottom:0px;
	line-height:1.4;
	width:100%;
	height:90px;
	background-color:#fff;
	z-index:10;
}
#btn_discover span{
	display:block;
	width:200px;
	margin-left:auto;
	margin-right:auto;
	padding:24px 0px;
	text-align:center;
	font-size:10px;
	color:#444;
}

section h2 {
	font-size:18px;
	margin-bottom:2em;
	font-weight:normal;
}
section p{
	text-align: justify;
	text-justify:inter-ideograph;
}


@keyframes fade-in {
	0% {
		display: none;
		opacity: 0;
	}
	1% {
		display: block;
		opacity: 0;
	}
	100% {
	 	display: block;
	 	opacity: 1;
	}
}
@keyframes fade-out {
	0% {
	 	display: block;
	 	opacity: 1;
	}
	99% {
		display: block;
		opacity: 0;
	}
	100% {
		display: none;
		opacity: 0;
	}
}
/* *****************************************************************************
山梨県が取り組むニホンジカ有効活用方策プロジェクト
***************************************************************************** */
#section_yamanashi {
}
#section_yamanashi > .inner {
	max-width:900px;
	width:95%;
	margin-left:auto;
	margin-right:auto;
	padding:120px 0px;
}
#section_yamanashi .figure {
	text-align:center;
	margin-bottom:4em;
}
#section_yamanashi h1 {
	margin-bottom:1em;
}
#section_yamanashi p {
	line-height:3;
}








/* *****************************************************************************
コンセプト
***************************************************************************** */

.figure_slide {
	position:relative;
	z-index:1;
}
.section_bg_slide {
	position:absolute;
	z-index:1;
	width:100%;
	height:600px;
}
.figure_slide ul,
.section_bg_slide ul{
	list-style-type:none;
}
.figure_slide li,
.section_bg_slide li{
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
	width:100%;
	height:100%;
}
.section_bg_slide li > div {
	width:100%;
	height:100%;
	background-position:center center;
	background-size:cover;
}
#section_concept {
	position:relative;
}
#section_concept > .inner {
	position:relative;
	z-index:2;
	max-width:1024px;
	width:95%;
	margin-left:auto;
	margin-right:auto;
	padding:100px 0px;
}
#section_concept h1 {
	margin-left:55%;
	margin-bottom:20px;
}

#section_concept h2 {
	margin-left:55%;
}
#section_concept p {
	line-height:2.5;
	margin-bottom:2em;
	margin-left:55%;
}



/* *****************************************************************************
印伝
***************************************************************************** */
#section_inden > .inner {
	max-width:1024px;
	width:95%;
	margin-left:auto;
	margin-right:auto;
	padding:80px 0px;
	position:relative;
}
#section_inden .figure {
	width:65%;
	height:31vw;
	max-height:330px;
	float:left;
}
#section_inden .sentence {
	width:33%;
	float:right;
}
#section_inden .figure img{
	width:100%;
}




/* *****************************************************************************
害獣被害
***************************************************************************** */
#section_damage {
	position:relative;
	margin-bottom:80px;
}
#section_damage > .inner {
	max-width:1024px;
	width:95%;
	margin-left:auto;
	margin-right:auto;
	padding:100px 0px;
	color:#fff;
	position:relative;
	z-index:2;
}
#section_damage h1 {
	margin-bottom:20px;
}
#section_damage p {
	line-height:2.5;
	margin-bottom:2em;
	width:45%;
}



/* *****************************************************************************
素材
***************************************************************************** */
#section_material {
	background:url(/images/brand/material_bg.jpg) center center no-repeat;
	background-size:cover;
}
#section_material > .inner {
	max-width:1024px;
	width:95%;
	margin-left:auto;
	margin-right:auto;
	padding:80px 0px;
}
#section_material p {
	line-height:3;
	margin-bottom:2em;
	width:38%;
}







/* *****************************************************************************
制作
***************************************************************************** */
#section_work {
}
#section_work > .inner {
	max-width:1024px;
	width:95%;
	margin-left:auto;
	margin-right:auto;
	padding:80px 0px;
}
#section_work > .inner > div:not([class="clr"]) {
	width:49.75%;
	margin-left:0.5%;
	float:left;
	position:relative;
}
#section_work > .inner > div:first-child {
	margin-left:0%;
}
#section_work > .inner .figure_slide {
	height:28.11vw;
	max-height:304px;
}
#section_work > .inner > div img {
	width:100%;
}
#section_work h1 {
	margin-top:2em;
	margin-bottom:2em;
}
#section_work h1 ,
#section_work h2 ,
#section_work p {
	padding-left:12%;
	padding-right:12%;
}




/* *****************************************************************************
プロフィール
***************************************************************************** */
#section_profile {
	
}
#section_profile > .inner {
	max-width:1024px;
	width:95%;
	margin-left:auto;
	margin-right:auto;
	padding:80px 0px;
}
#section_profile > .inner > div:not([class="clr"]) {
	width:27.832%;
	margin-left:8.25%;
	float:left;
}
#section_profile > .inner > div:not([class="clr"]) img {
	width:100%;
}
#section_profile > .inner > div:nth-child(2){
	margin-left:0%;
}
#section_profile > .inner > div h1.section_title {
	margin-bottom:1em;
	line-height:1.2;
}
#section_profile > .inner > div h1.section_title span {
	color:#e6c6b9;
	border-bottom:none;
}
#section_profile dt {
	margin-bottom:1em;
}
#section_profile .profile_name {
	font-size:18px;
	margin-bottom:1em;
}
#section_profile .profile_name > span > span{
	font-size:12px;
}
#section_profile .profile_explain ,
#section_profile .profile_address {
	margin-bottom:1em;

}
#section_profile .profile_explain {
	text-align: justify;
	text-justify:inter-ideograph;
}












/* *****************************************************************************
モバイル
***************************************************************************** */

@media screen and (max-width: 900px)  {
	#section_concept h1 ,
	#section_concept h2 ,
	#section_concept p {
		margin-left:30%;
	}

	#section_inden .figure ,
	#section_inden .sentence {
		width:100%;
		float:none;
		margin-bottom:1em;
	}
	#section_inden .figure {
		height:47.5vw;
		position:relative;
	}

	#section_damage {
		margin-bottom:0px;
	}
	#section_damage p {
		width:60%;
	}

	#section_material {
		background:url(/images/brand/sp_material_bg.jpg) center center no-repeat;
		background-size:cover;
	}
	#section_material p {
		width:100%;
	}
	
	#section_work > .inner > div:not([class="clr"]) {
		width:100%;
		margin-left:0%;
		float:none;
		margin-bottom:2em;
	}
	#section_work > .inner .figure_slide {
		height:50.9vw;
		max-height:initial;
	}
	#section_work h1 ,
	#section_work h2 ,
	#section_work p {
		padding-left:0%;
		padding-right:0%;
	}

	#section_profile > .inner > div:not([class="clr"]) {
		width:100%;
		margin-left:0%;
		float:none;
		margin-bottom:4em;
	}

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


.section_bg_slide {
	position:static;
	height:70vw;
}
.section_bg_slide li{
	height:70vw;
}

/*
#btn_discover {
	display:none;
}
*/

	section h1.section_title span {
		font-size:4vw;
	}
	section h2 {
		font-size:5vw;
	}

	#section_yamanashi > .inner {
		padding:8em 0px;
	}
	#section_yamanashi img {
		width:20%;
	}
	#section_yamanashi h1 span {
/*		font-size:2vw; */
		letter-spacing:0.1em;
	}
	#section_yamanashi h1 {
		font-size:5vw;
		line-height:1.5;
		letter-spacing:0.1em;
	}
	#section_yamanashi p {
		line-height:2;
	}

	#section_yamanashi h1,
	#section_concept h1,
	#section_inden h1,
	#section_damage h1,
	#section_material h1,
	#section_work h1,
	#section_profile h1 {
		margin-bottom:1.5em;
	}


	/* 各コンテンツのマージン */
	#section_concept > .inner {
		padding:2em 0px;
	}
	#section_concept > .inner {
		padding:0px;
		margin-top:2em;
		margin-bottom:8em;
	}
	#section_inden > .inner {
		padding:0px;
		margin-bottom:8em;
	}
	#section_damage > .inner {
		padding:0px;
		margin-top:2em;
		margin-bottom:8em;
	}
	#section_material > .inner {
		padding:0px;
		margin-top:2em;
		margin-bottom:8em;
	}
	#section_work > .inner {
		padding:0px;
		margin-bottom:8em;
	}
	#section_work > .inner > div:first-child {
		padding:0px;
		margin-bottom:8em;
	}
	#section_profile > .inner {
		padding:0px;
		margin-bottom:8em;
	}

	
	#section_concept h1 ,
	#section_concept h2 ,
	#section_concept p {
		margin-left:0%;
	}
	#section_concept p {
		line-height:2;
	}

	#section_damage > .inner {
		color:#444;
	}
	#section_damage p {
		width:100%;
		line-height:2;
	}
	#section_material {
		background-image:none;
	}
	#section_material > .figure img{
		width:100%;
	}
	#section_material p {
		width:100%;
		line-height:2;
	}

	#section_work h2 br {
		display:none;
	}

	#section_profile .profile_title {
		font-size:3vw;
	}
	#section_profile .profile_name {
		font-size:5vw;
	}
	#section_profile .profile_name > span > span,
	#section_profile .profile_address,
	#section_profile .profile_web{
		font-size:3vw;
	}

}