@charset "shift_jis";





/*====================================
ヘッダーフッター
====================================*/
.head_bg{
	width:100%;
	margin: 0 auto;
	/*background-color:#ffffff;*/
}

.head_fbox-a_00{
	width:100%;
	/*min-width:1024px;*/
	/*background-image: url(../xxxx-p/common-p/head_fbox-a_00_bg02.gif);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
	background-size:cover;
	}
.head_fbox-a_01{
	width:25%;
	min-width:200px;
	padding-top:40px;
	padding-bottom:15px;
	padding-left:15px;
	}
.head_fbox-a_02{
	width:70%;
	padding-top:40px;
	padding-bottom:15px;
	}

.btn-square_headlogo{
	  display: inline-block;
	  margin-left:20%;
	  padding: 10px;
	}

.btn-square_headnav_a{
	  display: inline-block;
	  padding: 10px;
	  border-left: solid 1px #717071;
	}
.btn-square_headnav_a_last{
	  border-right: solid 1px #717071;
	}
.btn-square_headnav_a:hover img{
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	}


.head_nav ul {
	text-align:right;
}
.head_nav li {
    display:inline-block;
	vertical-align: middle;
    zoom:1; /*IE7以下*/
}
.head_nav li a {
    text-decoration: none;
    color: #111;
	font-weight:bold;
    padding: 15px 6px 6px 6px;
	margin:0 8px;
    display: block;
	border-bottom:3px #FFF solid;
}

.head_nav li a:hover {
	color:#111;
	border-bottom:3px #333 solid;
	/*margin-bottom:-3px;*/
}
.head_nav li a.fb:hover {
	color:#666;
	border-bottom: none;
	margin-bottom:0px;
}

.pankuzu {
    padding: 14px 14px;
    font-size: 13px;
    font-size: 1.3rem;
}
.bdt1{
	border-top:1px #CCC solid;
	}

.bdb2{
	border-bottom:2px #333 solid;
	}
.btgy1{
	border-top:1px #D1D1D1 solid;
	}
.bdgy1{
	border-bottom:1px #D1D1D1 solid;
	}

@media only screen and (max-width:1024px) {
/*.head_fbox-a_00_sp{
	width:100%;
	min-width:1000px;
	}
.head_fbox-a_01_sp{
	width:50%;
	}
.head_fbox-a_02_sp{
	width:50%;
	}
*/

.head_fbox-a_00_sp{
  /*position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 750px;
  z-index: 16; */
	/*background-image: url(../xxxx-p/common-p/head_fbox-a_00_bg02.gif);*/
	margin: 0 auto;
	background-repeat:no-repeat;
	background-position: top right;
	background-size: cover;
}

.head_fbox-a_01_sp{
	padding-top:15px;
	padding-bottom:15px;
	width:38%;
	}


.head_fbox-a_02_sp{
	margin-right:0%;
	width:16%;
	}
.head_fbox-a_03_sp{
	margin-right:2%;
	width:16%;
	}
}



.header_viewpc_only {
display: block;
}
.header_view_mb_tb {
display: none;
}
@media (max-width: 1024px)  {
.header_viewpc_only {
display: none;
}
.header_view_mb_tb {
display: block;
}
}


header a {
color: inherit;
    text-decoration: none;
	}
header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 16; }
  header .inner {
    display: flex;
    justify-content: center;
    padding: 30px 0 0 0;
    width: 100% !important; }
  header .navBtn {
    display: none; }
  header .mainMenu {
    font-size: 16px;
	font-size:1.6rem;
    font-weight: 400;
    letter-spacing: 0.7px;
    line-height: 40px;
    align-items: center;
    background-color: #FFF;
    border-radius: 10px;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
    display: flex;
    height: 60px;
    margin: 0 20px 0 0;
    padding: 0 32px 0 32px;
    vertical-align: middle; }
	
  header .mainMenu a:hover {
  color: #999;
  }
	
    header .mainMenu li {
      height: 60px;
      padding: 0 15px 0 15px;
      position: relative; }
	  

      header .mainMenu li.logo img {
      padding: 10px 0;
	  }
      /*header .mainMenu li.logo {
        transition: 0.6s ease-in-out;
        -webkit-transition: 0.6s ease-in-out;
        margin: 0;
        padding: 0;
        overflow: hidden;
        width: 0; }
        header .mainMenu li.logo h1 {
          height: 100%;
          width: 195px; }
          header .mainMenu li.logo h1 a {
            transition: 0.6s ease-in-out;
            -webkit-transition: 0.6s ease-in-out;
            align-items: center;
            display: flex;
            margin: 0 70px 0 0; }
            header .mainMenu li.logo h1 a img {
              width: 125px; }
            header .mainMenu li.logo h1 a::before {
              display: none; }
            header .mainMenu li.logo h1 a::after {
              display: none; }*/
        header .mainMenu li.logo.second {
          background-color: #FFF;
          position: relative;
          z-index: 1; }
      header .mainMenu li a {
        align-items: center;
        display: flex;
        font-weight: 500;
        height: 100%;
        position: relative;
        white-space: nowrap; }
      header .mainMenu li a:hover::before {
        /*background: #2E9648;
        content: "";
        position: absolute;
        left: calc(50% - 2.5px);
        bottom: 8px;
        width: 5px;
        height: 5px;
        border-radius: 100%;
        opacity: 0;
        animation: downdot 0.5s cubic-bezier(0.09, 0.65, 0.51, 1.47);
        animation-fill-mode: forwards;*/ }
