html,button,input,select,textarea{ color:#222}html{ font-size:1em; line-height:1.4}::-moz-selection{ background:#b3d4fc; text-shadow:none}::selection{ background:#b3d4fc; text-shadow:none}hr{ display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0}audio,canvas,img,video{ vertical-align:middle}fieldset{ border:0; margin:0; padding:0}textarea{ resize:vertical}.browsehappy{ margin:0.2em 0; background:#ccc; color:#000; padding:0.2em 0}.ir{ background-color:transparent; border:0; overflow:hidden;  *text-indent:-9999px}.ir:before{ content:""; display:block; width:0; height:150%}.hidden{ display:none !important; visibility:hidden}.visuallyhidden{ border:0; clip:rect(0 0 0 0); height:1px; margin:-1px; overflow:hidden; padding:0; position:absolute; width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{ clip:auto; height:auto; margin:0; overflow:visible; position:static; width:auto}.invisible{ visibility:hidden}.clearfix:before,.clearfix:after{ content:"";/* 1 */ display:table;/* 2 */}.clearfix:after{ clear:both}.clearfix{ *zoom:1}@media only screen and (min-width:35em){ }.float-left{ float:left}.float-right{ float:right}.header{ color:#fff; background-color:#0a7150}.logo{ float:left}.header-nav{ width:670px;max-width:670px; float:right}.nav{ margin:25px 0 0 0; display:table; width:100%; table-layout:fixed; padding-left:0}.nav__item{ display:table-cell}.nav__item >a{ display:block; padding:20px 0; text-align:center; text-decoration:none; background-color:#0a7150; font-weight:bold; font-size: 16px; color:#FFF}.nav__item >a:hover{ background-color:#5C8}.utility-nav{ padding:0}.utility-nav a{ color:#fff}.utility-nav>li{ display:inline-block}.utility-nav>li+li:before{ padding:0 5px; color:#fff; content:"|"}.container{ max-width:960px; margin:0 auto}.contents--index{ margin:0 auto}.breadcrumb{ padding:0}.breadcrumb a{ color:#666}.breadcrumb>li{ display:inline-block}.breadcrumb>li+li:before{ padding:0 5px; content:">"}.mark-note{ padding-left:25px}.mark-note>li{ list-style:none; text-indent:-1.5em}.mark-note>li:before{ content:"※"; vertical-align:middle; font-size:x-small; color:#333; padding-right:0.5em}.grid:before,.grid:after{ display:table; content:""}.grid:after{ clear:both}ul.grid{ margin:0 auto; padding-left:0}.grid >li{ list-style:none}.grid--fill{ margin-left:-15px; margin-right:-15px}.grid__item{ float:left; box-sizing:border-box; width:16.667%}.grid__item--1{ width:8.333%}.grid__item--2{ width:16.667%}.grid__item--3{ width:25%}.grid__item--4{ width:33.333%}.grid__item--5{ width:41.666%}.grid__item--6{ width:50%}.grid__item--7{ width:58.333%}.grid__item--8{ width:66.666%}.grid__item--9{ width:75%}.grid__item--10{ width:83.33%}.grid__item--11{ width:91.666%}.grid__item--12{ width:100%}.has-gutter{ padding-left:15px; padding-right:15px}.media:before,.media:after{ display:table; content:""}.media:after{ clear:both}.media__image{ float:left; margin-right:10px}.media__image--rev{ float:right; margin-right:0; margin-left:10px}.media__image >img{ display:block}.media__body{ overflow:hidden}.page-top{ text-align:right; margin-top:30px}.button{ display:inline-block}.button--full{ width:100%}#container{height:100%}#bg{background-image:url(../../img/back.jpg);background-position:center top;background-repeat:no-repeat;-moz-background-size:cover;background-size:cover}.footer{ color:#fff; background-color:#282828}
/*アイコンフォント*/
@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?41275104');
  src: url('../font/fontello.eot?41275104#iefix') format('embedded-opentype'),
       url('../font/fontello.woff?41275104') format('woff'),
       url('../font/fontello.ttf?41275104') format('truetype'),
       url('../font/fontello.svg?41275104#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?41275104#fontello') format('svg');
  }
}
*/
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
.icon-angle-circled-right:before { content: '\e800'; } /* '' */
.icon-angle-circled-down:before { content: '\e801'; } /* '' */
.icon-angle-circled-up:before { content: '\e802'; } /* '' */
.icon-angle-circled-left:before { content: '\e803'; } /* '' */
/*アイコンフォントEND*/
body{
	  font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}
