@charset "utf-8";
/* reset style */
main {
  /* default Link style */ }
  main html, main body, main div, main span, main object, main iframe,
  main h1, main h2, main h3, main h4, main h5, main h6, main p, main blockquote, main pre,
  main abbr, main address, main cite, main code,
  main del, main dfn, main em, main img, main ins, main kbd, main q, main samp,
  main small, main strong, main sub, main sup, main var,
  main b, main i,
  main dl, main dt, main dd, main ol, main ul, main li,
  main fieldset, main form, main label, main legend,
  main table, main caption, main tbody, main tfoot, main thead, main tr, main th, main td,
  main article, main aside, main canvas, main details, main figcaption, main figure,
  main footer, main header, main hgroup, main menu, main nav, main section, main summary,
  main time, main mark, main audio, main video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent; }
  body {
    -webkit-text-size-adjust: 100%;}
  main article, main aside, main details, main figcaption, main figure,
  main footer, main header, main hgroup, main menu, main nav, main section {
    display: block; }
  main ol, main ul {
    list-style: none; }
  main img {
    border: none;
    vertical-align: bottom; }
  main b, main strong {
    font-weight: bold; }
  main small {
    font-size: 80%;
    line-height: 1.3; }
  main sub, main sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline; }
  main sup {
    top: -0.5em; }
  main sub {
    bottom: -0.25em; }
  main table {
    border-collapse: collapse;
    border-spacing: 0; }
  main blockquote, main q {
    quotes: none; }
  main blockquote:before, main blockquote:after,
  main q:before, main q:after {
    content: '';
    content: none; }
  main * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	color:#3b3a3a;
    -webkit-text-size-adjust: 100%; }
  main a, main a img {
    -webkit-tap-highlight-color: transparent !important; }
  main a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent; }
    main a:active, main a:hover {
      outline: 0; }
    main a img {
      border: none; }

.min {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important; }

.c_id {
  color: #ff0000; }
.txt_line {
	text-decoration:underline;
	font-weight:bold;
	font-size:1.07rem;
}
.txt_line_s {
	text-decoration:underline;
	font-weight:bold;
	font-size:0.92rem;
}
.txt_bold {
	font-weight:bold;
}
a:hover img.over {
  opacity: 0.8;
  filter: alpha(opacity=80); }

a.none:link, a.none:visited, a.none:hover, a.none:visited:hover, a.none:active {
  text-decoration: none; }

.pc {
  display: block !important; }

.sp {
  display: none !important; }

.pc_inline {
  display: inline !important; }

.sp_inline {
  display: none !important; }


img.h_herbal{
    width: 30%;
}

@media only screen and (max-width: 767px) {
  .pc {
    display: none !important; }

  .pc_inline {
    display: none !important; }

  .sp {
    display: block !important; }

  .sp_inline {
    display: inline !important; } }

.notes {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.4; }
  @media only screen and (max-width: 767px) {
    .notes {
      font-size: 0.875rem;
      line-height: 1.4; } }

.notes_r {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.4;
  text-align: right; }
  @media only screen and (max-width: 767px) {
    .notes_r {
      font-size: 0.875rem;
      line-height: 1.4; } }

.notes_l {
  font-size: 10px;
  font-size: 0.625rem;
  line-height: 1.4;
  text-align: left; }
  @media only screen and (max-width: 767px) {
    .notes_l {
      font-size: 0.875rem;
      line-height: 1.4; } }

.enclosed {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',"ＭＳ Ｐゴシック", sans-serif  !important;
  display: inline-block;
  font-size: 10px;
  line-height: 12px;
  padding: 1px 4px 0;
  font-weight: normal;
  border: 1px solid #333;
  color: #333;
  margin: 0 4px 1px;
  vertical-align: middle; }

.columns {
  zoom: 1; }
  .columns:before, .columns:after {
    content: " ";
    display: table; }
  .columns:after {
    clear: both; }

.col_left {
  float: left;
  display: inline; }

.col_middle {
  float: left;
  display: inline; }

.col_right {
  float: right;
  display: inline; }

@media only screen and (max-width: 767px) {
  .col_left, .col_middle, .col_right {
    float: none;
    display: block;
    width: 100%; } }
.space_fix {
  letter-spacing: -1em;
  word-spacing: -1em; }
  :root .space_fix {
    font-size: 1px;
    letter-spacing: -1px;
    word-spacing: -1px; }
  .space_fix li {
    font-size: 1.3rem;
    letter-spacing: normal;
    word-spacing: normal; }
  .space_fix div {
    font-size: 1.3rem;
    letter-spacing: normal;
    word-spacing: normal; }

.first {
  margin-left: 0 !important; }

.last {
  margin-right: 0 !important; }

.mg_btm0 {
  margin-bottom: 0 !important; }

.bg_none {
  background-image: none !important; }

.bd_btm_none {
  border-bottom: none !important; }

.al_l {
  text-align: left !important; }

.al_r {
  text-align: right !important; }

.al_c {
  text-align: center !important; }

.clf:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0.1em;
  line-height: 0; }

