img { border:0; vertical-align:bottom; }
body { margin: 0; padding: 0; font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; }

.slicknav_menu { display: none; }

header {  }
header address { }
h1 { margin:0; padding:0; }
.ctsFrame { width:1000px; margin:0 auto; box-sizing:border-box; }
header .ctsFrame { display:flex; justify-content: space-between; padding:14px 0;  }

#hAdr { display:flex; }
address { font-style:normal; font-size:12px; }
#hAdr a { display:block; margin-left:14px; }

#menu { background-color:#004EA2; color:#FFF; text-align:center; }
#menu ul { display:flex; justify-content: center; padding:8px 0; margin:0; }
#menu li { list-style-type:none; border-right:1px solid #FFF; padding:0 6px; }
#menu li:first-child { border-left:1px solid #FFF; }
#menu a { color:#FFF; text-decoration:none; }

section#home { background-color:#004EA2; text-align:center; color:#FFF; padding:0 0 32px 0; }
section#home img { width:100%; height:auto; }

section#home h2 { font-size:24px; margin:0; padding:24px 0; }
section#home h3 { font-size:42px; margin:0; padding:0 0 24px 0; }
section#home p  { width:90%; max-width:740px; margin:0 auto; text-align:left; font-size:14px; }

section#oct     { padding:32px; text-align:center; }


  #wkplant { display:flex; justify-content: space-between; align-items: end; width:1000px; margin:32px auto; }
    #plantEx { margin:0; text-align:left; width:645px; }
    #plantEx h4 { font-size:24px; margin:0 0 16px 0; padding:0; }
    #plantEx h5 { font-size:24px; color:#004EA2; margin:0; padding:0; }
    #plantEx div { display:flex; justify-content: space-between; }
    #plantEx p { font-size:14px; }

  #wkkikaku  { display:flex; justify-content: space-between; width:1000px; margin:32px auto; text-align:left; }
    #wkkikaku h5 { font-size:24px; color:#004EA2;  margin:0 0 0 0; padding:0; }
    #wkkikaku p { font-size:14px; }
    #wkkikaku div:first-child { width:317px; }
    #wkkikaku div:first-child img { margin-top:14px;}

  #wksetsubi { display:flex; justify-content: space-between; width:1000px; margin:32px auto; text-align:left; }
    #wksetsubi h5 { font-size:24px; color:#004EA2;  margin:0 0 0 0; padding:0; }
    #wksetsubi div:first-child { width:317px; }
    #wksetsubi p { font-size:14px; }
    #wksetsubi div:last-child { display:flex; justify-content: space-between; width:645px; }

  #wkEx { width:1000px; margin:32px auto; text-align:left; box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.2); border-radius: 16px; overflow:hidden; }
  #wkEx h4 { background-color:#00A0E9; padding:6px 18px; text-align:right; width:100%; box-sizing:border-box; color:#FFF; font-size:24px; margin:0;  }

  #wkExMain { display:flex; justify-content: space-between; width:900px; margin:0 auto; position:relative; top:-24px; }
  #wkExMain div:last-child { width:460px; padding-top:42px; }
  #wkExMain div:last-child h5 { margin:0; padding:0; color:#004EA2; font-size:20px; }
  #wkExMain div:last-child p  { font-size:14px; }


