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


@media screen and (min-width: 641px) {
/*  company-header ----------------------------------------------------*/
#company-header{
	padding: 30px 0 30px;
	background-color: #F2F2F2;
	text-align: center;
}
#company-header p{
	font-size: 18px;
	font-weight: 600;
	margin-top: 30px;
}
#company-header p span{
	color: #009164;
}
#company-body{
	padding: 50px 0 0;
}
#company-body h3,.company-body h3{
	font-size: 24px;
	font-weight: 600;
	text-align: center;
}
#company-body p{
	margin: 30px auto 60px;
	width: 740px;
}
#company-body p.text-right{
	font-size: 18px;
	margin: -10px auto 100px;
	text-align: right;
}
#company-body .photo{
	margin: 0;
	background-color: #BABABA;
	height: 460px;
}


.dl-company{
	width: 740px;
	margin: 20px auto 80px;
	border-top: 1px solid rgba(112,112,112,0.3);
}
.dl-company dt{
	float: left;
	clear: left;
	width: 8em;
	font-weight: 600;
	padding: 4px 0;
}
.dl-company dd{
	border-bottom: 1px solid rgba(112,112,112,0.3);
	padding: 4px 0 4px 9em;
}


.dl-history{
	width: 740px;
	margin: 20px auto 80px;
	border-top: 1px solid rgba(112,112,112,0.3);
	
}
.dl-history dt{
	float: left;
	clear: left;
	width: 8em;
	padding: 4px 0;
}
.dl-history dd{
	border-bottom: 1px solid rgba(112,112,112,0.3);
	padding: 4px 0 4px 8.5em;
}

#company-body p.soshiki{
	margin: 20px auto 50px;
	width: 100%;
	text-align: center;
}

#group-body .container{
	padding: 30px 0 30px;
}
#group-body .container-full{
	padding: 0 0 30px;
	text-align: center;
}
#group-body .container-full img{
	width: 100%;
}
#location-body{
	padding: 30px 0 30px;
}

.location-block{
	display: table;
	width: 100%;
	margin-bottom: 50px;
}
.location-left{
	display: table-cell;
	vertical-align: top;
	padding-right: 30px;
}
.location-right{
	display: table-cell;
	vertical-align: top;
	width: 500px;
	padding-top: 30px;
}
.location-right p{
	width: 500px;
	height: 300px;
	background-color: #BABABA;
}
.location-left .text1{
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
	border-bottom: solid 3px #BABABA;
	position: relative;
}
.location-left .text2{
	padding: 4px 0;
	border-bottom: 1px solid rgba(112,112,112,0.3);
}

.location-left .text1:after {
  content: "";
  display: block;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 10%;
  border-bottom: 3px solid #009164;
}
.location-left .photo{
	margin-top: 20px;
}

#environment-body{
	padding: 30px 0 80px;
}

#environment-body p.text1{
	text-align: center;
	margin-top: 30px;
}
#environment-body p.text2{
	text-align: center;
	margin-top: 50px;
}

#health-body{
	padding: 30px 0 80px;
}

#health-body p.text1 {
	display: block;
	margin: 0 auto;
	margin-top: 30px;
	width: 740px;
}
#health-body p.text2 {
	text-align: center;
	margin-top: 50px;
}
#health-body p img {
	border: solid 1px rgba(112,112,112,0.3);
}
}
@media screen and (max-width: 640px) {
/*  company-header ----------------------------------------------------*/
#company-header{
	padding: 20px 0 20px;
	background-color: #F2F2F2;
	text-align: center;
}
#company-header h2 img{
	height: 50px;
}
#company-header p{
	font-size: 18px;
	font-weight: 600;
	margin-top: 20px;
	text-align: left;
	display: inline-block;
}
#company-header p span{
	color: #009164;
}	
#company-body{
	padding: 40px 0 0;
}
#company-body h3,.company-body h3{
	font-size: 24px;
	font-weight: 600;
	text-align: center;
}
#company-body p{
	margin: 30px auto 60px;
	padding: 0 5px 0;
}
#company-body p.text-right{
	font-size: 18px;
	margin: -10px auto 100px;
	text-align: right;
}
#company-body .photo{
	margin: 0;
	background-color: #BABABA;
	height: 460px;
}


.dl-company{
	margin: 20px auto 60px;
	border-top: 1px solid rgba(112,112,112,0.3);
}
.dl-company dt{
	font-weight: 600;
	padding: 6px 0 0;
}
.dl-company dd{
	border-bottom: 1px solid rgba(112,112,112,0.3);
	padding: 0px 0 6px;
}


.dl-history{
	margin: 20px auto 60px;
	border-top: 1px solid rgba(112,112,112,0.3);
	
}
.dl-history dt{
	font-weight: 600;
	padding: 6px 0 0;
}
.dl-history dd{
	border-bottom: 1px solid rgba(112,112,112,0.3);
	padding: 0px 0 6px;
}

#company-body p.soshiki{
	margin: 20px auto 50px;
	width: 100%;
	text-align: center;
}
#company-body p.soshiki img{
	width: 100%;
}

#group-body .container{
	padding: 20px 0 20px;
}
#group-body .container-full{
	padding: 0 0 30px;
	text-align: center;
}
#group-body .container-full img{
	width: 100%;
}
#location-body{
	padding: 30px 0 30px;
}

.location-block{
	width: 100%;
	margin-bottom: 50px;
}
.location-left{
	vertical-align: top;
}
.location-right{
	vertical-align: top;
	padding-top: 20px;
}
	.location-right iframe{
		width: 100%;
	}
.location-right p{
	width: 100%;
	height: 300px;
	background-color: #BABABA;
}
.location-left .text1{
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
	border-bottom: solid 3px #BABABA;
	position: relative;
}
.location-left .text2{
	padding: 4px 0;
	border-bottom: 1px solid rgba(112,112,112,0.3);
}

.location-left .text1:after {
  content: "";
  display: block;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 10%;
  border-bottom: 3px solid #009164;
}
.location-left .photo{
	margin-top: 20px;
}

#environment-body{
	padding: 30px 0 80px;
}

#environment-body p.text1{
	text-align: center;
	margin-top: 30px;
}
#environment-body p.text2{
	text-align: center;
	margin-top: 20px;
}
#environment-body p.text2 img{
	width: 100%;
}

#health-body{
	padding: 30px 0 80px;
}

#health-body p.text1 {
	display: block;
	margin: 0 auto;
	margin-top: 30px;
}
#health-body p.text2 {
	text-align: center;
	margin-top: 20px;
}
#health-body p img {
	border: solid 1px rgba(112,112,112,0.3);
	width: 100%;
}
}