.clf {
  display: inline-block;
  zoom: 1; }

* html .clf {
  height: 1%; }

.clf {
  display: block; }

.fl_l {
  float: left;
  display: inline; }

.fl_r {
  float: right;
  display: inline; }


/* Breadcrumbs
======================= */
.breadcrumbs {
  background-color: #fff;
  text-align: left;
  color: #b2b2b2 !important;
  font-size: 12px;
  padding: 0 10px; }

.breadcrumbs a {
  text-decoration: none; }

.breadcrumbs a:link, .breadcrumbs a:visited {
  color: #808080 !important; }

.breadcrumbs a:hover, .breadcrumbs a:active {
  text-decoration: underline; }

.breadcrumbs ul {
  list-style: none;
  max-width: 950px;
  margin: 0 auto;
  padding: 14px 0 25px; }

.breadcrumbs li {
  display: inline-block; }

/* footter fix
======================= */
.footer-upper .col-middle .row {
  margin-bottom: 9px; }

.footer-upper .col-middle .row:last-child {
  margin-bottom: 0; }

@media only screen and (max-width: 767px) {
  .footer-upper .col-middle .row {
    margin-bottom: 5px; }

  .footer-upper .col-middle .link-frame:first-child {
    margin-top: 0; }

  .footer-upper .col-middle .link-frame img {
    position: static;
    max-width: 162px;
    margin-top: -3px; } }
/* =================================================
	base style
=================================================*/
main {
  font-family:sans-serif;
  font-size: 0.95rem;
  font-weight:normal;
      line-height: 1.8; } 
  main a {
    color: #4b44aa; }
    main a:link {
      color: #4b44aa; }
    main a:visited {
      color: #2d2966; }
    main a:hover {
      color: #935dd8; }
    main a:visited:hover {
      color: #935dd8; }
    main a:active {
      color: #935dd8; }

	main a:link > sup {
		color: #4b44aa;
		text-decoration: none;
		display: inline-block;
	}
	main a:visited > sup {
		color: #2d2966;
		text-decoration: none;
		display: inline-block;
	}
	main a:hover > sup {
		color: #935dd8; 
		text-decoration: none;
		display: inline-block;
	}
	main a:visited:hover > sup {
		color: #935dd8;
		text-decoration: none;
		display: inline-block;
	}
	main a:active > sup {
		color: #935dd8; 
		text-decoration: none;
		display: inline-block;
	}

  main .contents_area {
    width: 100%;
	 }
  main .page {
    width: 900px;
    margin: 0 auto;
    padding: 0;
	 }
  main section.intro {
    padding:0 120px;
    height:531px;
    background:url(../images/herbal_main.jpg);
	width:100%;
    margin: 30px 0 40px; 
	 }
  @media only screen and (max-width: 767px) {
    main .page {
      width: 100%;
	  padding-bottom:0px;
	   } 
	   }
  main .page_header {
    width: 900px;
	padding-top:60px;
	padding-bottom:25px;
	margin:0 auto;
	}
  main .ttl_page {
    text-align: center; }
  @media only screen and (max-width: 767px) {
    main .page_header {
		width:100%;
      height: auto;
	  padding-top:10px;
	  padding-bottom:0;
	   }
	  main .page_header img {
		  width:60%;
		  margin: 2rem 20% 0.5rem;
	  }
    main img {
      width: 100%; } }

  main section.intro {
	  padding:0;
	  width:100%;
    margin: 30px 0 40px; }

  @media only screen and (max-width: 767px) {
    main section.intro {
      width: 100%;
	  height:auto;
      padding: 0 5% 0px;
	  background:url(../images/bg_sp.png) center bottom no-repeat;
	  background-size:cover;
	   margin: 30px 0 0;
	    } 
	  }
 p.info {
	 width:900px;
	padding:0 120px 1.5rem;
}
@media only screen and (max-width: 767px) {
 p.info {
	 width:100%;
	 padding:0;
}
} 
 
 main .cont1 ul {
	 margin:0 auto;
	 width:900px;
	 padding-bottom:100px;
 }
 main .cont1 ul li {
	 width:900px;
	 padding:20px 120px;
	 border-bottom:dotted 1px #61cf69;
	 overflow:hidden;
 }
 main .cont1 ul li div.new {
	 float:left;
	 width:50px;
	 color:#F50307;
	 padding:2px 15px 2px 0;
	 font-weight:bold;
	 font-size:16px;
	 margin-top:20px;
 }
 main .cont1 ul li div.chapter {
	 float:left;
	 color:#016f09;
	 background-color:#bdebb6;
	 border-radius:3px;
	 padding:2px 10px;
	 margin-right:14px;
	 font-weight:bold;
	 font-size:16px;
	 margin-top:20px;
 }
  main .cont1 ul li div.ttl_chapter {
	  float:left;
	  width:370px;
	  margin-top:20px;
 }
 main .cont1 ul li div.ttl_chapter h3 {
	 font-size:16px;
	 font-weight:normal;
 }
 main .cont1 ul li div.shokubutsu {
	 float:right;
 }
 main .cont1 ul li div.shokubutsu div.img-w01{
	 position: relative;
 }

 main .cont1 ul li div.shokubutsu div.img-w01 img{
	 position: absolute;
     top:0;
     right: 120px;
 }

 @media only screen and (max-width: 767px) {
	 main .cont1 ul {
	 padding-bottom:0px;
	 width: 100%;
    margin: 0 0 1.5rem;
 }
  main .cont1 ul li {
	 width:100%;
	 padding:1rem 5% 2rem;
	 border-bottom:dotted 1px #61cf69;
	 overflow:hidden;
 }
 main .cont1 ul li div.new {
	 float:left;
	 clear:left;
	 width:30%;
	 color:#F50307;
	 padding:2px 0 0 0;
	 font-weight:bold;
	 font-size:16px;
	 margin-top:0px;
 }
 main .cont1 ul li div.chapter {
	 float:left;
	 clear: left;
	 color:#016f09;
	 background-color:#bdebb6;
	 border-radius:3px;
	 padding:2px 10px;
	 margin-right:20px;
	 font-weight:bold;
	 font-size:16px;
	 margin-top:0.5rem;
 }
  main .cont1 ul li div.ttl_chapter {
	  float:left;
	  width:75%;
	  margin-top:0.5rem;
	  margin-right:2%;
 }
 main .cont1 ul li div.ttl_chapter h3 {
	 font-size:16px;
	 font-weight:normal;
 }
 main .cont1 ul li div.shokubutsu {
	 float:right;
	 margin-top:0.5rem;
	 width:23%;
 }
 main .cont1 ul li div.shokubutsu div.img-w01 img{
	 position: absolute;
     top:0;
     right: 110%;
 }

 }

/*# sourceMappingURL=biotech.css.map */

/* ▽▽▽ 鉤括弧詰める ▽▽▽ */
.letterspace {
	letter-spacing: -0.8em;
}
  main a .letterspace {
    color: #4b44aa; }
    main a:link .letterspace {
      color: #4b44aa; }
    main a:visited .letterspace {
      color: #2d2966; }
    main a:hover .letterspace {
      color: #935dd8; }
    main a:active .letterspace {
      color: #935dd8; }
/* △△△ 鉤括弧詰める △△△ */