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

/* ------------------------------------
   下層頁　last 20160719
---------------------------------------*/

/* subPage max-width:960px*/
.subpage { margin:0 auto;padding:50px 15px 0;}

/* subPage ヘッダライン */
.bl {
  background:url(/images/common/keisen01.png) no-repeat center top;
  background-size:1800px;
}
.bl {
	clear:both;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}

/* sub　BGカラーbox */
.col1　{
	clear:both;
	width:100%;
	background: #f8fbf2;
	font-size:13px;
	overflow:hidden;	
}
.col1 .inner {max-width:960px; margin:0 auto;overflow:hidden;}


.subpage h2 {
  background:#fff;
  text-align:center;
  color:#6a9017;
  font-size:133%;
  letter-spacing:2px;
  text-shadow:1px 1px 0px rgba(255, 255, 255, 1);
  padding:8px 24px;
  margin-bottom:24px;
}
.subpage h2 span {
  display:inline-block;
  height:20px;
  border:1px solid #6a9017;
  vertical-align:middle;
}

.subpage h3 {
  margin-bottom:24px;
  padding:0 24px 10px;  
  padding:0 0px 10px;
  text-align:left;
  font-size:13px;
  line-height:1.8;
  letter-spacing:2px;
  text-shadow:1px 1px 0px rgba(255, 255, 255, 1);
}
/* h4 */
.subpage h4 {
	clear:both;
  margin:0;
  padding:0;
  text-align:left;
  font-size:13px;
  color:#8DC220;
}

.subpage section { padding:0; margin-bottom:60px; }

/* テキスト・リスト */
.subpage p , .subpage li , .subpage dl, 
.col1 p , .col1 li , .col1 dl {
	font-size:13px;
	line-height:1.8;
}

/* ul -----------------------------------------*/

.subpage ul {
	list-style:none;
	overflow:hidden;
}
.subpage li {
	padding:0 0 10px;
	text-indent:-1em; 
	padding:0 0 5px;
	padding-left:1em;
	overflow:hidden;
}
.subpage li:before { content:"・"; }

/* 定義リスト　---------------------------------*/
.defin {
	clear:both;
	width:100%;
	padding:0 0 10px;
	line-height:1.3;
	overflow:hidden;
}
.defin dl {
	clear:both;
	width:100%;
	margin:0 auto;
    padding:2px 0;
	text-align:left;
	border-bottom:1px solid #d5d5d5;
}
.defin dt {
	float:left;
	width:20%;
	font-weight: normal;
	padding:5px 1% 5px;
}
.defin dd {
	width:78%;
	margin-left:20%;
	padding:5px 0;
	overflow:hidden;
}
.defin dl:last-child { border-bottom:none;} 


.center { text-align:center;}

.boxc {
  text-align:center;
  font-size:13px;
  margin-bottom:32px;
}

/* img */
.imgL img { float:left; margin:0 20px 10px 0;} 
.imgR img { float:right; margin:0 0 10px 20px;} 



/* products 製品案内 --------------------------------*/
.product {
	text-align:center;
}
.product h2 {
	margin-bottom:30px;
	background:#999;
	color:#FFF;
	font-weight: normal;
	text-shadow:none;
	border-bottom:1px groove #ececec;
}

.product section {margin-bottom:110px ; }

