@charset "UTF-8";

@import url("../../common/css/common.css");
@import url("../../common/css/layout.css");


#contents .lead {
	color: #291D02;
	margin: 0 10px 60px;
}

/* photoArea
----------------------------*/
#contents .photoArea {
	width: 960px;
	margin: 0 auto 80px;
}
#contents .photoArea li {
	float: left;
}
/* section
----------------------------*/
#contents .section1 h3, #contents .section4 h3 {
	background: none;
	margin: 0 0 20px;
}
#contents .section1 .lead {
	margin: 0 auto 80px;
}

#contents .section1 ul li {
	font-size: 0;
	line-height: 0;
	display: inline;
	margin: 0 25px;
}
#contents .section2 {
	margin: 0 0 80px;
}
#contents .section2 dl {
	text-align: left;
	width: 710px;
	margin: 0 auto;
}
#contents .section2 dl dt {
	color: #88B700;
	font-size: 18px;
	float: left;
}
#contents .section2 dl dd {
	margin: 0 0 25px;
	padding: 0 0 0 210px;
}
#contents .section3 {
	background: url(../../common/images/sec_bg_line.gif) no-repeat center bottom;
	margin: 0 0 80px;
	padding: 0 0 100px;
}
#contents .section3 .staff {
	text-align: left;
	width: 710px;
	margin: 0 auto 30px;
	border-bottom:1px dashed #DDD;
	padding:10px 0 30px 0;
}
#contents .section3 .staff .image {
	width: 95px;
	float: left;
}
#contents .section3 .staff .text {
	width: 550px;
	float: right;
}
#contents .section3 .staff .text .name {
	font-size: 15px;
	font-weight:bold;
	padding:0 0 10px 0;
}
#contents .section4 {
	margin: 0 0 120px;
}
#contents .section4 h2 {
	margin: 0 0 15px;
}
/* insta
----------------------------*/
#instagram {
	text-align: center;
	width: 710px;
	margin:0 auto;
}
#instagram div.instagram-placeholder {
	width:120px;
	float:left;
	margin:10px;
}
#instagram div.instagram-placeholder img{
		width:120px;
}
#instagram:after{
	clear: both;
	content: "";
	border: 0 none;
	display: block;
}
h2#headlineInsta{
	padding:30px 0 0 0;
}
.qa{
	text-align: left;
	width: 710px;
	margin:0 auto 100px auto;
}
.qa dt{
	color: #88B700;
	font-size: 16px;
	padding-bottom: 10px;
}
.qa dd{
	border-bottom: 2px dotted #CCC;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.qa .en-fonts{
	font-size: 25px;
	font-weight: bold;
	padding-right: 10px;
}
/* screens smaller than 640
***************************************************************************/
@media only screen and (max-width:640px) {

#contents .lead {
	text-align: left;
	margin: 0 10px 30px;
}
/* photoArea
----------------------------*/
#contents .photoArea {
	width: 240px;
	margin: 0 auto 40px;
	padding: 0 0 0 10px;
}
#contents .photoArea li {
	float: left;
}
#contents .photoArea li img {
	width: auto;
	zoom: .5;
}
/* section
----------------------------*/
#contents .section1 .lead {
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto 40px;
	padding: 0 10px;
}
#contents .section1 ul li {
	font-size: 0;
	line-height: 0;
	display: inline;
	margin: 0 25px;
}
#contents .section2 h3, #contents .section3 h3 {
	margin: 0 0 20px;
}
#contents .section2 {
	margin: 0 0 40px;
}
#contents .section2 dl {
	width: 100%;
	box-sizing: border-box;
	padding: 0 10px;
}
#contents .section2 dl dt {
	color: #88B700;
	font-size: 16px;
	float: none;
}

#contents .section2 dl dd {
	margin: 0 0 25px;
	padding: 0;
}
#contents .section3 {
	background-size: 185px auto;
	margin: 0 0 40px;
	padding: 0 0 50px;
}
#contents .section3 .staff {
	text-align: left;
	width: 100%;
	box-sizing: border-box;
	margin: 0 auto 30px;
	padding: 0 10px 30px 10px;
}
#contents .section3 .staff .image {
	width: 95px;
	float: left;
}
#contents .section3 .staff .text {
	width: 100%!important;
	box-sizing: border-box;
	float: none;
	padding: 0 0 0 110px;
}
#contents .section3 .staff .text .name {
	font-size: 15px;
}
#contents .section4 {
	width: 100%;
	box-sizing: border-box;
	margin: 0 0 60px;
	padding: 0 10px;
}
#contents .section4 h2 {
	margin: 0 0 15px;
}
.qa{
	width: 100%;
	}
/* insta
----------------------------*/
#instagram {
	text-align: center;
	width: 100%;
	margin:0 auto;
}
#instagram div.instagram-placeholder {
	width:45%;
	float:left;
	margin:1%;
}
#instagram div.instagram-placeholder img{
	width:100%;
}
#instagram:after{
	clear: both;
	content: "";
	border: 0 none;
	display: block;
}
h2#headlineInsta{
	padding:30px 0 0 0;
}
}