/*@keyframes downdot {
  0% {
    bottom: 8px;
    opacity: 1; }
  100% {
    bottom: -13px;
    opacity: 1; } }
      header .mainMenu li a:hover::after {
        background: #2E9648;
        content: "";
        position: absolute;
        left: calc(50% - .5px);
        bottom: 13px;
        width: 1px;
        height: 0;
        animation: downline 0.3s ease-in-out;
        animation-fill-mode: forwards; }
@keyframes downline {
  0% {
    height: 0;
    opacity: 1; }
  100% {
    bottom: -13px;
    height: 26px;
    opacity: 1; } }
@keyframes closeLogo {
  0% {
    margin-right: 9px;
    overflow: hidden;
    width: 100%; }
  100% {
    margin-right: 0;
    width: 0; } }*/
	
      /*header .mainMenu li:hover::after, header .mainMenu li.selected::after {
        background: #2E9648;
        content: "";
        position: absolute;
        left: calc(50% - 2.5px);
        bottom: 8px;
        width: 5px;
        height: 5px;
        border-radius: 100%; }
      header .mainMenu li.selected a::before {
        background: #2E9648;
        content: "";
        position: absolute;
        left: calc(50% - 2.5px);
        bottom: -13px;
        width: 5px;
        height: 5px;
        border-radius: 100%;
        opacity: 1;
        animation: none; }
      header .mainMenu li.selected a::after {
        background: #2E9648;
        content: "";
        position: absolute;
        left: calc(50% - .5px);
        bottom: -13px;
        width: 1px;
        height: 26px;
        animation: none; }*/
  header .subMenu {
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.7px;
    line-height: 40px;
    transition: 0.6s ease-in-out;
    -webkit-transition: 0.6s ease-in-out;
    /*background-color: #2E9568;*/
    border-radius: 10px;
    /*box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);*/
    display: flex; }
    header .subMenu li {
      height: 60px;
	  }

      header .subMenu li.mail_icon a,header .subMenu li.tel_icon a {	  
      background-color: #2E9568;
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
        border-radius: 10px;
		padding: 0 10px;
	  }
      header .subMenu li.mail_icon a:hover,header .subMenu li.tel_icon a:hover {	  
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
	  }
      header .subMenu li.mail_icon {
	  margin-right: 15px;	  
	  }
	  
/*      header .subMenu li.mail_icon {
        border-radius: 10px 0 0 10px;
        padding: 0 15px 0 40px; }
      header .subMenu li.tel_icon {
        border-radius: 0 10px 10px 0;
        padding: 0 40px 0 15px; }*/
      header .subMenu li a {
        align-items: center;
        color: #FFF;
        display: flex;
        height: 100%;
        white-space: nowrap; }
        header .subMenu li a img {
          transition: 0.6s ease-in-out;
          -webkit-transition: 0.6s ease-in-out;
          margin: 0 0px 0 0;
          width: 40px; }
    /*header .subMenu .short {
      display: none; }
  header.opened .mainMenu {
    margin: 0 30px 0 0;
    padding: 0 35px 0 30px;
    width: 940px; }
    header.opened .mainMenu li.logo {
      width: 195px; }
      header.opened .mainMenu li.logo a {
        margin: 0 9px 0 0;
        overflow: visible;
        width: 125px; }
      header.opened .mainMenu li.logo::after {
        display: none; }
  header.opened .subMenu {
    transition: 0.6s ease-in-out;
    -webkit-transition: 0.6s ease-in-out;
    background-color: inherit;
    border-radius: 0;
    box-shadow: none; }
    header.opened .subMenu li {
      transition: 0.3s ease-in-out;
      -webkit-transition: 0.3s ease-in-out;
      background-color: #2E9648;
      border-radius: 10px;
      box-shadow: 0 1px 6px rgba(0, 0, 0, 0.16);
      height: 60px;
      overflow: hidden;
      padding: 0 0 0 0;
      text-align: center;
      width: 80px; }
      header.opened .subMenu li.recruit {
        margin: 0 30px 0 0; }
      header.opened .subMenu li a {
        transition: 0.6s ease-in-out;
        -webkit-transition: 0.6s ease-in-out;
        align-items: flex-start;
        font-size: 0;
        justify-content: center;
        flex-wrap: wrap;
        padding: 14px 0 14px 0;
        width: 100%; }
        header.opened .subMenu li a img {
          transition: 0.6s ease-in-out;
          -webkit-transition: 0.6s ease-in-out;
          margin: 0;
          width: 33px; }
        header.opened .subMenu li a span {
          font-size: 13px;
          font-weight: 500;
          letter-spacing: 0.65px;
          line-height: 13px;
          padding-top: 18px; }
      header.opened .subMenu li.contact a {
        padding-top: 20px; }
      header.opened .subMenu li:hover {
        transition: 0.3s ease-in-out;
        -webkit-transition: 0.3s ease-in-out;
        height: 88px; }
    header.opened .subMenu .short {
      display: block; }
    header.opened .subMenu .long {
      display: none; }*/


/*========== スクロール途中でヘッダーが表示＆非表示するためのCSS ==========*/
/*　上に上がる動き　*/

#header.UpMove{
	animation: UpAnime 0.5s forwards;
}

@keyframes UpAnime{
  from {
    opacity: 1;
	transform: translateY(0);
  }
  to {
    opacity: 0;
	transform: translateY(-100px);
  }
}

/*　下に下がる動き　*/

#header.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 0;
	transform: translateY(-100px);
  }
  to {
  	opacity: 1;
	transform: translateY(0);
  }
}






.foot01_bg01{
	width:100%;
	margin: 0 auto;
	background-color:#2E9568;
	}
.foot01_btn00 {
border: 1px #FFF solid;
}
.foot01_btn00 a {
padding: 20px;
display: inline-block;
}
.foot01_btn00 a img {
width: 100%;
}
@media only screen and (max-width: 813px) {
.foot01_btn00 {
padding: 20px;
}
.foot01_btn00 a {
padding: 0px;
display: inline;
}
.foot01_btn00 a img {
width: 100%;
}
}




.foot02_bg01{
	width:100%;
	margin: 0 auto;
	background-color:#FFF;
	}
.foot_logo img {
max-width: 190px;

}

.foot_fbox-a_00{
	width:100%;
	/*min-width:1024px;*/
	/*background-image: url(../sunflap-p/common-p/head_fbox-a_00_bg02.gif);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
	background-size:cover;
	padding-top: 35px;
	}
.foot_fbox-a_01{
	width:25%;
	min-width:270px;
	padding-top:20px;
	padding-bottom:15px;
	/*padding-left:15px;*/
	}
.foot_fbox-a_02{
	width:70%;
	/*min-width:204px;*/
	padding-top:20px;
	padding-bottom:15px;
	}