h1,
h2,
h3,
h4,
.lead{
  color: #09704f;
}
h1{
  font-size: 43px;
  margin-top: 0.1em;
  margin-bottom: 0.1em;
}
h2,
h4{
  border-bottom: 1px solid #09704f;
}
p,
ul,
table,
dl{
  font-size: 15px;
}
hr{
  margin: 1.5em 0;
}


/* ------------------------------------------------------------------ 
マージン
 ------------------------------------------------------------------ */
.mgb-1em{
  margin-bottom: 1em !important;
}
.mgb-2em{
  margin-bottom: 2em !important;
}
.mgt-0em{
  margin-top: 0 !important;
}
.mgt-1em{
  margin-top: 1em !important;
}
.mgt-2em{
  margin-top: 2em !important;
}
/*--- マージンEND ---*/


/*パネル*/
.panel{
  background-color:#e7f1ee;
  padding: 1em;
}

.panel--short{
	width:760px;
	margin:0 auto;
}
.panel--border{
  background-color:#fff;
  border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #ccc;
}
.panel__title,
.title_background{
  background-color:#50A082;
  padding: 0.5em;
  margin-bottom: 1em;
}
.panel__title>h3,
.title_background>h3{
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
}
.panel__title>h3>span,
.title_background>h3>span{
  color: #50A082;
  font-size: 16px;
  background-color: #fff;
  padding: 0.2em;
  display: inline-block;
  line-height: 1;
  margin-right: 0.5em;
}

.panel--hukidasi{
  position: relative;
}
.panel--hukidasi:before{
  content: "";
  position: absolute;
  bottom: -23px;
  right: 50%;
  border: 12px solid transparent;
  border-top: 12px solid #e7f1ee;
}
/*endパネル*/

/*サブナビゲーション*/
.sub-navi{
  text-align: right;
  background-color: #F0F0F0;
  border-bottom: 1px solid #C7C8C9;
  padding-top:1em;
  padding-bottom: 1em;
}
.sub-navi ul {
  margin: 0;
}
.sub-navi ul>li {
  display: inline-block;
  margin-left: 0.5em;
  color: #0A7150;
}
.sub-navi ul>li>a {
  text-decoration: none;
  color: #333;
}
/*endサブナビゲーション*/

/*ヘッダー*/
.header{
  border-bottom: 1px solid #0A7150;
}
/*endヘッダー*/

/*パンくず*/
.breadcrumb{
  font-size: 12px;
  margin-bottom: 0;
}
/*endパンくず*/

/*ブロック*/
.block{
  margin-bottom: 3em;
}
.block--short{
	width:760px;
	margin-right:auto;
	margin-left:auto;
}
/*endブロック*/

/*ヘッディング*/
.heading{
  padding-top: 1em;
  padding-bottom: 1em;
  border-bottom: 1px solid #C7C8C9;
  margin-bottom: 3em;
}
/*endヘッディング*/

/*ボタン*/
.button{
  background-color: #09704f;
  color: #fff;
  font-weight: bold;
  padding: 1em;
  border: none;
  text-align:center;
  box-sizing: border-box;
  text-decoration:none;
  border: 2px solid #09704f;

}
.button:hover{
  background-color: #fff;
  color: #09704f;
  font-weight: bold;
  padding: 1em;
  border: 2px solid #09704f;
  box-sizing: border-box;
}
.button--active{
  background-color: #fff;
  color: #09704f;
  font-weight: bold;
  padding: 1em;
  border: 2px solid #09704f;
}
.button--active--s{
  background-color: #fff;
  color: #09704f;
  padding: 0.1em;
  border: 1px solid #09704f;
  text-decoration:none;
}
/*endボタン*/

