@charset "utf-8";

#fv { background: url(../images/about/fv.jpg) center center no-repeat; background-size: cover;}
#fv h2 span { color: #fff;}

/*----------------------------------------------------------- intro */
#intro { padding: 90px 0 87px;}
#intro h3 { color: #c7b08a; font-size: 30px; }
#intro p { font-size: 14px;  padding: 30px 0 0; color: #545454; line-height: 200%;}
#intro img { float: left;}
#intro div { float: right; width: 580px;}

/*----------------------------------------------------------- info */

#info { background: #f2f6f8; margin: 147px 0 0;}
#info-inner div { float: left; padding: 50px 0 0 30px; width: 450px;}
#info-inner div h3 { display: block; font-size: 18px; padding-top: 10px;}
#info-inner iframe { float: right; }

#info-inner dl { padding: 25px 0 0; }
#info-inner dl dt,dd { display: inline-block; *display: inline; *zoom: 1; font-size: 14px; letter-spacing: 0.5px; padding-bottom: 20px; }
#info-inner dl dt{ width: 100px; vertical-align: top; font-weight: bold; }
#info-inner dl dd{ width: 349px; font-weight: normal; }

/*----------------------------------------------------------- photo */

#photo-head { text-align: center; padding: 0 0 26px; }
#photo-head h3{font-size: 18px; padding-top: 10px;}
#photo ul li img {width: 100%; height: auto; }

#contact { padding-bottom: 200px;}


/* ------------------------------------------------------------ mobile  */
@media only screen and (max-width:640px){


#intro h3 { font-size: 20px;  text-align: center; padding-top: 10px;} 

#intro { }
#intro div { float: inherit; width: 100%; padding-bottom: 10px;}
#intro { padding: 30px 3% 0; }	
#intro img { width: 100%; height: auto; float: inherit;}

#photo-head { padding: 50px 0 26px;}

#info { margin: 70px 0 35px; }

#info-inner div { padding: 50px 0 0; width: 100%; text-align: center;}
#info-inner div img { height: 20px; width: auto; }
#info-inner div h3 { font-size: 14px; }
#info-inner iframe { float: none;  width: 100%; height: 300px; margin-bottom: 20px;}


#info-inner dl { padding: 25px 0 10px; text-align: left;}
#info-inner dl dt,dd { display: block; padding: 5px 5px; width: auto;}
#info-inner dl dd { width: auto; font-weight: normal; }
#info-inner dl dt{ background: #e3ebed; font-weight: bold; }

#photo-head h3{ font-size: 14px; } 
#photo-head img { height: 20px; width: auto; }

#contact { padding: 0 0 50px;}

}