@media only screen and (max-width: 1024px) {
.foot_fbox-a_00{
	width:100%;
	min-width:720px;
	/*background-image: url(../sunflap-p/common-p/head_fbox-a_00_bg02.gif);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
	background-size:cover;
	margin-bottom:25px;
	}
.foot_fbox-a_01{
	width:100%;
	padding-left: 15px;
	/*min-width:204px;
	padding-top:20px;
	padding-bottom:15px;
	padding-left:15px;*/
	}
.foot_fbox-a_02{
	width:100%;
	/*min-width:204px;
	padding-top:20px;
	padding-bottom:15px;*/
	}
}

.foot_nav {
text-align: right;
}
.foot_nav li {
    display:inline-block;
	vertical-align: middle;
    zoom:1; /*IE7以下*/
	
	font-family: 'Tajawal', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
	text-align: center;
	line-height: 1.75;
	letter-spacing: 0.03em;
}
.foot_nav li span {
	font-family: 'Noto Serif JP', serif;
    font-size: 14px;
    font-size: 1.4rem;
}
/*.head_nav li+ li {
  border-left: 1px solid #CCC;
}*/
.foot_nav li a {
    text-decoration: none;
    color: #333;
	/*font-weight:bold;*/
    padding: 8px 12px 6px 12px;
	margin:0 8px;
    display: block;
	/*border-bottom:3px #FFF solid;*/
}
.foot_nav li a:hover {
	color:#666;
	/*border-bottom:3px #333 solid;*/
	/*margin-bottom:-3px;*/
}
@media only screen and (max-width: 1024px) {
.foot_nav {
text-align: center;
}
.foot_nav li span {
    font-size: 13px;
    font-size: 1.3rem;
}
.foot_nav li a {
    text-decoration: none;
    color: #333;
	/*font-weight:bold;*/
    padding: 12px 12px 12px 12px;
	margin:0 8px;
    display: block;
	/*border-bottom:3px #FFF solid;*/
}
}
@media only screen and (max-width: 813px) {
.foot_nav {
text-align: center;
}
}






/*====================================
グリッドベース
====================================*/

.base_contents00_g2 > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.base_contents00_g2 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 0px 15px;
}

.base_contents00_g2 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.base_contents00_g2 > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

@media only screen and (max-width: 813px) {
.base_contents00_g2 > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.base_contents00_g2 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.base_contents00_g2 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.base_contents00_g2 > .grid_container > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
}

.base_contents00_g2xx > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.base_contents00_g2xx > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 0px 15px;
}

.base_contents00_g2xx > .grid_container > .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.base_contents00_g2xx > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}



.base_contents00_g3 > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 33.3% 33.3% 33.3%;
  grid-template-columns: 33.3% 33.3% 33.3%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.base_contents00_g3 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.base_contents00_g3 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.base_contents00_g3 > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.base_contents00_g3 > .grid_container > .grid_item_03 {
	-ms-grid-column: 3;
	-ms-grid-column-span: 1;
	grid-column: 3 / 4;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.base_contents00_g3 > .grid_container > .grid_item_04 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 2; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 2 / 3; /* 縦位置 */
}
.base_contents00_g3 > .grid_container > .grid_item_05 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
.base_contents00_g3 > .grid_container > .grid_item_06 {
	-ms-grid-column: 3;
	-ms-grid-column-span: 1;
	grid-column: 3 / 4;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}

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


.base_contents00_g3 > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.base_contents00_g3 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.base_contents00_g3 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.base_contents00_g3 > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.base_contents00_g3 > .grid_container > .grid_item_03 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
.base_contents00_g3 > .grid_container > .grid_item_04 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
.base_contents00_g3 > .grid_container > .grid_item_05 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 3;
	grid-row: 3; 
}
.base_contents00_g3 > .grid_container > .grid_item_06 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 3;
	grid-row: 3; 
}
}

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


.base_contents00_g3 > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.base_contents00_g3 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.base_contents00_g3 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.base_contents00_g3 > .grid_container > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
.base_contents00_g3 > .grid_container > .grid_item_03 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 3;
	grid-row: 3;
}
.base_contents00_g3 > .grid_container > .grid_item_04 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 4;
	grid-row: 4;
}
.base_contents00_g3 > .grid_container > .grid_item_05 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 5;
	grid-row: 5;
}
.base_contents00_g3 > .grid_container > .grid_item_06 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 6;
	grid-row: 6;
}
}


.base_contents00_g3b > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 33.3% 33.3% 33.3%;
  grid-template-columns: 33.3% 33.3% 33.3%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.base_contents00_g3b > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.base_contents00_g3b > .grid_container > .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.base_contents00_g3b > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.base_contents00_g3b > .grid_container > .grid_item_03 {
	-ms-grid-column: 3;
	-ms-grid-column-span: 1;
	grid-column: 3 / 4;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.base_contents00_g3b > .grid_container > .grid_item_04 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 2; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 2 / 3; /* 縦位置 */
}
.base_contents00_g3b > .grid_container > .grid_item_05 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
.base_contents00_g3b > .grid_container > .grid_item_06 {
	-ms-grid-column: 3;
	-ms-grid-column-span: 1;
	grid-column: 3 / 4;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}

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


.base_contents00_g3b > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.base_contents00_g3b > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.base_contents00_g3b > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.base_contents00_g3b > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.base_contents00_g3b > .grid_container > .grid_item_03 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
.base_contents00_g3b > .grid_container > .grid_item_04 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
.base_contents00_g3b > .grid_container > .grid_item_05 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 3;
	grid-row: 3; 
}
.base_contents00_g3b > .grid_container > .grid_item_06 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 3;
	grid-row: 3; 
}
}

/*@media only screen and (max-width: 813px) {


.base_contents00_g3b > .grid_container {
	display: -ms-grid;
	display: grid;
  
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.base_contents00_g3b > .grid_container > .grid_item {
  margin: 0 15px 30px 15px;
}

.base_contents00_g3b > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.base_contents00_g3b > .grid_container > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
.base_contents00_g3b > .grid_container > .grid_item_03 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 3;
	grid-row: 3;
}
.base_contents00_g3b > .grid_container > .grid_item_04 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 4;
	grid-row: 4;
}
.base_contents00_g3b > .grid_container > .grid_item_05 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 5;
	grid-row: 5;
}
.base_contents00_g3b > .grid_container > .grid_item_06 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 6;
	grid-row: 6;
}
}*/


