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

    	about

-------------------- */

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


#content04 .txt_area {
    right: 0;
	padding:3%;
}

#content05 .txt_area {
	left:0;
	padding:3%;
}

#content06 .txt_area {
	padding:2.4%;
	width:53%;
}
#content06 .txt_area figure {
    width: 110px;
    position: absolute;
	left:inherit;
    right:20px;
    bottom: -140px;
}
}


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

br.sp{
	display:block;
}

br.pc{
	display:none;
}

/*共通*/
#about figure figcaption{
	font-size: 12px;
}


/*content01*/
#content01{
	height:425px;
}

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

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

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


/*content02*/
#content02{
	background:url(../../img/about/bg_02.jpg) no-repeat left -400px bottom;
	background-size:cover;
	height:1100px;
	padding-top: 115px;
}

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

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


/*content03*/
#content03 .onlySP{
	margin-left:11.71%;
}

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

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



/*content04*/
#content04{
	width:100%;
	max-width:100%;
	margin-top: 100px;
	padding-top:70px;	
	background:url(../../img/about/c04_txt01.png) no-repeat right -30px top;
	background-size:contain;
}


#content04 .txt_area{
	margin:0 0 55px 4.68%;
	padding:10% 5.45%;
	width:85.93%;
	position:static;
	text-align:justify;
}

#content04 .ph_box01{
	width:65%;
}


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

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



/*content05*/
#content05 {
	background: url(../../img/about/c05_ob01.png) no-repeat left -100px center;
	background-size: 50%;
}

#content05 .c05_inner{
	max-width:100%;
	margin-top:100px;
	padding-top:80px;
	background:url(../../img/about/c05_txt01.png) no-repeat right -30px top;
	background-size:contain;
}


#content05 .inner{
	position:static;
}

#content05 .txt_area{
	margin:0 0 55px 4.68%;
	padding:10% 5.45%;
	width:85.93%;
	position:static;
	text-align:justify;
}

#content05 .figure_box{
	max-width:100%;
	padding-top:0;
}


#content05 figcaption{
	font-size: 12px;
	color:#bfbfbf;
	text-align: left;
	font-style: italic;
	line-height:1.4;
}


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

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



/*content06*/
#content06{
	max-width:100%;
	padding-top:170px;
	background-size:contain;
}


#content06 .inner{
	position:static;
}

#content06 .txt_area {
	margin:0 0 55px 4.68%;
	padding:10% 5.45%;
	width:85.93%;
	position:relative;
	text-align:justify;
	
}

#content06 .txt_area figure{
	width:23.43%;
	position: absolute;
	left:73%;
	top:85%;
}


#content06 .figure_box{
	width:92.18%;
	margin:-20px auto 0;
	padding:0 0 30px;
	background:url(../../img/about/c06_ob02.png) no-repeat right bottom -90px;
	background-size:50%;
}

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


/*content07*/
#content07 .ph_box01 {
	margin-top:-30px;
}
#content07 .ph_box01 figcaption{
	padding-right:3.9%;	
}


}