/*農業・園芸*/
.product .tit01 { background:#8CC456;}

/*医療*/
.product .tit02 { background:#60C0BD;}

/*住宅建材*/
.product .tit03 { background:#F19A96;}

/*アミューズメント*/
.product .tit04 { background:#DFAE65;}

/*弱電・機械*/
.product .tit05 { background:#7495C6;}

/*生活雑貨*/
.product .tit06 { background:#E193B5;}


.product h4 { padding-top:10px; }

.product div, 
.product ul {
	clear:both;
	margin:0 auto 15px;
	padding:10px 0;
	list-style:none;
	text-align:left;
	overflow:hidden;
}
.product ul li { padding-bottom:10px; }
.product img { float:left; margin:0 20px 10px 0; }
.product p { margin-bottom:5px;}


/* tech 東穂の技術 --------------------------------*/

.tech1 {
	max-width:87.5%;
	width:875px;
	margin:0 auto;
	padding:0 30px;
}
.tech1 p {
	width:80%;
	margin:0 auto;
	padding:0 0 20px;
	line-height:2.0;
}

.tech1 div {
	overflow:hidden;
}
.tech1 img {
	float:left;
	margin-bottom:10px;
}
.tech1 ul {
	float:right;
	width:40%;
	margin:10px 10% 45px 0;
	padding:20px 0;
	text-align:left;
}
.tech1 li {
	margin:0 0 10px;
	padding:0 10px;
	border-bottom:1px solid #86B91F;
}
.tech1 li:last-child { border-bottom:none; }

.tech1 .boxa  { margin-bottom:30px;}
.tech1 .boxa ul { margin-bottom:30px;}

.tech1 .boxa p { clear:both;}

.boxb {
	clear:both;
	overflow:hidden;
}
.tech1 .boxb img { margin-bottom:15px;}
.tech1 .boxb p {
	float:right;
	width:40%;
	text-align:left;
	margin:100px 10% 0 0;
	padding:0 10px;
}

/* 各製品の特長 */
.tech2 {
	max-width:960px;
	margin:0 auto;
	padding:30px 30px;	
	background:#E8EEDA;
	overflow:hidden
}
.tech2 .boxw {
	clear:both;
	width:93.75%;
	margin:30px auto;
	padding:30px 0;	
	background:#FFF;
	overflow:hidden;
}
.tech2 .boxw .r {
	float:right;
	width:45%;
	margin-right:30px;
	text-align:left;	
	overflow:hidden;
}
.tech2 h3 {
	color:#7D9534;
	font-size:133%;
	margin:0;
}
.tech2 p {
	margin-bottom:10px;
}
.tech2 .boxw .defin {
	width:100%;
	padding:5px 0;
	border-top:1px solid #86B91F;
}
/* 二次加工　*/
.tech2 .boxw .boxt h4 {
	font-size:108%;
	margin:0 0 10px;
	padding-bottom:5px;
	color:#000;
	border-bottom:1px solid #d5d5d5;
}
.tech2 .boxw .boxt p {
	padding-bottom:15px;
}
.tech2 .boxw .defin h4 {
	margin-top:10px;
	color:#000;
}



/* tech 会社案内 --------------------------------*/

.boxg section{
	margin:0 auto;
	padding:40px 0;
	width:100%;
	background: #f8fbf2;
	overflow:hidden;
}
.boxg .inner { width:960px; margin:0 auto; }

/* 経営理念 */
.subpage .company { margin-bottom:20px;}
.company h2 {
	margin-bottom:6px;
}
.company h3 {
	font-size:108%;
	color:#000;
	text-align:center;
	margin:0 0 10px;
}
.company img {
	margin-bottom:25px;
}

.company .rinen {
	margin:0 auto 50px;
	padding:15px 0 0;
	overflow:hidden;
}
.company .rinen h3 {
	margin:0;
	padding:0;
	color:#738C26;
	font-size:116%;
	font-weight:bold;
	text-align:center;
}
.company .rinen p {
	text-align:center;
	margin-bottom:20px;
}
.company p {
	text-align:left;	
}
.company .boxt {
	width:80%;
	margin:0 auto;
	overflow:hidden;
}
.company .boxt p {
	margin-bottom:30px;
	line-height:1.8;
}
.company .boxt em {
	font-size:22px;
	padding-right:1.0em;
}
.company .boxt .em2 em {
	font-size:22px;
	padding:0 0.3em;
}
.company .boxt strong {
	font-size:22px;
	padding-left:0.1em;
	font-style:italic !important;
}



/* 概要 */
.subpage .profile {
	margin-bottom:25px;
	overflow:hidden;
}
.profile .li1 {
	width:92%;	
	margin:0 auto 20px;
	padding:5px 5px 0;
	overflow:hidden;
}
.profile dl {
	border-bottom:none;	
	padding:5px 5px 0;
}
.profile dt {
	width:20%;
	float:left;
	letter-spacing:0.3em;
}
.profile dd {
	width:78%;
	margin-left:20%;
}
.profile .li1 span {
	margin-right:3.0em;
}

/* 仕入れ先・納入先リスト*/
.profile .li2 {
	clear:both;
	width:90%;
	margin:0 auto 25px;
	padding:35px 5px 0;
	border-top:1px solid #ececec;
	overflow:hidden;
}
.profile .li2 p {
	float:left;
	width:18%;
	margin:0;
	font-size:13px;
}

/* 変更*/
.profile .li2 ul {
	float:right;
	width:82%;
	margin:0;
	padding:0;
	text-align:left;	
}
.profile .li2 li {
	width:32%;
	font-size:12px;
	display:inline-block;
	margin:0 0 1%;	 
	padding:0;	
	vertical-align:top;
	overflow:hidden;
}
/**/
.profile .li2 li:before { content:"・"; }


/* 沿革 */
.subpage .history {
	clear:both;
	width:100%;
	margin:0 auto 10px;
	overflow:hidden;
}
.history .l {
	float:left;
	width:50%;
	height:auto;
}
.history .l img {
	width:100%;
	max-width:440px;
	margin:0;
	padding:0 0 10px;	
}
.history .l p {
	color:#999;
	text-align:center;
}

/* 沿革リスト */
.history .r {
	float:right;
	width:44%;
	margin-right:5%;
	padding:0;
	text-align:left;	
	overflow:hidden;
}
.history dl {
	border-bottom:none;
}
.history  dt {
	width:30%;
	padding:0 1%;
}
.history  dd {
	width:68%;
	margin-left:30%;
	padding:0;
}


/* 事業所*/
.subpage .office {
	clear:both;
	margin:0 auto;
	width:100%;
}
.office img {
	float:left;
	width:48%;
	width:100%;
	max-width:440px;
	padding-right:30px;
}
.office div {
	clear:both;
	margin-bottom:40px !important;
	overflow:hidden;
}
.office a { color:#669BFF;
	text-decoration:underline;
}


/* 研究開発　--------------------------------*/

.subpage .rd { margin-bottom:45px; padding-bottom:0;}

.rd h2 {
	margin-bottom:10px;
}
.rd h3 {
	font-size:14px;
	margin:0;
	padding:0;
	color:#99C836;
	font-weight:bold;
}
.rd p {
	margin:0 auto 30px;
}

/* 開発事例 */
.rd .list1 {
	width:90%;
	margin:0 auto;
	text-align:center;
	overflow:hidden;
}
.rd .list1 h3 {
	text-align:left;
	margin:0 0 10px;
	border-bottom:1px solid #B0D564;
}
.rd .list1 ul {
	float:left;
	width:46%;
	margin:0 auto 30px;
	padding:20px 2% 0;
	text-align:left;
}
.rd .list1 li {
	margin:0 0 5px;
	padding:0 10px;
	border-bottom:1px dotted #dcdcdc;
}
.rd li:last-child { }


/* 開発ストーリー */

.rd .list2 {
	clear:both;
	border:1px solid #85B200;
	margin:0 auto 75px !important;
	padding:36px 34px 0;
	overflow:hidden;
}

.rd .story01 {
	background:url(/images/rd/ima_storyBG1.png) no-repeat right 30px;
}
.rd .story02 {
	background:url(/images/rd/ima_storyBG2.png) no-repeat right 30px;
}
.rd .story03 {
	background:url(/images/rd/ima_storyBG3.png) no-repeat right 30px; margin-bottom:10px !important;
}


.rd .list2 h3 {
	text-align:left;
	margin:0 0 25px;
	background:url(/images/rd/tit_story.png) no-repeat;
	width:312px;
	height:48px;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;	
}
/*　テキスト　16グリーン */
.rd .list2 .tp1,  .rd .list2 div em {
	font-size:16px;
	color:#008C00;
	font-style:normal;
}
/*　テキスト　20黒 */
.rd .list2 .tp2 {
	font-size:20px;
	text-align:left;
}

.rd .list2 hr {
	padding:0; margin:0 auto; border:0;
	border-top:1px dashed #698C00;
}


.rd .list2 div {
	margin:0 auto 10px;
	padding:10px 0 0;
	text-align:center;
	overflow:hidden;
}
.rd .list2 p {
	margin-bottom:20px;
	text-align:left;
}

.rd .list2 .point {
	background:url(/images/rd/img_dot1.png) repeat-x 0 30px;
	margin-top:-20px;
	padding:40px 0 10px;
}
.rd .list2 .point img {
	background:#FFF;
	border:1px solid #BBB;
	margin-left:15px;
	padding:5px 5px;
	float:right;
	margin-top:-40px;
	overflow:hidden;
}
.rd .list2 .point p {
	margin-top:25px;
}

/* プレゼンテキスト */
.rd .list2 .presen {
	width:90%;
	border:1px dashed #698C00;
	background:#FCFFF5;
	border-radius:10px;
	margin:0 auto 30px;
	padding:5% 5% 2%;
	text-align:left;
}
.rd .list2 .presen p {
	font-size:16px;
	line-height:2.0;
}

.rd .list2 .presen span {
	color:#663300;
}

/* ストーリー01 */

/* 計測イメージ */
.rd .story01 .date {
	border:1px solid #ccc;
	margin-bottom:30px;
	padding-top:30px;
}
.rd .story01 .date img {
	margin-bottom:20px;
}


/* ストーリー02 */

.rd .story02 div {
	margin:0 auto 10px;
}

/* 02-point2 */
.rd .list2 .point2 {
	width:90%;
	border:0px solid #EAF5FF;
	background:#F2F9FF;
	border-radius:10px;
	margin:0 auto 20px;
	padding:4% 5% 1%;
	text-align:left;
}
.rd .list2 .point2 ul {
	text-align:center;
	margin:0 auto 25px;
	padding:1% 0 0;
}
.rd .list2 .point2 li {
	display:inline-block;
	background:#FFF;
	width:90%;
	max-width:258px;
	margin:0 4% 0;
	padding:1% 3% 0 ;
	border:1px solid #999;
	text-indent:0;	
}
.rd .story02 li:before { content:""; }
.rd .story02 li p { padding:8px 8px 0; text-align:left;line-height:1.4;}

.rd .story02 .imgR {
	margin-top:25px;
}

/* ストーリー03 */

.rd .story03 .point img {
	background:none;
	border:none;
}
.rd .story03 .point div {
	background:url(/images/rd/img_hatenaBG.png) no-repeat right center;
	text-align:center;
}
.rd .story03 ul {
	background:#F2F9FF;
	text-align:center;
	margin:15px 50px 25px 0;
	padding:3% 0 0;
	border-radius:60px;
}
.rd .story03 li {
	display:block;
	width:70%;
	margin:0 0 1%;
	padding:0 10% 2%;
	border:none;
	text-align:left;
	text-indent:0;	
	font-size:16px; color: #300;
}
.rd .story03 li:before { content:""; }
.rd .story03 hr { clear:both; margin-bottom:25px; }


/* 開発　注釈　*/
.rd .notes {
	margin:5px 0 5px 50px;
	font-size:81%;
	color:#666;
	text-align:left;
	line-height:1.3;
}
.rd .notes span {
	display:block;
	margin:5px;
}


  
  
/* ----------------------------------------------
 　subpage Media Queries　SP
    @media screen and (max-width: 768px)　
-------------------------------------------------*/

@media screen and (max-width: 768px) {
  
/* 下層ページ　----------------------------------*/
.subpage section { padding:0; margin-bottom:0; }

.subpage .inner_wrap { padding-top:20px;}
.subpage ul { width:98%; margin:0 auto;}
.subpage li { width:100%;display:block;}

/* img */
.imgL img , .imgR img { float:none; margin:0 auto 25px; text-align:center;} 


/* products 製品案内 --------------------------------*/

.product section {margin-bottom:50px; }

.product img { float:none; margin:0 auto 10px; text-align:center;}


/* tech 東穂の技術 --------------------------------*/

.tech1 { width:100%;}
.tech1 p { width:100%;}
.tech1 img { float:none; margin-bottom:0;}

.tech1 .boxb p { float:none; width:100%;margin:0;}

/* 各製品の特長 */
.tech2 { width:100%; margin:0; padding:0;}
.tech2 .boxw { margin:10px auto 0; padding:10px 0;}
.tech2 .boxw .r{ float:none; width:90%; margin:0 auto;text-align:left; }

.tech2 img { margin:10px auto;}

/* 会社案内 ---------------------------------------*/
.subpage .company { margin-bottom:10px;}

/* sp 理念*/
.company .boxt {width:98%;}

/* sp 概要*/
.profile .li1 { width:100%; background:none; margin-bottom:5px; padding:5px 0 0;}
.profile dl { width:90%; margin-bottom:20px; padding:5px 5px 0; border-top:1px dotted #ececec;}
.profile dt { width:100%; letter-spacing:0; margin-bottom:6px; }
.profile dd { width:100%; margin-left:5px}
.profile .li1 span { display:block;}


/* 仕入れ先・納入先リスト*/
.profile .li2 { width:98%; padding:5px 0; border:none;}
.profile .li2 p { float:none; width:100%; margin:0 0 20px; padding-top:25px; border-top:1px solid #dcdcdc;}

.profile .li2 ul { float: none;	width:100%;}
.profile .li2 li { width:100%; display:block;}
/**/
.profile .li2 li:before { content:""; }
.profile .li2 li { text-indent:1em;padding-left:-1em;}


/* sp 沿革*/
.subpage .history { text-align:center; padding-bottom:0;}
.history .l { float:none; width:100%;padding:0; margin:0 auto 15px;}
.history .l img { float:none; }
.history .r { float:none; width:96%; margin:0 auto; padding:15px 0 0; }

/* 沿革リスト */
.history dl { border:none; border-top:1px dotted #dcdcdc; padding-top:15px;}
.history  dt { width:100%; padding:0 1%; }
.history  dd { width:100%; margin:0 0 10px; padding:0;}

	

/* 事業所*/
.subpage .office { margin:0 auto; text-align:center; }
.office img { float:none; margin:0 auto 25px; padding:0; width:100%; max-width:440px; }
.office p span { display: inline-block; padding:0 5px; }






/* 研究開発　--------------------------------*/

/* 開発事例 */
.rd .list1 ul { float:none; width:98%; margin:0 auto;padding:0; }
.rd .list1 li { width:98%; }


/* 開発ストーリー */
.rd .list2 { padding:5% 5% 0;}
.rd .story01 , .rd .story02, .rd .story03 { background:none; background-position:right 10px;}

.rd .list2 h3 {	margin:10px 0 15px;	width:100%;	background-size:contain;max-width:312px;height:100%;max-height:48px; }

.rd .list2 .point { background:none; margin-top:0; padding: 10px;}
.rd .list2 .point img { float:none; margin:0 auto 20px; padding:0; border:none;}

.rd .list2 .point p { margin-top:10px; text-align:left; }

/* 01-計測イメージ */
.rd .story01 .date { border:0; padding-top:10px; }
.rd .story01 .date img { margin-bottom:5px; }

/* プレゼンテキスト */
.rd .list2 .presen {
	border-radius:3px;}


/* 02-point */
.rd .list2 .point2 { padding:10% 4% 5%;}
.rd .list2 .point2 ul { width:98%; margin:0 auto;padding:0;}
.rd .list2 .point2 li { display:block;margin:0 auto 10px; padding:1% 3% 0;}
.rd .point2 p { padding:3px 8px 0; text-align:left;line-height:1.4;}


/*03- */
.rd .story03 .point { background:none; margin-top:-30px; padding:0;}
.rd .story03 .point img { display:none;}
.rd .story03 .point div { background:url(/images/rd/img_hatena1.png) no-repeat right 0; 
}
.rd .story03 ul { width:100%;margin:110px auto 50px;padding:2% 0;border-radius:10px; opacity:0.95;}
.rd .story03 li { width:95%;margin:0 auto 2.5%;padding:3% 3%;}


/* 開発　注釈　*/
.rd .notes { margin:5px 0; text-align:center; }




}
/*ここまで subpage Media Queries*/