.base_contents00_g4 > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 25% 25% 25% 25%;
  grid-template-columns: 25% 25% 25% 25%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.base_contents00_g4 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 0px 15px;
}

.base_contents00_g4 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.base_contents00_g4 > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.base_contents00_g4 > .grid_container > .grid_item_03 {
	-ms-grid-column: 3;
	-ms-grid-column-span: 1;
	grid-column: 3 / 4;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}.base_contents00_g4 > .grid_container > .grid_item_04 {
	-ms-grid-column: 4;
	-ms-grid-column-span: 1;
	grid-column: 4 / 5;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

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


.base_contents00_g4 > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;


}

.base_contents00_g4 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.base_contents00_g4 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.base_contents00_g4 > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.base_contents00_g4 > .grid_container > .grid_item_03 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 2 / 3; /* 縦位置 */
}
.base_contents00_g4 > .grid_container > .grid_item_04 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 2; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 2 / 3; /* 縦位置 */
}
}


/*====================================
サイトここから
====================================*/

/*==========トップスライド==========*/

.on_slide{
	position:absolute;
	top: 200px;
	left:50%;
	margin-left:-38px;
	z-index:10;
}

.scroll{
	color:#FFF;
	text-decoration:none;
	border:1px solid #FFF;
	padding:8px 40px;
	display:block;
	position:absolute;
	bottom: 30px;
	left:calc(50% - 57px);
	z-index:10;
	}

.slider{
	width:100vw;
	height:100vh;}

.image01{
	background-image:url(../matano-p/top-p/slide-p/slide01.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center top;}
	
.image02{
	background-image:url(../matano-p/top-p/slide-p/slide02.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center top;}
	
.image03{
	background-image:url(../matano-p/top-p/slide-p/slide03.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center top;}
	
.image04{
	background-image:url(../matano-p/top-p/slide-p/slide04.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center top;}


@media only screen and (max-width: 850px) {
	
	.on_slide{
		top:100px;}
		
	.slider{
		min-width:750px;
		height:800px;}
	
	.scroll{
		left:calc(50% - 63px);
		}}
		
		
.common_hr01 {
background-image: url(../matano-p/common-p/common_hr_bg01.png);
background-repeat: repeat-x;
height: 8px;
margin: 40px 0;
border: none;
}

.top_c00_bg01{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
}

.top_c00_bg02{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}

.top_c01_bg01{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
}
.top_c01_bg02{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}

.top_mainimg_bg01 {
	width: 100%;
	/*background-image: url(../xxxx-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-color:#EEE;
}

.top_mainimg_bg02 {
	width: 100%;
	/*background-image: url(../xxxx-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}

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

}










.top_c01_tx01 {
	font-size:18px;
	font-size:1.8rem;
	line-height: 2.5;
	margin-bottom: 45px;
}
@media only screen and (max-width: 813px) {
.top_c01_tx01 {
	line-height: 1.75;
	margin-bottom: 25px;
}
}


.top_c01_btn-square {
	font-size:16px;
	font-size:1.6rem;
	letter-spacing: 0.3em;
  display: inline-block;
  padding: 0.8em 4.5em;
  text-decoration: none;
  background-color: #FFF;/*ボタン色*/
  color: #333;
  border: 1px #333 solid;
	background-image: url(../matano-p/common-p/common_btn_icon01.png);
	background-repeat: no-repeat;
	background-position: center right 1em;
}
.top_c01_btn-square:hover {
background-color: #333;
  color: #FFF;
	background-image: url(../matano-p/common-p/common_btn_icon01_s2.png);
	background-repeat: no-repeat;
	background-position: center right 1em;
}

@media only screen and (max-width: 813px) {
.top_c01_btn_box {
text-align: center;
}
}





.top_contents01_g2 > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 58% 42%;
  grid-template-columns: 58% 42%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.top_contents01_g2 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 0px 15px;
}

.top_contents01_g2 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.top_contents01_g2 > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

@media only screen and (max-width: 813px) {
.top_contents01_g2 > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.top_contents01_g2 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.top_contents01_g2 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.top_contents01_g2 > .grid_container > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
}





.top_c02_bg01{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
}

.top_c02_bg02{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}

.top_c02_tx01 {
	font-size:28px;
	font-size:2.8rem;
color: #2D9467;
font-weight: bold;
text-align: center;
line-height: 1.70;
padding: 45px 0 35px;
}
.top_c02_tx02 {
	font-size:18px;
	font-size:1.8rem;
text-align: center;
padding-bottom: 45px;
}
@media only screen and (max-width: 813px) {
.top_c02_tx01 {
	font-size:25px;
	font-size:2.5rem;
}
.top_c02_tx02 {
	font-size:17px;
	font-size:1.7rem;
}
}





.top_c02_img00 {
background-position: center ;
background-repeat: no-repeat;
background-size: cover;
}
.top_c02_img00:hover {
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
.top_c02_img00 a {
	text-decoration: none;
}
.top_c02_img00 a p {
line-height: 240px;
	font-size:26px;
	font-size:2.6rem;
	text-align: center;
	color: #FFF;
	letter-spacing: 0.03em;
}
.top_c02_img01 {
	background-image: url(../matano-p/top-p/top_c02_img01.jpg);
	border-radius: 40px 0 0 0;
}
.top_c02_img02 {
	background-image: url(../matano-p/top-p/top_c02_img02.jpg);
	border-radius: 0 40px 0 0;
}
.top_c02_img03 {
	background-image: url(../matano-p/top-p/top_c02_img03.jpg);
	border-radius: 0 0 0 40px;
}
.top_c02_img04 {
	background-image: url(../matano-p/top-p/top_c02_img04.jpg);
	border-radius: 0 0 40px 0;
}

.top_contents02_g2xx > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.top_contents02_g2xx > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 0px 15px;
}

.top_contents02_g2xx > .grid_container > .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.top_contents02_g2xx > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

@media only screen and (max-width: 813px) {
.top_contents02_g2xx > .grid_container > .grid_item {
  margin: 0 10px 0px 10px;
}
}
.pt30_20 {
padding-top: 30px;
}
@media only screen and (max-width: 813px) {
.pt30_20 {
padding-top: 20px;
}
}


/*====================================
共通
====================================*/

h2.tit01 {
  position: relative;
  padding-bottom: 10px;
  text-align: center;
	font-size:32px;
	font-size:3.2rem;
	letter-spacing: 0.15em;
}

h2.tit01:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 90px);
  width: 180px;
  height: 1px;
  content: '';
  /*border-radius: 3px;*/
  background: #FFF;
}


h2.tit01b {
  position: relative;
  padding-bottom: 10px;
  text-align: center;
	font-size:32px;
	font-size:3.2rem;
	line-height:1.55;
	letter-spacing: 0.1em;
}
h2.tit01b .tx_s{
	font-size:26px;
	font-size:2.6rem;
	letter-spacing: 0.1em;
	}
h2.tit01b:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 90px);
  width: 180px;
  height: 1px;
  content: '';
  /*border-radius: 3px;*/
  background: #000;
}
@media only screen and (max-width: 813px) {
h2.tit01b {
	font-size:24px;
	font-size:2.4rem;
	letter-spacing: 0;
}
}


