@charset "UTF-8";
/* CSS Document */


#contents{
	width:100%;
	padding:158px 0 60px 0;
}
#contents .inner{
	padding: 0 30px;
	margin:0 auto;
	position:relative;
}
#contents .inner h3{
	text-indent: 100%;
	white-space: nowrap;
	width: 217px;
	height: 23px;
	background-image: url(../images/title_history.png);
	background-repeat: no-repeat;
	background-size: contain;
	margin:0 auto 30px auto;
	overflow: hidden;
}
#contents .inner hr{
	width:320px;
	margin-bottom:60px;
	border-bottom:solid 2px #000;
}
#contents .inner hr.separate{ width:960px; }

#contents .photo{
	text-align:center;
	width:100%;
	position:relative;
}
#contents .photo p:first-child{ margin-bottom:30px; }
#contents .inner .photo img{
	width:100%;
	height:auto;
	vertical-align:bottom;
}
#contents .inner .section{
	padding-bottom:60px;
	position:relative;
}
#contents .inner #history4.section{ padding-bottom:0px; }

.section .text{
	text-align:left;
	padding:0 30px;
	position:absolute;
	left:0px;
	top:-1em;
}
.section .text h4{
	font-family:"museo-sans", Helvetica, sans-serif;
	font-weight:900;
	font-size:1.4em;
	display:inline;
	background-color:#FFF;
}
.section .text p{
	background-color:#FFF;
	display:inline;
}
p.photographer{
text-align: right;
padding: 20px 0 0 0;
display: block;
}



/* --------------------------------------- Media Queries Smartphone --------------------------------------- */
@media only screen and (max-width: 736px) {

#contents{ padding:79px 0 30px 0; }
#contents .inner{ padding: 0px; }
#contents .inner h3{
	color: #000;
	font-family:"museo-sans", Helvetica, sans-serif;
	font-size:1.4rem;
	font-weight: 900;
	text-indent: 0;
	width: auto;
	background-image: none;
	margin-bottom:15px;
}
#contents .inner hr{
	width:160px;
	margin-bottom:30px;
	border-bottom:solid 1px #000;
}
#contents .inner hr.separate{ width:85%; }

#contents .photo{
width:auto;
padding:40px 15px 0 15px;
}
#contents #history3 .photo{
padding-top: 80px;
}
#contents .photo p:first-child{ margin-bottom:15px; }
#contents .inner .section{ padding-bottom:30px; }
#contents .inner #history4.section{ padding-bottom:0px; }

.section .text{
	text-align:left;
	padding:0 30px;
	position:absolute;
	left:0px;
	top:0px;
}
.section .text h4{ font-size:1.2rem; }
.section .text p{
font-size: 1rem;
line-height: 1.4rem;
display: block;
}
p.photographer{
padding: 10px 15px 0 15px;
}

}