section#company { background-color:#004EA2; text-align:center; color:#FFF; padding:32px 0; }

  #cmpBox { display:flex; justify-content: space-between; width:1000px; margin:32px auto; text-align:left; }
  #cmpConcept { width:650px; }
  #cmpConcept h4 { font-size:24px; margin:0; }
  #cmpConcept h5 { font-size:20px; margin:0;  }
  #cmpConcept p  { font-size:14px; }
  .dotBox { border-top: 3px dotted #FFF; border-bottom: 3px dotted #FFF; padding:24px 0; margin-top:24px; }


section#greeting { background-image:url("images/grt_bk.png"); background-position: top center; background-repeat: no-repeat; text-align:center; padding-top:148px; padding-bottom:32px; }
section#greeting h2 { margin:0 auto 32px; padding:0;  background:url("images/grt_h2_bk.png") no-repeat 0 0; width:1000px; height:149px; text-align:right; line-height:100px; }

#president { display:flex; justify-content: space-between; width:1000px; margin:32px auto; }
#prename { border-left:3px solid #004EA2; text-align:left; padding-left:12px;  margin-top:24px; }
#preMessage { width:640px; text-align:left; }
#preMessage p { font-size:14px; }

#cmpOutline { width:1000px; margin:0 auto; padding:32px 0; box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.2);  border-radius: 16px; }
#cmpAboutBox,#cmpHistoryBox,#cmpWorkBox { display:flex; justify-content: space-between; width:900px; border-bottom:3px dotted #000; margin:0 auto 24px;  padding:0 0 24px 0;  }
#cmpWorkBox { border:0; padding:0; margin:0 auto; }
.cmpT { background-color:#004EA2; color:#FFF; width:100px; height:100px; line-height:100px; }

#cmpAboutBox dl { display:flex; justify-content: space-between; flex-wrap:wrap; width:780px; margin:0; padding:0;  font-size:14px; }
#cmpAboutBox dt { width:80px; text-align:left;  margin:0; padding:0; }
#cmpAboutBox dd { width:700px; text-align:left; margin:0; padding:0; }

#cmpHistoryBox dl { display:flex; justify-content: space-between; flex-wrap:wrap; width:780px; margin:0; padding:0;  font-size:14px; }
#cmpHistoryBox dt { width:100px; text-align:left;  margin:0; padding:0; }
#cmpHistoryBox dd { width:680px; text-align:left; margin:0; padding:0; }

#cmpWork { width:780px; font-size:14px; text-align:left; }


section#technology { background-color:#C9CACA; padding:32px; }

div#tecBox { width:1000px; margin:0 auto; padding:24px 0; box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.2);  border-radius: 16px; background-color:#FFF;  }
div#tecBox h2 { text-align:center; color:#004EA2; margin:0; padding:0; }
div#tecBox ul { width:900px; margin:0 auto; padding:0; display:flex; justify-content: space-between; }
div#tecBox li { list-style-type:none; width:30%; margin:0; padding:0; }
div#tecBox li div { text-align:center; border-radius: 16px; background-color:#004EA2; color:#FFF; padding:4px 0; font-size:18px; }
div#tecBox li p { font-size:14px; }

div#kensho { background-color:#FFF9B1; width:900px; margin:0 auto; display:flex; justify-content: space-between; }
div#kensho div { margin:0 24px; padding:16px 0; }
div#kensho h3 { color:#004EA2; margin:0; padding:0; font-size:24px; }
div#kensho p  { font-size:14px; margin:0; padding:0; }



section#rebio { background-color:#D7E7AF; padding:32px; }
section#rebio h2 { background-color:#004EA2; color:#FFF; border-radius: 16px; font-size:18px; width:1000px; margin: 0 auto; padding:6px 0; text-align:center; }
section#rebio h3 { font-size:28px; text-align:center; }

.video { width:540px; }

#rebioBox { display:flex; justify-content: space-between; flex-wrap:wrap; width:1000px; margin:0 auto; padding:0;  }

#aboutRebio { width:383px; }
#aboutRebio p { font-size:14px; }
#aboutRebio a { display:block; width:200px; margin:0 auto; border:3px solid #004EA2; color:#004EA2; text-decoration:none; text-align:center;  border-radius: 16px;}


section#contact { width:1000px; margin:0 auto; padding:32px 0; display:flex; justify-content: space-between; }
section#contact h2 { font-size:24px; color:#004EA2; }
section#contact p  { font-size:14px; }

section#contact dl { font-size:14px;}
section#contact dt { margin:0; padding:0; }
section#contact dt span { color:red; }
section#contact dd { margin:0 0 16px 0; padding:0; }
section#contact dd input[type="text"],input[type="email"],textarea { width:100%; }
section#contact dd textarea { height:8em; }
section#contact button { background-color:#FFF; width:200px; margin:0 auto; border:3px solid #004EA2; color:#004EA2;  text-align:center;  border-radius: 16px; font-size:16px; display:block;  }

footer { background-color:#004EA2; padding-top:32px; }
#ftmenu { background-color:#004EA2; color:#FFF; text-align:center; }
#ftmenu ul { display:flex; justify-content: center; padding:8px 0; margin:0; }
#ftmenu li { list-style-type:none; border-right:1px solid #FFF; padding:0 6px; }
#ftmenu li:first-child { border-left:1px solid #FFF; }
#ftmenu a { color:#FFF; text-decoration:none; }

#ftBox { width:1000px; margin:16px auto 32px; display:flex; justify-content: space-between;  color:#FFF; }
#cmpInfo { border-left:5px solid #FFF; padding-left:32px; font-size:12px; }
#cmpInfo img { margin-bottom:32px; }
#ftAdr a { float:right; }

#ftWork { background-color:#DCDDDD; color:#004EA2; padding:6px 12px; margin-top:12px;}


#copyright { background-color:#231815; color:#FFF; font-size:14px; line-height:32px; text-align:center; } 


@media screen and ( max-width:479px ) {

	.slicknav_menu { display: block; }

	.ctsFrame { width:100%; }
	header .ctsFrame { display:block; }

	h1 { text-align:center;  }
	h1 img { width:80%; height:auto; }
	#hAdr { padding:8px; margin:0 auto; width:80%; font-size:3.2vw;  }
	address { font-size:2.8vw;  }
	#hAdr a { display:block; margin-left:14px; }

	#menu { display:none; }

	section#home h2 { font-size:3.2vw; }
	section#home h3 { font-size:4.8vw; }
	section#home p  { font-size:3.0vw; }



	section#oct img { width:100%; height:auto; }

	  #wkplant { display:block; width:100%; overflow:hidden; }
	  #wkplant img { width:100%; height:auto; }
	    #plantEx { width:100%; text-align:center; }

	    #plantEx h4 { font-size:4.2vw; text-align:center; padding:14px 0; }
	    #plantEx h5 { font-size:3.8vw; }
	    #plantEx div { display:block; }

	    #plantEx p { width:100%; font-size:3.0vw; text-align:left; }


	  #wkkikaku  { display:block; width:100%; text-align:center; }

	    #wkkikaku h5 { font-size:4.2vw; }
	    #wkkikaku p { font-size:3.0vw; text-align:left; }

	    #wkkikaku div:first-child { width:100%; }
	    #wkkikaku div:first-child img { margin-top:14px;}



	  #wksetsubi { display:block; width:100%; text-align:center; }
	    #wksetsubi h5 { font-size:4.2vw; }
	    #wksetsubi div:first-child { width:100%; }
	    #wksetsubi p { font-size:3.0vw; }
	    #wksetsubi div:last-child { display:block; width:100%; }

	  #wkEx { display:block; width:100%; overflow:hidden; }
	  #wkEx h4 { background-color:#00A0E9; padding:6px 18px; text-align:right; width:100%; font-size:4.2vw; }
	  #wkExMain { display:block; width:90%; margin:14px auto; position:relative; top:0; }

	  #wkExMain div:last-child { width:90%; padding-top:16px; }
	  #wkExMain div:last-child h5 { margin:0; padding:0; color:#004EA2; font-size:3.4vw; }
	  #wkExMain div:last-child p  { font-size:3.0vw; }


	section#company { text-align:center; }
	section#company img { width:90%; height:auto; }

	  #cmpBox { display:block; width:100%; margin:32px auto; text-align:center; }
	  #cmpConcept { width:90%; margin:0 auto;  }
	  #cmpConcept h4 { font-size:4.2vw; margin:0; }
	  #cmpConcept h5 { font-size:3.8vw; margin:0;  }
	  #cmpConcept p  { font-size:3.0vw; text-align:left; }



	section#greeting { padding-top:60px; padding-bottom:32px; background-size: 100% auto; }
	section#greeting h2 { font-size:4.8vw; margin:0 auto 32px; padding:0;  background:url("images/grt_h2_bk.png") no-repeat 0 0; width:90%; height:149px; text-align:right; line-height:100px; background-size: 100% auto; }

	#president { display:block; width:90%; margin:0 auto;  overflow:hidden; }
	#president img { width:100%; height:auto; }
	#prename { border-left:3px solid #004EA2; text-align:left; padding-left:12px;  margin-top:24px; width:100%; }
	#prename img { width:auto; }
	#preMessage { width:100%; text-align:left; }
	#preMessage p { font-size:3.4vw; width:100%; }

	#cmpOutline { width:90%; margin:0 auto; padding:32px 0; box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.2);  border-radius: 16px; }
	#cmpAboutBox,#cmpHistoryBox,#cmpWorkBox { display:block; width:100%; margin:0 auto 24px;  padding:0 0 24px 0; }
	#cmpWorkBox { border:0; padding:0; margin:0 auto; }
	.cmpT { background-color:#004EA2; color:#FFF; width:100px; height:100px; line-height:100px; margin:0 auto 16px;; }

	#cmpAboutBox dl { display:block; width:90%; margin:0 auto; padding:0;  font-size:3.8vw; }
	#cmpAboutBox dt { width:100%; text-align:left; margin:0; padding:0; border-bottom:1px solid #004EA2; }
	#cmpAboutBox dd { width:100%; text-align:left; margin:0 0 14px 0; padding:0; }

	#cmpHistoryBox dl { display:block; width:90%; margin:0 auto; padding:0;  font-size:14px; }
	#cmpHistoryBox dt { width:100%; text-align:left;  margin:0; padding:0;  border-bottom:1px solid #004EA2; }
	#cmpHistoryBox dd { width:100%; text-align:left; margin:0 0 16px; padding:0; }

	#cmpWork { width:90%; margin:0 auto; font-size:3.4vw; text-align:left; }


	section#technology { background-color:#C9CACA; padding:32px; }

	div#tecBox { width:100%; margin:0 auto; padding:24px 0; box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.2);  border-radius: 16px; background-color:#FFF;  }
	div#tecBox h2 { text-align:center; color:#004EA2; margin:0; padding:0;  font-size:4.2vw; }
	div#tecBox ul { width:100%; margin:0 auto; padding:0; display:block; }
	div#tecBox li { list-style-type:none; width:90%; margin:0 auto; padding:0; }
	div#tecBox li div { font-size:4.2vw; }
	div#tecBox li p { font-size:3.4vw; }

	div#kensho { background-color:#FFF9B1; width:100%; display:block; }
	div#kensho img { width:100%; height:auto; }
	div#kensho div { margin:0; padding:16px; }
	div#kensho h3 { font-size:4.8vw; }
	div#kensho p  { font-size:3.4vw; margin:0; padding:0; }



	section#rebio { background-color:#D7E7AF; padding:32px; }
	section#rebio h2 { background-color:#004EA2; color:#FFF; border-radius: 16px; font-size:4.0vw; width:100%; margin: 0 auto; padding:6px 0; text-align:center; }
	section#rebio h3 { font-size:4.2vw; text-align:center; }

	#rebioBox { display:block; width:100%; margin:0 auto; padding:0;  }
	#rebioBox img { width:100%; height:auto; }
	#aboutRebio { width:100%; padding-top:16px; }
	#aboutRebio img { width:100%; height:auto; }
	#aboutRebio p { font-size:3.4vw; }
	#aboutRebio a { display:block; width:200px; margin:0 auto; border:3px solid #004EA2; color:#004EA2; text-decoration:none; text-align:center;  border-radius: 16px;}


	section#contact { width:90%; margin;0 auto; display:block; }
	section#contact h2 { font-size:4.2vw; color:#004EA2; }
	section#contact p  { font-size:3.4vw; }

	section#contact dl { font-size:3.4vw;}

	footer { background-color:#004EA2; padding-top:32px; }
	#ftmenu { display:none; }
	#ftBox { display:block; text-align:center; width:100%; }
	#cmpInfo { border:0; padding-left:0; font-size:2.4vw; }
	#cmpInfo img { margin:12px;  }
	#ftAdr a { float:none; display:block; }

	#ftWork { margin:12px;}

	footer iframe { width:94%; }

	#copyright { background-color:#231815; color:#FFF; font-size:14px; line-height:32px; text-align:center; } 


}