/*テーブル*/
.table{
  width: 100%;
}
.table tr>th,
.table tr>td{
  border: solid 1px #ccc;
  padding:0.5em;
}
.table tr>th{
  background-color:#e7f1ee;
}
.table--th-left tr >th{
	text-align:left;
}
/*endテーブル*/

/*メディア*/
.media__body__title {
  position: relative;
  border-bottom:dotted 1px #ccc;
  margin-bottom: 0.5em;
  line-height: 42px;

  font-size: 20px;
  font-weight: bold;
}
.media__body__title>h3 {
  margin-top: 0;
  margin-bottom: 0;
}
.media__body__title__link {
  position: absolute;
  top: -1em;
  bottom: 0;
  right: 0;
  font-weight: normal;
}
.media__body__title__link>a {
  text-decoration: none;
  color: #09704f;
}
/*endメディア*/

.lead{
  font-weight: bold;
  font-size: 25px;
  margin-bottom: 0;
}
.text-center{
	text-align:center;
}
.text-right{
  text-align: right;
}
.font-big{
  font-size: 1.5em;
}
.link-black{
	text-decoration:none;
	color:#000;
}
.required{
	background:#F00;
	color:#FFF;
	line-height:1;
	padding:0.2em;
	font-weight:bold;
	font-size:small;
}
/* ------------------------------------------------------------------ 
190920 梱包ページ修正 
 ------------------------------------------------------------------ */
.packing-info__cont .packing-info__cont__inner{
	display: flex;
}
.packing-info__cont__inner tr th{
	background-color: #e7f1ee;
	border: 1px solid #ccc;
	padding: 10px 8px;
	font-size: 0.875rem;
	border-collapse: collapse;
	height: 60px;
}
.packing-info__cont__inner tr td{
	border: 1px solid #ccc;
	padding: 10px 8px;
	font-size: 0.8rem;
	border-collapse: collapse;
}
.packing-info__cont__inner tr td .txt--blue{
	color: #355273;
	font-weight: bold;
}
.character__cont{
	display: flex;
}
.character__cont__inner{
	width: 60%;
}
.character__cont__img{
	width: 40%;
}
.character__cont img{
	width: 100%;
	display: block;
	text-align: right;
}
.character__inner{
	display: flex;
}
.character__inner h5{
	font-size: 1.4rem;
    background-color: #ffeb2d;
    padding: 34px 20px;
    border-radius: 100px;
    color: #0a7150;
	margin: 0;
	margin-right: 20px;
	min-width: 61px;
}
.character__inner .character__discription{
	margin-right: 20px;
}
.character__inner .character__discription dl{
	margin: 0;
	padding: 0;
}
.character__inner .character__discription dt{
	font-size: 1.4rem;
	font-weight: bold;
    color: #0a7150;
	margin-bottom: 10px;
}
.character__inner .character__discription dd{
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 1.125rem;
}


@media only screen and (max-width:650px){
.header-nav{ width:100%; }

.packing-info__cont .packing-info__cont__inner{
	display: block;
}

}

/* ------------------------------------------------------------------ 
191219 梱包ページ修正 
 ------------------------------------------------------------------ */
.character__list{
	list-style: none;
	padding: 0;
}
.character__list li{
	padding-left: 15px;
	text-indent: -15px;
	margin-bottom: 10px;
}


/* ------------------------------------------------------------------ 
200317 健康経営ページ修正 
 ------------------------------------------------------------------ */
.cont-img__parallel--wb{
	display: flex;
	width: 100%;
}
.cont-img__parallel--wb .img__cont--wb{
	max-width: 470px;
	width: 100%;
	display: block;
}
.cont-img--wb{
	width: 100%;
}
.cont-img--wb img{
	width: 100%;
}