h2.tit02 {
	font-size:28px;
	font-size:2.8rem;
	text-align: center;
	color: #2D9467;
	font-weight: bold;
	padding-bottom: 8px;
	letter-spacing: 0.05em;
}
p.tit02b {
	font-size:12px;
	font-size:1.2rem;
	text-align: center;
	color: #2D9467;
	padding-bottom: 25px;
}


@media only screen and (max-width: 813px) {
h2.foodsafety_tit02 {
	font-size:24px;
	font-size:2.4rem;
	letter-spacing: -0.03em;
}
h2.agriculture_tit02 {
	font-size:24px;
	font-size:2.4rem;
	letter-spacing: -0.03em;
} 
}


.common_maintx_box{
position: absolute;
    top: 56%;
    left: 50%;
    transform: translate(-50%, -56%);
    -webkit-transform: translate(-50%, -56%);
    -ms-transform: translate(-50%, -56%);
}
.common_maintx01 {
	font-size:44px;
	font-size:4.4rem;
	font-weight: bold;
	text-align: center;
	color: #FFF;
}
.common_maintx02 {
	font-size:26px;
	font-size:2.6rem;
	font-weight: bold;
	text-align: center;
	color: #FFF;
	padding-top: 8px;
}



.common_c01_btn_box {
text-align: center;
}
.common_c01_btn-square {
	font-size:16px;
	font-size:1.6rem;
	letter-spacing: 0.3em;
  display: inline-block;
  /*padding: 0.8em 4.5em;*/
  text-decoration: none;
  background-color: #FFF;/*ボタン色*/
  color: #333;
  border: 1px #333 solid;
	/*background-image: url(../matano-p/common-p/common_btn_icon01.png);
	background-repeat: no-repeat;
	background-position: center right 1em;*/
	margin: 20px 15px 0;
}
.common_c01_btn-square_m {
  padding: 0.8em 4em;
  }
.common_c01_btn-square_l {
  padding: 0.8em 2em;
  }
.common_c01_btn-square:hover {
background-color: #333;
  color: #FFF;
	/*background-image: url(../matano-p/common-p/common_btn_icon01_s2.png);
	background-repeat: no-repeat;
	background-position: center right 1em;*/
}

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

}

/*====================================
 企業紹介
====================================*/
.company_mainimg_bg01 {
	width: 100%;
	/*background-image: url(../xxxx-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-color:#EEE;
}

.company_mainimg_bg02 {
	width: 100%;
	background-image: url(../matano-p/company-p/company_mainimg.jpg);
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
	min-height: 590px;
	background-size: cover;
}

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

}

.company_c01_bg01{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
}
.company_c01_bg02{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}


.company_c02_bg01{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
}
.company_c02_bg02{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}
.company_c02_tit01 {
	font-size:27px;
	font-size:2.7rem;
	padding-bottom: 6px;
}
.company_c02_tit01a {
	color: #33886B;
}
.company_c02_tit01b {
	color: #F15968;
}
.company_c02_tit01c {
	color: #FF850B;
}

.company_c02_tx01{
	font-size:18px;
	font-size:1.8rem;
	line-height: 1.45;
	padding-bottom: 40px;
}
.company_c02_tx01 .tx_l{
	font-size:22px;
	font-size:2.2rem;
}


.company_c03_bg01{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
}
.company_c03_bg02{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}

.company_table01{
	border-collapse:collapse;
	max-width:850px;
	width:100%;
	margin:0 auto;
	font-size:16px;
 	font-size:1.6rem;
	line-height:1.45;
	margin-top: 15px;
	margin-bottom: 80px;
	
}

.company_table01 .tr01{
/*	border-bottom:1px #999999 solid;*/
}

