@charset "utf-8";
/*-------------------- 

     about
	 
-------------------- */


/*----------------------------
	about
----------------------------*/
#about p{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight:400;
}


br.sp{
	display:none;
}

/*content01*/
#content01{
	background:url(../../img/about/bg_01.jpg) no-repeat center center;
	background-size: cover;
	height:90vh;
	position:relative;
	text-align:center;
}

#content01 h1{
	margin:0 auto;
	padding-top:40vh;
	width:237px;
	font-size:45px;
	font-weight: 300;
	color:#fff;
}

#content01 h1 span{
	display:block;
	margin-top: 30px;
}

#content01 h1 span img{
	width:100%;
}



/*head*/
.head{
	padding:63px 0;
	text-align:center;
}

.head h2{
	font-weight:300;
	font-size:36px;
	background:url(../../img/top/h2_border.png) no-repeat bottom center;
	padding-bottom:35px;
	margin-bottom: 35px;
}
.head p{
	font-size: 20px;
	line-height:32px;
}


/*content02*/
#content02{
	background:url(../../img/about/bg_02.jpg) no-repeat center center;
	background-size:cover;
	height:960px;
	text-align:center;
	padding-top: 160px;
}

#content02 p{
	color:#fff;
	font-size:16px;
	line-height: 36px;
}

#content02 p+p{
	margin-top: 50px;
}


/*content03*/

#content03 .txt_area{
	padding-top: 80px;
	height: 960px;
	background:url(../../img/about/bg_03.jpg) no-repeat center top;
	background-size:cover;
	text-align:center;
	font-size: 16px;
	line-height: 36px;
}

#content03 .txt_area p+p{
	margin-top: 50px;
}

#content03 figure img{
	width:100%;
}



/*content04*/
#content04{
	width:100%;
	max-width:1600px;
	margin:0 auto;
	padding-top:200px;	
	background:url(../../img/about/c04_txt01.png) no-repeat right 95px;
}


#content04 .inner{
	position:relative;
}

#content04 .txt_area{
	margin-top:30px;
	border: 1px solid #a6a6a6;
	padding:45px 70px;
	width:45%;
	position:absolute;
	right:-50px;
	top:0;
}

#content04 figure{
	display: inline-block;
}
#content04 .ph_box01{
	width:61%;
}

#content04 .ph_box01 img{
	width:100%;
}

#content04 .ph_box02 {
	width:32%;	
	background:url(../../img/about/c04_ob.png) no-repeat right top;
	padding-top:80px;
	margin-left:35px;
}

#content04 .ph_box02 img{
	width: 52.27%;
}



/*content05*/
#content05 {
	background: url(../../img/about/c05_ob01.png) no-repeat -200px bottom;
	padding-bottom: 200px;
}
#content05 .c05_inner{
	max-width:1600px;
	margin:0 auto;
	width:100%;
	padding-top:200px;	
	background:url(../../img/about/c05_txt01.png) no-repeat 11% 95px;
	text-align:right;
}


#content05 .inner{
	position:relative;
	text-align:left;
}

#content05 .txt_area{
	margin-top:30px;
	border: 1px solid #a6a6a6;
	padding:4.3%;
	padding-left:50px;
	width:60%;
	position:absolute;
	left:-50px;
	top:0;
}

#content05 .figure_box{
	width:100%;
	max-width:1350px;
	display:inline-block;
	padding-top:200px;
}

#content05 figure{
	display: inline-block;
}

#content05 figure img{
	width:100%;
}

/*共通*/
#about figure figcaption{
	font-size: 10px;
	color:#bfbfbf;
	text-align: left;
	font-style: italic;
}

#content05 figure.ph_box01{
	width:28.5%;
	margin-right:2.3%;
}

#content05 figure.ph_box02{
	width:40%;
	margin-right:0;
}



/*content06*/
#content06{
	max-width:1600px;
	margin:0 auto;
	width:100%;
	padding-top:100px;	
	background:url(../../img/about/c06_txt01.png) no-repeat right top;
}


#content06 .inner{
	position:relative;
}

#content06 .txt_area {
	margin-top:40px;
	border: 1px solid #a6a6a6;
	padding:45px 65px;
	width:51%;
	position:absolute;
	right:10px;
	top:0;
	
}

#content06 .txt_area figure{
	width:120px;
	position: absolute;
	left:-85px;
	bottom:-40px;
}

#content06 .txt_area figure img{
	width:100%;
}

#content06 .figure_box{
	padding:75px 0 30px;
	background:url(../../img/about/c06_ob02.png) no-repeat right 50px bottom -350px;
}

#content06 .figure_box figure{
	width: 100%;
	margin: 0 auto;
	max-width:1100px;
}



/*content07*/
#content07 .ph_box01 {
	margin-top:-30px;
}
#content07 .ph_box01 figcaption{
	padding-right:17%;
	margin:0 auto;
	text-align:right;	
}

#content07 .ph_box01 img{
	width:100%;
}

#footer{
	width:980px;
	margin:0 auto;
	display:block !important;
	display /**/:inline-block;/* for IE */
	text-align: left;
}
#footer ul{
	/*margin: 20px 0 0 0;*/
	padding: 0;
}
#footer ul li{
	float: left;
}

#footer ul li.next1{
	float: right;
	margin: 3px 0 0 0;
}
#footer ul li.next2{
	float: right;
	margin: 3px 5px 0 0;
}
#footer ul li.backnumber2 p{
	margin: 8px 0 0 0;
	color: #fff;
	font-size: 12px;
}
#footer ul li.copyright{
	width:100%;
	text-align: center;
	font-size: 10px;
	color: #4f4f4f;
	margin: 39px 0;
}
#footer ul li.runup{
	font-size: 13px;
	color: #4f4f4f;
	margin: 0 0 0 100px;
}
#footer ul li.runup p{
	float: left;
	margin: 20px 15px 0 0;
}