.company_table01 .td01-top{
border-top:1px #2D9467 solid;}

.company_table01 .td01{
font-weight:bold;
width:30%;
text-align:left;
padding:20px;
color: #2D9467;
border-bottom:1px #2D9467 solid;
}

.company_table01 .td02-top{
border-top:1px #DDD solid;
}

.company_table01 .td02{
width:70%;
background-color:#FFFFFF;
text-align:left;
padding:20px;
color: #222222;	
border-bottom:1px #DDD solid;
}
/*.interview__ep__item_09_textbox {
	background-color:#42AFD6;
	}*/


@media (max-width: 813px){

.company_table01{
	margin-top:0px;
	font-size:18px;
 	font-size:1.8rem;
}

.company_table01 .td01, .company_table01 .td02 {
  display: block;
  width: 100%;
}

.company_table01 .td01-top{
	border-top:0px;}
	
.company_table01 .td02-top{
	border-top:0px;}

.company_table01 .td01{
width:96%;
background-color:#2D9467;
color:#FFF;
text-align:center;
margin-top:40px;
padding:10px;
border-bottom: none;
}

.company_table01 .td02{
width:96%;
background-color:#FFFFFF;
text-align:left;
padding:10px;
color: #222222;	
}
/*.interview__ep__item_09_textbox {
	background-color:#42AFD6;
	}*/
}

.company_map {
	min-width: 720px;
	margin: 0 auto;
}
.company_map iframe {
	width:100%;
	height:600px;
}
@media only screen and (max-width: 813px) {
.company_map iframe {
	width:100%;
	height:680px;
}
}


.company_c04_bg01{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
}
.company_c04_bg02{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}

.company_table02{
	border-collapse:collapse;
	max-width:850px;
	width:100%;
	margin:0 auto;
	font-size:16px;
   	font-size:1.6rem;
	line-height:1.65;
	margin-top: 15px;
	margin-bottom: 80px;
}

.company_table02 .tr01{
/*	border-bottom:1px #999999 solid;*/
}

.company_table02 .td01-top{
border-top:1px #2D9467 solid;}

.company_table02 .td01{
font-weight:bold;
width:25%;
text-align:left;
padding:20px;
color: #2D9467;
border-bottom:1px #2D9467 solid;
}

.company_table02 .td02-top{
border-top:1px #DDD solid;
}

.company_table02 .td02{
width:75%;
background-color:#FFFFFF;
text-align:left;
padding:20px;
color: #222222;	
border-bottom:1px #DDD solid;
}
/*.interview__ep__item_09_textbox {
	background-color:#42AFD6;
	}*/


@media (max-width: 813px){

.company_table02{
	margin-top:0px;
	font-size:18px;
   	font-size:1.8rem;
}

.company_table02 .td01, .company_table02 .td02 {
  display: block;
  width: 100%;
}

.company_table02 .td01-top{
	border-top:0px;}
	
.company_table02 .td02-top{
	border-top:0px;}

.company_table02 .td01{
width:96%;
background-color:#2D9467;
color:#FFF;
text-align:center;
margin-top:40px;
padding:10px;
border-bottom: none;
}

.company_table02 .td02{
width:96%;
background-color:#FFFFFF;
text-align:left;
padding:10px;
color: #222222;	
}
/*.interview__ep__item_09_textbox {
	background-color:#42AFD6;
	}*/
}


.company_contents04_g2 > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 70% 30%;
  grid-template-columns: 70% 30%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.company_contents04_g2 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 0px 15px;
}

.company_contents04_g2 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.company_contents04_g2 > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

/*@media only screen and (max-width: 813px) {
.company_contents04_g2 > .grid_container {
	display: -ms-grid;
	display: grid;
  
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.company_contents04_g2 > .grid_container > .grid_item {
  margin: 0 15px 30px 15px;
}

.company_contents04_g2 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.company_contents04_g2 > .grid_container > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
}*/


.company_c05_bg01{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
}
.company_c05_bg02{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}

.company_c05_tx01 {
	font-size:18px;
	font-size:1.8rem;
	line-height: 2.00;
}
.company_c05_tx02 {
	font-size:16px;
	font-size:1.6rem;
}
.company_c05_tx02 span {
	font-size:20px;
	font-size:2.0rem;
	font-weight: bold;
	letter-spacing: 0.05em;
}

.company_contents05_g2 > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 33.3% 66.6%;
  grid-template-columns: 33.3% 66.6%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.company_contents05_g2 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 0px 15px;
}

.company_contents05_g2 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.company_contents05_g2 > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

@media only screen and (max-width: 813px) {
.company_contents05_g2 > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.company_contents05_g2 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.company_contents05_g2 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
.company_contents05_g2 > .grid_container > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
}


/*====================================
採用
====================================*/
.recruit_mainimg_bg01 {
	width: 100%;
	/*background-image: url(../xxxx-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-color:#EEE;
}

.recruit_mainimg_bg02 {
	width: 100%;
	background-image: url(../matano-p/recruit-p/recruit_mainimg.jpg);
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
	min-height: 590px;
	background-size: cover;
}

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

}

.recruit_c01_bg01{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-color: #EBFFF0;
}
.recruit_c01_bg02{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}

.recruit_c01_tx01 {
	font-size:20px;
	font-size:2.0rem;
	line-height: 1.75;
	text-align: center;
	padding-top: 35px;
}

.recruit_c01_af_bg01 {
width: 100%;
	background-image: url(../matano-p/recruit-p/recruit_c01_bg00.png);
	background-repeat: repeat-x;
	background-position: top center;
	margin: 0 auto;
	overflow: hidden;
	background-color: #FFF;
	height: 20px;
}


.recruit_table01 {
	border-collapse:collapse;
	max-width:870px;
	width:100%;
	margin:0 auto;
	font-size:16px;
	font-size:1.6rem;
	line-height:1.45;
}
.recruit_table01 .tr01{
/*	border-bottom:1px #999999 solid;*/
}

.recruit_table01 .rtd01-top{
border-top:1px #2D9467 solid;}

.recruit_table01 .td01{
font-weight:bold;
width:30%;
text-align: center;
padding:20px;
color: #2D9467;
border-bottom:1px #2D9467 solid;
}

.recruit_table01 .rtd02-top{
border-top:1px #DDD solid;
}

.recruit_table01 .td02{
width:70%;
background-color:#FFFFFF;
text-align:left;
padding:20px;
color: #222222;	
border-bottom:1px #DDD solid;
}
/*.interview__ep__item_09_textbox {
	background-color:#42AFD6;
	}*/


@media (max-width: 813px){

.recruit_table01{
	margin-top:0px;
	font-size:18px;
	font-size:1.8rem;
}

.recruit_table01 .td01, .recruit_table01 .td02 {
  display: block;
  width: 100%;
}

.recruit_table01 .rtd01-top{
	border-top:0px;}
	
.recruit_table01 .rtd02-top{
	border-top:0px;}

.recruit_table01 .td01{
width:96%;
background-color:#2D9467;
color:#FFF;
text-align:center;
margin-top:40px;
padding:10px;
border-bottom: none;
}


.recruit_table01 .td02{
width:96%;
background-color:#FFFFFF;
text-align:left;
padding:10px;
color: #222222;	
}
/*.interview__ep__item_09_textbox {
	background-color:#42AFD6;
	}*/
}

.recruit_c00_btn_box {
text-align: center;
margin-top: 35px;
}
.recruit_c00_btn-square {
	font-size:18px;
	font-size:1.8rem;
	letter-spacing: 0.3em;
	font-weight: bold;
  display: inline-block;
  padding: 0.8em 4.5em;
  text-decoration: none;
  background-color: #FFF;/*ボタン色*/
  color: #2D9467;
  border: 1px #2D9467 solid;
	background-image: url(../matano-p/common-p/common_btn_icon01_gr.png);
	background-repeat: no-repeat;
	background-position: center right 1em;
}
.recruit_c00_btn-square:hover {
background-color: #2D9467;
  color: #FFF;
	background-image: url(../matano-p/common-p/common_btn_icon01_s2.png);
	background-repeat: no-repeat;
	background-position: center right 1em;
}

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

}

/*====================================
事業内容
====================================*/
.business_mainimg_bg01 {
	width: 100%;
	/*background-image: url(../xxxx-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-color:#EEE;
}

.business_mainimg_bg02 {
	width: 100%;
	background-image: url(../matano-p/business-p/business_mainimg.jpg);
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: center center;
	min-height: 590px;
	background-size: cover;
}

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

}

.business_c02_bg01{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
}
.business_c02_bg02{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}

.business_c03_bg01{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
}
.business_c03_bg02{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}


.business_contents03_g2 > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.business_contents03_g2 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 35px 0px 35px;
}

.business_contents03_g2 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.business_contents03_g2 > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

@media only screen and (max-width: 813px) {
.business_contents03_g2 > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.business_contents03_g2 > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.business_contents03_g2 > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.business_contents03_g2 > .grid_container > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
}


/*====================================
商品紹介
====================================*/
.product_mainimg_bg01 {
	width: 100%;
	/*background-image: url(../xxxx-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-color:#EEE;
}

.product_mainimg_bg02 {
	width: 100%;
	background-image: url(../matano-p/product-p/product_mainimg.jpg);
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: center center;
	min-height: 590px;
	background-size: cover;
}

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

}

.product_c01_bg01{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
}
.product_c01_bg02{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}

.product_c02_tx01 {
	font-size:17px;
	font-size:1.7rem;
	line-height: 1.45;
	padding-top: 8px;
	padding-bottom: 25px;
}
@media only screen and (max-width: 813px) {
.product_c02_tx01 {
	font-size:14px;
	font-size:1.4rem;
}
}


.product_c02_bg01{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
}
.product_c02_bg02{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}

.product_c03_bg01{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
}
.product_c03_bg02{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}



/*====================================
食の安全
====================================*/
.foodsafety_mainimg_bg01 {
	width: 100%;
	/*background-image: url(../xxxx-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-color:#EEE;
}

.foodsafety_mainimg_bg02 {
	width: 100%;
	background-image: url(../matano-p/foodsafety-p/foodsafety_mainimg.jpg);
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: center center;
	min-height: 590px;
	background-size: cover;
}

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

}

.foodsafety_c01_bg01{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
}
.foodsafety_c01_bg02{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}

.foodsafety_c01_tx01 {
	font-size:20px;
	font-size:2.0rem;
	line-height: 1.75;
	padding-top: 35px;
}

.foodsafety_c02_ol_box {
margin: 0 17%;
}
@media only screen and (max-width: 813px) {
.foodsafety_c02_ol_box {
margin: 0 0;
}
}

ol.foodsafety_c02_ol {
	padding: 0.5em 0.5em 0.5em 2em;/*ボックス内の余白*/
	}
ol.foodsafety_c02_ol li{
  line-height: 1.45; /*文の行高*/
  padding: 0.2em 0; /*前後の文との余白*/
  	font-size:20px;
	font-size:2.0rem;
}

ol.foodsafety_c02_ol li::marker{
color: #2C9266;
	font-size:20px;
	font-size:2.0rem;
	font-weight: bold;
}

.foodsafety_c01_af_bg01 {
width: 100%;
	background-image: url(../matano-p/foodsafety-p/foodsafety_c01_bg00.png);
	background-repeat: repeat-x;
	background-position: top center;
	margin: 0 auto;
	overflow: hidden;
	background-color: #FFF;
	height: 20px;
}


.foodsafety_c01b_bg01{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
}
.foodsafety_c01b_bg02{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}


.foodsafety_c02_bg01{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-color: #EBFFF0;
}
.foodsafety_c02_bg02{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}


.foodsafety_c02_tx01 {
	font-size:26px;
	font-size:2.6rem;
	font-weight: bold;
}
.foodsafety_c02_tx01 span {
	font-size:36px;
	font-size:3.6rem;
	font-weight: bold;
	color: #2C9266;
	font-family: '游明朝', YuMincho, 'Hiragino Mincho ProN', 'Hiragino Mincho Pro', 'ＭＳ 明朝', serif;
	/*font-style: italic;*/
}

.foodsafety_c02_tx01a {
	text-align: left;
	position: absolute;
    top: 50%;
    left: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.foodsafety_c02_tx01b {
	text-align: right;
	position: absolute;
    top: 50%;
    right: 0%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
@media only screen and (max-width: 813px) {
.foodsafety_c02_tx01 {
	font-size:25px;
	font-size:2.5rem;
position: static;
text-align: left;
display: inline-block;
width: 100%;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
	letter-spacing: -0.03em;
}
.foodsafety_c02_tx01 span {
	font-size:34px;
	font-size:3.4rem;
	font-weight: bold;
	padding-right: 0.2em;
}
}

.foodsafety_c02_icon01{
}
@media only screen and (max-width: 813px) {
.foodsafety_c02_icon01{
margin-bottom: 25px;
}
}


.foodsafety_c02_txbox01 {
border: 2px #888 solid;
padding: 25px;
background-color: #FFF;
border-radius: 20px;
}
.foodsafety_c02_txbox01 p {
	font-size:22px;
	font-size:2.2rem;
	font-weight: bold;
	text-align: center;
	line-height: 1.65;
	letter-spacing: -0.03em;
	color:#33876B;
}
@media only screen and (max-width: 813px) {
.foodsafety_c02_txbox01 p {
	text-align: left;
}
}

.foodsafety_contents02_g2a > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.foodsafety_contents02_g2a > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 0px 15px;
}

.foodsafety_contents02_g2a > .grid_container > .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.foodsafety_contents02_g2a > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

@media only screen and (max-width: 813px) {
.foodsafety_contents02_g2a > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.foodsafety_contents02_g2a > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.foodsafety_contents02_g2a > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.foodsafety_contents02_g2a > .grid_container > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
}



.foodsafety_contents02_g2b > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.foodsafety_contents02_g2b > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 0px 15px;
}

.foodsafety_contents02_g2b > .grid_container > .grid_item_01 {
	-ms-grid-column: 2; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 2 / 3; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.foodsafety_contents02_g2b > .grid_container > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

@media only screen and (max-width: 813px) {
.foodsafety_contents02_g2b > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.foodsafety_contents02_g2b > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.foodsafety_contents02_g2b > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.foodsafety_contents02_g2b > .grid_container > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
}

/*====================================
農業とのとりくみ
====================================*/
.agriculture_mainimg_bg01 {
	width: 100%;
	/*background-image: url(../xxxx-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-color:#EEE;
}

.agriculture_mainimg_bg02 {
	width: 100%;
	background-image: url(../matano-p/agriculture-p/agriculture_mainimg.jpg);
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: center center;
	min-height: 590px;
	background-size: cover;
}

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

}

.agriculture_c01_bg01{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-color: #FAFAFA;
}
.agriculture_c01_bg02{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}

.agriculture_c02_bg01{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-color: #FFF;
}
.agriculture_c02_bg02{
	width: 100%;
	/*background-image: url(../matano-p/top-p/xxxxxx_bg.jpg);*/
	margin: 0 auto;
	overflow: hidden;
	background-repeat:no-repeat;
	background-position: top center;
}

.agriculture_c02_tx01 {
	font-size:22px;
	font-size:2.2rem;
	color: #33866B;
	font-weight: bold;
}
.agriculture_c02_tx02 {
	font-size:22px;
	font-size:2.2rem;
	color: #F15968;
	font-weight: bold;
}
.agriculture_c02_tx03 {
	font-size:22px;
	font-size:2.2rem;
	color: #FF850B;
	font-weight: bold;
}

.agriculture_c02_img01 {
margin-right: 60px;
}
.agriculture_c02_img02 {
margin-left: 60px;
}
@media only screen and (max-width: 813px) {
.agriculture_c02_img01 {
margin-right: 0px;
}
.agriculture_c02_img02 {
margin-left: 0px;
}
}


.agriculture_contents02_g2a > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.agriculture_contents02_g2a > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 0px 15px;
}

.agriculture_contents02_g2a > .grid_container > .grid_item_01 {
	-ms-grid-column: 1; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 1 / 2; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.agriculture_contents02_g2a > .grid_container > .grid_item_02 {
	-ms-grid-column: 2;
	-ms-grid-column-span: 1;
	grid-column: 2 / 3;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

@media only screen and (max-width: 813px) {
.agriculture_contents02_g2a > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.agriculture_contents02_g2a > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.agriculture_contents02_g2a > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.agriculture_contents02_g2a > .grid_container > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
}



.agriculture_contents02_g2b > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.agriculture_contents02_g2b > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 0px 15px;
}

.agriculture_contents02_g2b > .grid_container > .grid_item_01 {
	-ms-grid-column: 2; /* 横のスタート位置(IE用) */
	-ms-grid-column-span: 1; /* 横のマス数(IE用) */
	grid-column: 2 / 3; /* 横位置 */
	
	-ms-grid-row: 1; /* 縦のスタート位置(IE用) */
	-ms-grid-row-span: 1; /* 縦のマス数(IE用) */
	grid-row: 1 / 2; /* 縦位置 */
}
.agriculture_contents02_g2b > .grid_container > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}

@media only screen and (max-width: 813px) {
.agriculture_contents02_g2b > .grid_container {
	display: -ms-grid;
	display: grid;

/*  grid-gap: 30px;*/
  
  -ms-grid-columns: 100%;
  grid-template-columns: 100%;
  
  -ms-grid-rows:  auto;
  grid-template-rows:  auto;
}

.agriculture_contents02_g2b > .grid_container > .grid_item {
/*  background: #fff;*/
/*  border-radius: 8px; 
  border: 3px solid #ccc;*/
  margin: 0 15px 30px 15px;
}

.agriculture_contents02_g2b > .grid_container > .grid_item_01 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 1;
	grid-row: 1; 
}
.agriculture_contents02_g2b > .grid_container > .grid_item_02 {
	-ms-grid-column: 1;
	-ms-grid-column-span: 1;
	grid-column: 1 / 2;
	
	-ms-grid-row: 2;
	grid-row: 2; 
}
}

/*====================================
 モバイルメニュー 
====================================*/

#mobilemenu {
	display: block;
	position: relative;
	cursor: pointer;
}

#mobilemenu ul#mobilemenu_list {
	display: none;
	position: absolute;
	background-color: rgba(255,255,255,0.9);
	border: 1px solid #000000;
	right: 0px;
	top: 115px;
	padding: 0;
	z-index: 100000;
}
#mobilemenu ul#mobilemenu_list li {
	font-size:24px;
	font-size:2.4rem;
	line-height:1.7;
	margin-right: 0;
	list-style-type: none;
}
#mobilemenu ul#mobilemenu_list li a {
	clear: both;
	display: block;
	width: 350px;
	text-align: left;
	padding: 14px;
	color: #111111;
	text-decoration: none;
}
#mobilemenu ul#mobilemenu_list li.current {
	border-bottom: none;
}
#mobilemenu ul#mobilemenu_list li a:hover {
	background-color: #111111;
	color: #ffffff;
}