@charset "UTF-8";
.tabIn {
  display: none !important; }

@media screen and (max-width: 1024px) {
  .tabIn {
    display: inline !important; } }

body.food .udShingo {
  font-family: 'UD新ゴ M', "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; }

body.food .hiragino_W3 {
  font-family: 'ヒラギノUD丸ゴ W3 JIS2004', "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; }

body.food .hiragino_W4 {
  font-family: 'ヒラギノUD丸ゴ W4 JIS2004', "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; }

body.food .hiragino_W5 {
  font-family: 'ヒラギノUD丸ゴ W5 JIS2004', "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; }

body.food .hiragino_W6 {
  font-family: 'ヒラギノUD丸ゴ W6 JIS2004', "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; }

body.food .orb {
  font-family: 'オーブ', "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif; }

body.food .noto_serif {
  font-family: 'Noto Serif JP', "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  font-weight: 500; }

body.food .noto_sans_L {
  font-family: 'Noto Sans JP', "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
  font-weight: 300; }

body.food .rotate {
  transform: rotate(0.028deg); }

body.food .sp {
  display: none !important; }

body.food .spInline {
  display: none !important; }

body.food .spIB {
  display: none !important; }

@media screen and (max-width: 768px) {
  body.food .pc {
    display: none !important; }
  body.food .sp {
    display: block !important; }
  body.food .spInline {
    display: inline !important; }
  body.food .spIB {
    display: inline-block !important; } }

body.food a.hovered {
  text-decoration: underline; }

body.food .flexDummy {
  height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  border: none !important; }

body.food .buttonReset {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none; }

body.company h2 {
  display: flex;
  justify-content: space-between;
  align-items: center; }

body.store .spBl {
  display: none !important; }

body.store .spFlex {
  display: none !important; }

body.store .spInline {
  display: none !important; }

@media screen and (max-width: 768px) {
  body.store .pc {
    display: none !important; }
  body.store .spBl {
    display: block !important; }
  body.store .spFlex {
    display: flex !important; }
  body.store .spInline {
    display: inline !important; } }

body.store .store_list > li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #9e9c9c; }
  body.store .store_list > li .name,
  body.store .store_list > li .address,
  body.store .store_list > li .tel,
  body.store .store_list > li .time {
    border-right: 1px solid #9e9c9c; }
  body.store .store_list > li .name {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 29%;
    min-height: 30px;
    padding: 5px 15px;
    box-sizing: border-box; }
  body.store .store_list > li .address {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 39%;
    min-height: 30px;
    padding: 5px 15px;
    box-sizing: border-box; }
  body.store .store_list > li .tel_fax {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 32%; }
    body.store .store_list > li .tel_fax .tel,
    body.store .store_list > li .tel_fax .fax {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      width: 50%;
      min-height: 30px;
      padding: 5px 15px;
      box-sizing: border-box; }
  body.store .store_list > li .time_tel {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 32%; }
    body.store .store_list > li .time_tel .time,
    body.store .store_list > li .time_tel .tel_num {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      width: 50%;
      min-height: 30px;
      padding: 5px 15px;
      box-sizing: border-box; }
  body.store .store_list > li.two_line .name,
  body.store .store_list > li.two_line .address,
  body.store .store_list > li.two_line .tel,
  body.store .store_list > li.two_line .fax {
    min-height: 50px; }
  body.store .store_list > li.n_a_t_f {
    border-bottom: none;
    background-color: #8ac3bd;
    color: #fff; }
    body.store .store_list > li.n_a_t_f .name,
    body.store .store_list > li.n_a_t_f .address,
    body.store .store_list > li.n_a_t_f .tel,
    body.store .store_list > li.n_a_t_f .time {
      border-right: 1px solid #fff; }
    body.store .store_list > li.n_a_t_f .name {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 29%;
      min-height: 30px; }
    body.store .store_list > li.n_a_t_f .address {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 39%;
      min-height: 30px; }
    body.store .store_list > li.n_a_t_f .tel_fax {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 32%; }
      body.store .store_list > li.n_a_t_f .tel_fax .tel,
      body.store .store_list > li.n_a_t_f .tel_fax .fax {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50%;
        min-height: 30px; }
    body.store .store_list > li.n_a_t_f .time_tel {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 32%; }
      body.store .store_list > li.n_a_t_f .time_tel .time,
      body.store .store_list > li.n_a_t_f .time_tel .tel_num {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50%;
        min-height: 30px; }

@media screen and (max-width: 1024px) {
  body.store .store_list > li .name {
    min-height: 50px; }
  body.store .store_list > li .address {
    min-height: 50px; }
  body.store .store_list > li .tel_fax .tel,
  body.store .store_list > li .tel_fax .fax {
    min-height: 50px; }
  body.store .store_list > li .time_tel .time,
  body.store .store_list > li .time_tel .tel_num {
    min-height: 50px; }
  body.store .store_list > li.two_line .name,
  body.store .store_list > li.two_line .address,
  body.store .store_list > li.two_line .tel,
  body.store .store_list > li.two_line .fax {
    min-height: 90px; } }

@media screen and (max-width: 768px) {
  body.store .store_list > li {
    display: block;
    padding: 5px 15px;
    box-sizing: border-box; }
    body.store .store_list > li .name,
    body.store .store_list > li .address,
    body.store .store_list > li .tel,
    body.store .store_list > li .time {
      border-right: none; }
    body.store .store_list > li .name {
      width: 100%;
      min-height: auto;
      padding: 0px;
      font-weight: bold; }
    body.store .store_list > li .address {
      width: 100%;
      min-height: auto;
      padding: 0px; }
    body.store .store_list > li .tel_fax {
      width: 100%; }
      body.store .store_list > li .tel_fax .tel,
      body.store .store_list > li .tel_fax .fax {
        width: auto;
        min-height: auto;
        padding: 0px; }
      body.store .store_list > li .tel_fax .tel {
        margin-right: 5px; }
    body.store .store_list > li .time_tel {
      display: block;
      width: 100%; }
      body.store .store_list > li .time_tel .time,
      body.store .store_list > li .time_tel .tel_num {
        width: auto;
        min-height: auto;
        padding: 0px; }
      body.store .store_list > li .time_tel .time {
        margin-right: 5px; }
    body.store .store_list > li.two_line .name,
    body.store .store_list > li.two_line .address,
    body.store .store_list > li.two_line .tel,
    body.store .store_list > li.two_line .fax {
      min-height: auto; }
    body.store .store_list > li.n_a_t_f {
      justify-content: center;
      align-items: center; } }

body.top #top_box01 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 40px; }
  body.top #top_box01 > div {
    max-width: 460px; }
    body.top #top_box01 > div:first-child {
      margin-right: 10px; }
    body.top #top_box01 > div img {
      height: auto; }

@media screen and (max-width: 1024px) {
  body.top #top_box01 {
    justify-content: center;
    margin: 0px; }
    body.top #top_box01 > div {
      margin: 0px 0px 20px 0px; }
  body.top #stores img,
  body.top #topics img {
    width: auto; } }

body.food header {
  min-width: auto !important; }
  body.food header #headerTop {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  body.food header #gNaviWrapper {
    min-width: 940px; }
  body.food header #gNavi_box {
    background: #e3e3e3; }
    @media screen and (max-width: 768px) {
      body.food header #gNavi_box {
        display: none; } }
  body.food header #gNavi {
    width: 950px;
    display: flex;
    justify-content: space-between; }
    body.food header #gNavi li {
      position: relative;
      max-width: 190px; }
      body.food header #gNavi li:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        display: block;
        width: 1px;
        height: 30px;
        margin: auto;
        border-left: solid 1px #646464; }
      body.food header #gNavi li > a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 190px;
        height: 60px; }
      body.food header #gNavi li:last-child:after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        display: block;
        width: 1px;
        height: 30px;
        margin: auto;
        border-right: solid 1px #646464; }
      body.food header #gNavi li .gNaviBarLong {
        position: absolute;
        bottom: 0px;
        width: 0px;
        height: 6px;
        background-color: #008965; }
  body.food header #navBg {
    display: none; }
  body.food header #headerMenu {
    position: absolute;
    top: 70px;
    z-index: 999;
    display: none;
    width: 100%; }
    body.food header #headerMenu li {
      border-top: solid 1px #005c42; }
      body.food header #headerMenu li:last-child {
        border-bottom: solid 1px #005c42; }
      body.food header #headerMenu li .mainMenu {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 60px; }
        body.food header #headerMenu li .mainMenu.hovered {
          background: transparent;
          opacity: 0.7;
          transition: opacity .3s; }
        body.food header #headerMenu li .mainMenu span {
          color: #005c42;
          font-size: 19px; }
  @media screen and (max-width: 768px) {
    body.food header #navBg {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      display: none;
      height: 436px;
      background: #fff;
      opacity: 0.8;
      z-index: 2; }
    body.food header #headerTop {
      position: relative;
      top: 0px;
      left: 0px;
      right: 0px;
      max-width: 750px;
      width: 100%;
      height: 60px;
      margin: auto;
      padding: 0px 10px;
      box-sizing: border-box; }
      body.food header #headerTop h1 a {
        max-width: 92%; }
      body.food header #headerTop #menuBtn {
        position: absolute;
        right: 15px;
        top: 15px;
        z-index: 2;
        display: block;
        height: 37px; }
        body.food header #headerTop #menuBtn #menuBtnIcon span {
          position: relative;
          display: block;
          width: 50px;
          height: 1px;
          margin: 0 auto;
          background-color: #005c42;
          transition: transform .4s,opacity .4s; }
          body.food header #headerTop #menuBtn #menuBtnIcon span:first-child {
            top: 0; }
          body.food header #headerTop #menuBtn #menuBtnIcon span:nth-child(2) {
            top: 15px; }
          body.food header #headerTop #menuBtn #menuBtnIcon span:last-child {
            top: 30px; }
        body.food header #headerTop #menuBtn.open #menuBtnIcon span {
          width: 50px;
          background-color: #005c42; }
          body.food header #headerTop #menuBtn.open #menuBtnIcon span:nth-of-type(1) {
            transform: translateY(16.4px) rotate(-45deg); }
          body.food header #headerTop #menuBtn.open #menuBtnIcon span:nth-of-type(2) {
            opacity: 0; }
          body.food header #headerTop #menuBtn.open #menuBtnIcon span:nth-of-type(3) {
            transform: translateY(-16.4px) rotate(45deg); } }

body.food footer {
  min-width: auto;
  height: auto;
  background-color: transparent; }
  body.food footer > div {
    background-color: #efefef; }
    body.food footer > div > div {
      position: relative;
      max-width: 940px;
      margin: 0 auto;
      display: flex;
      justify-content: space-between; }
      body.food footer > div > div > div {
        position: absolute;
        top: -36px;
        right: 0px; }
      body.food footer > div > div > ul {
        display: flex;
        flex-flow: column;
        justify-content: space-between;
        height: 140px;
        padding: 25px 20px;
        box-sizing: border-box;
        font-size: 12px; }
      body.food footer > div > div > .odakyuGroup img {
        margin-top: 18px;
        top: 18px;
        right: 0px; }
      body.food footer > div > div > .odakyuShouji img {
        margin-top: 18px;
        max-width: 219px;
        height: auto; }
  body.food footer > #footerLabel {
    height: 35px;
    margin: 0;
    background-color: #005c42;
    line-height: 35px;
    font-size: 11px;
    text-align: center; }
  @media screen and (max-width: 768px) {
    body.food footer .footer_box_02 {
      height: 80px; }
    body.food footer > div > div {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 40px; }
      body.food footer > div > div > div {
        right: 10px; }
        body.food footer > div > div > div img {
          max-width: 41.5px; }
      body.food footer > div > div > .odakyuGroup img {
        margin-top: 0px;
        height: 37px;
        width: auto; }
      body.food footer > div > div > .odakyuShouji img {
        margin-top: 0px;
        max-width: 130px; }
    body.food footer > #footerLabel {
      font-size: 11px; } }

#companyprofile #wrapper {
  min-width: 1190px; }
  @media screen and (max-width: 768px) {
    #companyprofile #wrapper {
      min-width: 375px; } }

#companyprofile #secMain {
  background: url(../../groupcompany/odakyushokuhin/img/img16.jpg) no-repeat;
  background-size: cover; }
  @media screen and (max-width: 768px) {
    #companyprofile #secMain {
      height: 150px;
      margin: 0 auto 25px;
      background: url(../../groupcompany/odakyushokuhin/img/img16_sp.jpg) no-repeat;
      background-size: cover; } }
  #companyprofile #secMain > div {
    position: relative;
    max-width: 1020px;
    height: 220px;
    margin: 0 auto 60px; }
    @media screen and (max-width: 768px) {
      #companyprofile #secMain > div {
        height: 150px; } }
  #companyprofile #secMain p {
    position: absolute;
    bottom: 30px;
    left: 0px; }
    @media screen and (max-width: 768px) {
      #companyprofile #secMain p {
        top: 0px;
        bottom: 0px;
        left: 10px;
        height: 30px;
        margin: auto; } }
    #companyprofile #secMain p .txt_01 {
      color: #005c42;
      font-size: 24px; }
      @media screen and (max-width: 768px) {
        #companyprofile #secMain p .txt_01 {
          font-size: 25px; } }

#companyprofile .txt_intro {
  margin-bottom: 170px;
  font-size: 24px;
  line-height: 1.8;
  text-align: center; }
  @media screen and (max-width: 768px) {
    #companyprofile .txt_intro {
      margin-bottom: 25px;
      font-size: 22px; } }

#companyprofile #secOffice > div {
  position: relative;
  max-width: 520px;
  margin: 0 auto 160px; }
  @media screen and (max-width: 768px) {
    #companyprofile #secOffice > div {
      margin: 0 auto;
      padding: 0px 10px;
      overflow: hidden; } }

#companyprofile #secOffice h2 {
  margin-bottom: 50px;
  font-size: 16px;
  text-align: center; }
  @media screen and (max-width: 768px) {
    #companyprofile #secOffice h2 {
      margin-bottom: 35px;
      font-size: 20px; } }

@media screen and (max-width: 768px) {
  #companyprofile #secOffice .office_list_01 {
    margin-bottom: 155px; } }

#companyprofile #secOffice .office_list_01 > li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  min-height: 60px;
  padding: 20px 0px;
  box-sizing: border-box;
  border-bottom: solid 1px #505050; }
  #companyprofile #secOffice .office_list_01 > li:first-child {
    border-top: solid 1px #505050; }
  #companyprofile #secOffice .office_list_01 > li:last-child {
    align-items: start;
    padding: 20px 0px 0px; }
    @media screen and (max-width: 768px) {
      #companyprofile #secOffice .office_list_01 > li:last-child .text {
        margin-left: 40px; } }
  #companyprofile #secOffice .office_list_01 > li.lines {
    align-items: start; }
  @media screen and (max-width: 768px) {
    #companyprofile #secOffice .office_list_01 > li {
      display: block;
      padding: 10px 0px; } }
  #companyprofile #secOffice .office_list_01 > li .head {
    width: 110px;
    font-size: 17px;
    line-height: 1.6; }
  #companyprofile #secOffice .office_list_01 > li .text {
    font-size: 17px;
    line-height: 1.6; }
    @media screen and (max-width: 768px) {
      #companyprofile #secOffice .office_list_01 > li .text {
        margin-left: 15px; } }

#companyprofile #secOffice .office_list_02 li {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 25px 0px;
  box-sizing: border-box;
  border-bottom: solid 1px #505050; }
  #companyprofile #secOffice .office_list_02 li:first-child {
    padding: 0px; }
  #companyprofile #secOffice .office_list_02 li:last-child {
    border-bottom: none; }
  @media screen and (max-width: 768px) {
    #companyprofile #secOffice .office_list_02 li {
      padding: 10px 0px; } }
  #companyprofile #secOffice .office_list_02 li .head {
    width: 180px;
    font-size: 17px;
    line-height: 1.6; }
    @media screen and (max-width: 768px) {
      #companyprofile #secOffice .office_list_02 li .head {
        width: 65px; } }
  #companyprofile #secOffice .office_list_02 li .text {
    width: 230px;
    font-size: 17px;
    line-height: 1.6; }

#companyprofile #secOffice .img16 {
  position: absolute;
  top: -120px;
  right: -250px; }
  @media screen and (max-width: 768px) {
    #companyprofile #secOffice .img16 {
      position: relative;
      top: 0px;
      left: 0px;
      right: 0px;
      display: block;
      width: max-content;
      margin: 0 auto 200px; } }

#companyprofile #secOffice .illust05 {
  position: absolute;
  top: 70px;
  left: -330px; }
  @media screen and (max-width: 768px) {
    #companyprofile #secOffice .illust05 {
      top: 280px;
      left: -50px;
      overflow: hidden; } }

#companyprofile #secOffice .illust06 {
  position: absolute;
  right: -325px;
  bottom: 0px; }
  @media screen and (max-width: 768px) {
    #companyprofile #secOffice .illust06 {
      right: -45px;
      bottom: 60px;
      overflow: hidden; } }

#food .link_img {
  position: relative;
  display: block;
  height: 400px;
  margin-bottom: 30px; }
  @media screen and (max-width: 768px) {
    #food .link_img {
      width: 375px;
      height: 250px;
      margin-bottom: 20px; } }

#food .txt_green {
  position: absolute;
  left: 0px;
  bottom: 20px;
  right: 0px;
  width: max-content;
  margin: auto;
  text-align: center;
  line-height: 1.2; }
  #food .txt_green .txt_green_01 {
    color: #005c42;
    font-size: 20px;
    text-shadow: 2px 2px 1px #fff; }
  #food .txt_green .txt_green_02 {
    color: #005c42;
    font-size: 26px;
    text-shadow: 2px 2px 1px #fff; }

#food .txt_type_01 {
  font-size: 16px;
  text-align: center;
  line-height: 1.6; }
  @media screen and (max-width: 768px) {
    #food .txt_type_01 {
      font-size: 17px; } }

#food #wrapper {
  min-width: 1020px; }
  @media screen and (max-width: 768px) {
    #food #wrapper {
      min-width: 375px; } }

#food #secMain {
  height: 400px;
  background: url(../../groupcompany/odakyushokuhin/img/img01.jpg) no-repeat;
  background-size: cover; }
  @media screen and (max-width: 768px) {
    #food #secMain {
      height: 590px;
      background: url(../../groupcompany/odakyushokuhin/img/img01_sp.jpg) no-repeat;
      background-size: cover; } }
  #food #secMain > div {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 400px; }
    @media screen and (max-width: 768px) {
      #food #secMain > div {
        height: 590px; } }
  #food #secMain p {
    color: #fff;
    font-size: 24px;
    text-align: center;
    text-shadow: black 3px 3px 3px;
    line-height: 1.8;
    opacity: 0; }
    @media screen and (max-width: 768px) {
      #food #secMain p {
        position: absolute;
        left: 0px;
        bottom: 30px;
        right: 0px;
        font-size: 22px;
        line-height: 1.6; } }
  #food #secMain .is-show {
    opacity: 1;
    transition: opacity 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 1000ms; }
  #food #secMain .is-show-02 {
    opacity: 1; }

#food #secNews {
  min-height: 120px;
  margin-bottom: 60px;
  padding: 23px 0px;
  box-sizing: border-box;
  background: #e3e3e3; }
  @media screen and (max-width: 768px) {
    #food #secNews {
      height: auto;
      margin-bottom: 40px;
      padding: 25px 10px; } }
  #food #secNews .news_list {
    max-width: max-content;
    margin: 0 auto;
    line-height: 2.8; }
    @media screen and (max-width: 768px) {
      #food #secNews .news_list {
        line-height: 1.8; } }
    #food #secNews .news_list li {
      display: flex;
      justify-content: flex-start;
      align-items: center; }
      @media screen and (max-width: 768px) {
        #food #secNews .news_list li {
          display: block;
          margin-bottom: 20px; }
          #food #secNews .news_list li:last-child {
            margin-bottom: 0px; } }
    #food #secNews .news_list .date {
      margin-right: 15px;
      font-size: 14px; }
      @media screen and (max-width: 768px) {
        #food #secNews .news_list .date {
          display: block;
          margin-right: 0px;
          font-size: 16px; } }
    #food #secNews .news_list .text {
      font-size: 14px; }
      @media screen and (max-width: 768px) {
        #food #secNews .news_list .text {
          display: block;
          font-size: 16px; } }

#food #secSecurity > div {
  max-width: 1020px;
  margin: 0px auto 60px auto; }
  @media screen and (max-width: 768px) {
    #food #secSecurity > div {
      max-width: 375px;
      margin-bottom: 60px; } }

#food #secCommit > div {
  max-width: 1020px;
  margin: 0px auto 90px auto; }
  @media screen and (max-width: 768px) {
    #food #secCommit > div {
      max-width: 375px;
      margin-bottom: 55px; } }

#food #secProduct > div {
  max-width: 1020px;
  margin: 0px auto 90px auto; }
  @media screen and (max-width: 768px) {
    #food #secProduct > div {
      max-width: 375px;
      margin: 0 auto; } }

#food #secProduct h2 {
  color: #646464;
  font-size: 20px;
  text-align: center; }
  @media screen and (max-width: 768px) {
    #food #secProduct h2 {
      margin-bottom: 35px; } }

#food #secProduct .img_left,
#food #secProduct .img_right {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 15px; }
  @media screen and (max-width: 768px) {
    #food #secProduct .img_left,
    #food #secProduct .img_right {
      margin-bottom: 35px; } }

#food #secProduct .img_box {
  margin-bottom: 200px; }
  @media screen and (max-width: 768px) {
    #food #secProduct .img_box {
      margin-bottom: 35px; } }

#food #secProduct .img_left .product_box {
  position: relative;
  right: 40px; }
  @media screen and (max-width: 768px) {
    #food #secProduct .img_left .product_box {
      right: 0px; } }

#food #secProduct .img_left .icon_list {
  margin-left: auto; }

#food #secProduct .img_left .img06 {
  position: relative;
  bottom: -50px; }
  @media screen and (max-width: 768px) {
    #food #secProduct .img_left .img06 {
      top: -30px;
      margin: 0px 10px; } }

#food #secProduct .img_left_01 {
  margin-bottom: 15px; }
  @media screen and (max-width: 768px) {
    #food #secProduct .img_left_01 {
      margin-bottom: 65px; } }

#food #secProduct .img_right {
  margin-bottom: 100px; }
  @media screen and (max-width: 768px) {
    #food #secProduct .img_right {
      margin-bottom: 35px; } }
  #food #secProduct .img_right .img04 {
    margin-left: auto; }
  #food #secProduct .img_right .img05 {
    position: relative;
    right: 40px;
    bottom: -60px;
    z-index: -1; }
    @media screen and (max-width: 768px) {
      #food #secProduct .img_right .img05 {
        position: relative;
        top: -30px;
        right: 10px;
        z-index: 1;
        margin-left: auto; } }

#food #secProduct .product_box .logo {
  display: block;
  text-align: center; }

@media screen and (max-width: 768px) {
  #food #secProduct .product_box picture {
    margin-bottom: 25px; } }

#food #secProduct .product_box .green_text_box {
  width: 510px;
  height: 210px;
  margin: 15px 0px 40px 0px;
  padding: 25px 15px 25px 35px;
  box-sizing: border-box;
  background: #008065; }
  #food #secProduct .product_box .green_text_box.left_to_right {
    background: linear-gradient(0.25turn, #005c42, 60%, #008065); }
  #food #secProduct .product_box .green_text_box.right_to_left {
    background: linear-gradient(0.25turn, #008065, 40%, #005c42); }
  @media screen and (max-width: 768px) {
    #food #secProduct .product_box .green_text_box {
      width: 375px;
      height: 220px;
      margin: 25px 0px 0px 0px;
      padding: 20px 10px; } }
  #food #secProduct .product_box .green_text_box h3 {
    margin-bottom: 20px;
    color: #fff;
    font-size: 26px; }
    @media screen and (max-width: 768px) {
      #food #secProduct .product_box .green_text_box h3 {
        font-size: 25px; } }
  #food #secProduct .product_box .green_text_box p {
    color: #fff;
    font-size: 20px;
    line-height: 1.6; }
    @media screen and (max-width: 768px) {
      #food #secProduct .product_box .green_text_box p {
        font-size: 17px; } }

@media screen and (max-width: 768px) {
  #food #secProduct .product_box .img04 {
    position: relative;
    top: -30px;
    margin: 0px 10px; } }

#food #secProduct .product_box .icon_list {
  display: flex;
  justify-content: space-between;
  max-width: 430px; }
  @media screen and (max-width: 768px) {
    #food #secProduct .product_box .icon_list {
      max-width: 300px;
      margin: 0px 10px; } }

#food #secProduct .link_btn01 {
  position: relative;
  display: block;
  width: max-content;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    #food #secProduct .link_btn01 {
      margin-bottom: 65px; } }
  #food #secProduct .link_btn01 .txt_btn01 {
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    width: max-content;
    height: max-content;
    margin: auto;
    color: #fff;
    font-size: 33px; }
    @media screen and (max-width: 768px) {
      #food #secProduct .link_btn01 .txt_btn01 {
        font-size: 22px; } }

#food #secContact > div {
  max-width: 1020px;
  margin: 0 auto 50px auto; }
  @media screen and (max-width: 768px) {
    #food #secContact > div {
      max-width: 375px;
      margin-bottom: 90px;
      padding: 0px 10px;
      box-sizing: border-box; } }

#food #secContact h2 {
  margin-bottom: 50px;
  padding-bottom: 12px;
  border-bottom: solid 1px #000;
  color: #646464;
  font-size: 20px;
  text-align: center; }
  @media screen and (max-width: 768px) {
    #food #secContact h2 {
      margin-bottom: 30px; } }

#food #secContact .contact_box {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  text-align: center; }
  #food #secContact .contact_box > div {
    line-height: 1.6; }
  #food #secContact .contact_box::before {
    content: "";
    width: 22px;
    height: 98px;
    margin-right: 25px;
    background: url(../../groupcompany/odakyushokuhin/img/parts01.png) no-repeat;
    background-size: contain; }
    @media screen and (max-width: 768px) {
      #food #secContact .contact_box::before {
        width: 21px;
        height: 98px;
        margin-right: 10px;
        background: url(../../groupcompany/odakyushokuhin/img/parts01_sp.png) no-repeat;
        background-size: contain; } }
  #food #secContact .contact_box::after {
    content: "";
    width: 22px;
    height: 98px;
    margin-left: 25px;
    background: url(../../groupcompany/odakyushokuhin/img/parts02.png) no-repeat;
    background-size: contain; }
    @media screen and (max-width: 768px) {
      #food #secContact .contact_box::after {
        width: 21px;
        height: 98px;
        margin-left: 10px;
        background: url(../../groupcompany/odakyushokuhin/img/parts02_sp.png) no-repeat;
        background-size: contain; } }
  #food #secContact .contact_box .contact_box_text {
    font-size: 16px; }
  #food #secContact .contact_box .link_tel {
    display: flex;
    justify-content: center;
    align-items: center; }
    #food #secContact .contact_box .link_tel .txt_tel_01 {
      font-size: 22px; }
    #food #secContact .contact_box .link_tel .txt_tel_02 {
      font-size: 30px; }
    #food #secContact .contact_box .link_tel:hover {
      text-decoration: none; }
  #food #secContact .contact_box .link_mail {
    display: block;
    font-size: 16px; }

#kodawari h2 {
  margin-bottom: 30px;
  color: #005c42;
  font-size: 34px;
  line-height: 1.4; }
  @media screen and (max-width: 768px) {
    #kodawari h2 {
      margin-bottom: 25px;
      font-size: 32px; } }

#kodawari .txt_main {
  font-size: 16px;
  text-align: justify;
  line-height: 1.8; }

#kodawari #wrapper {
  min-width: 1020px; }
  @media screen and (max-width: 768px) {
    #kodawari #wrapper {
      min-width: 375px; } }

#kodawari #secMain {
  background: url(../../groupcompany/odakyushokuhin/img/img10.jpg) no-repeat;
  background-position: center;
  background-size: cover; }
  @media screen and (max-width: 768px) {
    #kodawari #secMain {
      height: 250px;
      margin-bottom: 40px;
      background: url(../../groupcompany/odakyushokuhin/img/img10_sp.jpg) no-repeat;
      background-size: cover; } }
  #kodawari #secMain > div {
    position: relative;
    max-width: 1020px;
    height: 220px;
    margin: 0 auto 70px; }
    @media screen and (max-width: 768px) {
      #kodawari #secMain > div {
        height: 250px;
        margin-bottom: 40px; } }
  #kodawari #secMain p {
    position: absolute;
    left: 0px;
    bottom: 30px;
    line-height: 1.2; }
    @media screen and (max-width: 768px) {
      #kodawari #secMain p {
        top: 20px;
        right: 0px;
        bottom: 0px;
        width: max-content;
        margin: 0 auto; } }
    #kodawari #secMain p .txt_01 {
      color: #005c42;
      font-size: 20px; }
    #kodawari #secMain p .txt_02 {
      color: #005c42;
      font-size: 26px; }

#kodawari #secCommit > div {
  max-width: 1020px;
  margin: 0 auto 120px; }

#kodawari #secCommit .img_right,
#kodawari #secCommit .img_left {
  display: flex;
  justify-content: space-between;
  margin-bottom: 80px; }
  @media screen and (max-width: 768px) {
    #kodawari #secCommit .img_right,
    #kodawari #secCommit .img_left {
      margin-bottom: 70px; } }
  @media screen and (max-width: 768px) {
    #kodawari #secCommit .img_right .txt_box,
    #kodawari #secCommit .img_left .txt_box {
      margin-bottom: 30px;
      padding: 0px 10px; } }
  #kodawari #secCommit .img_right .txt_box p,
  #kodawari #secCommit .img_left .txt_box p {
    font-size: 16px; }
    @media screen and (max-width: 768px) {
      #kodawari #secCommit .img_right .txt_box p,
      #kodawari #secCommit .img_left .txt_box p {
        font-size: 17px; } }

@media screen and (max-width: 768px) {
  #kodawari #secCommit .img_right {
    flex-direction: column;
    margin-bottom: 40px; } }

@media screen and (max-width: 768px) {
  #kodawari #secCommit .img_right .img09 {
    width: max-content;
    margin: 0 auto; } }

@media screen and (max-width: 768px) {
  #kodawari #secCommit .img_right .img11 {
    width: max-content;
    margin: 0 auto; } }

@media screen and (max-width: 768px) {
  #kodawari #secCommit .img_right .img15 {
    width: max-content;
    margin: 0 auto; } }

@media screen and (max-width: 768px) {
  #kodawari #secCommit .img_left {
    flex-direction: column-reverse; } }

@media screen and (max-width: 768px) {
  #kodawari #secCommit .img_left .img10 {
    width: max-content;
    margin: 0 auto; } }

#kodawari #secCommit .img_center {
  position: relative;
  width: 700px;
  height: 340px;
  margin: 0px auto 360px auto;
  padding: 30px;
  box-sizing: border-box;
  border: solid 1px #005c42; }
  @media screen and (max-width: 768px) {
    #kodawari #secCommit .img_center {
      max-width: 355px;
      width: auto;
      height: 520px;
      margin: 0px auto 275px auto;
      padding: 40px 10px 0px; } }
  #kodawari #secCommit .img_center .txt_box {
    width: 530px;
    margin: 0 auto; }
    @media screen and (max-width: 768px) {
      #kodawari #secCommit .img_center .txt_box {
        width: auto; } }
    #kodawari #secCommit .img_center .txt_box h3 {
      margin-bottom: 30px;
      font-size: 30px;
      text-align: center; }
      @media screen and (max-width: 768px) {
        #kodawari #secCommit .img_center .txt_box h3 {
          font-size: 29px; } }
    #kodawari #secCommit .img_center .txt_box p {
      width: 530px;
      font-size: 16px;
      text-align: justify; }
      @media screen and (max-width: 768px) {
        #kodawari #secCommit .img_center .txt_box p {
          max-width: 335px;
          font-size: 17px; } }
  #kodawari #secCommit .img_center .illust03 {
    position: absolute;
    top: -20px;
    left: 10px; }
    @media screen and (max-width: 768px) {
      #kodawari #secCommit .img_center .illust03 {
        top: -30px;
        left: 15px; } }
  #kodawari #secCommit .img_center .illust04 {
    position: absolute;
    right: 20px;
    bottom: 20px; }
    @media screen and (max-width: 768px) {
      #kodawari #secCommit .img_center .illust04 {
        top: 10px;
        right: 15px;
        bottom: 0px; } }
  #kodawari #secCommit .img_center .img_box_12 {
    position: relative;
    left: 0px;
    right: 0px;
    bottom: -20px;
    width: 400px;
    margin: auto; }
    @media screen and (max-width: 768px) {
      #kodawari #secCommit .img_center .img_box_12 {
        width: 280px;
        bottom: 0px; } }
    #kodawari #secCommit .img_center .img_box_12 .img13 {
      position: absolute;
      right: -305px;
      bottom: 0px; }
      @media screen and (max-width: 768px) {
        #kodawari #secCommit .img_center .img_box_12 .img13 {
          right: -35px;
          bottom: -120px; } }

#kodawari #secCommit .img10 {
  margin-top: 60px; }
  @media screen and (max-width: 768px) {
    #kodawari #secCommit .img10 {
      margin-top: 0px; } }

#torikumi h2 {
  margin-bottom: 20px;
  color: #005c42;
  font-size: 34px;
  line-height: 1.4; }
  @media screen and (max-width: 768px) {
    #torikumi h2 {
      font-size: 32px; } }

#torikumi .main_txt {
  margin-bottom: 40px;
  font-size: 16px;
  text-align: justify;
  line-height: 1.8; }
  @media screen and (max-width: 768px) {
    #torikumi .main_txt {
      margin-bottom: 30px;
      font-size: 17px; } }

#torikumi .green_box {
  display: flex;
  justify-content: space-between;
  height: 300px;
  margin-bottom: 80px;
  padding: 25px 40px;
  box-sizing: border-box;
  background: #e4eced; }
  @media screen and (max-width: 768px) {
    #torikumi .green_box {
      padding: 30px 10px 195px; } }
  #torikumi .green_box_text {
    max-width: 440px;
    font-size: 16px;
    text-align: justify;
    line-height: 1.8; }
    @media screen and (max-width: 768px) {
      #torikumi .green_box_text {
        margin-bottom: 30px; } }

#torikumi .green_box_type_01 {
  padding: 20px 40px 15px;
  background: #e4eced; }
  @media screen and (max-width: 768px) {
    #torikumi .green_box_type_01 {
      max-width: 355px;
      height: 630px;
      margin: 0 auto;
      padding: 30px 10px; } }
  #torikumi .green_box_type_01 h3 {
    margin-bottom: 20px;
    color: #005c42;
    font-size: 16px; }
    @media screen and (max-width: 768px) {
      #torikumi .green_box_type_01 h3 {
        font-size: 20px;
        text-align: center;
        line-height: 1.4; } }

#torikumi #wrapper {
  min-width: 1020px; }
  @media screen and (max-width: 768px) {
    #torikumi #wrapper {
      min-width: 375px; } }

#torikumi #secMain {
  background: url(../../groupcompany/odakyushokuhin/img/img07.jpg) no-repeat;
  background-size: cover; }
  @media screen and (max-width: 768px) {
    #torikumi #secMain {
      height: 250px;
      margin-bottom: 40px;
      background: url(../../groupcompany/odakyushokuhin/img/img07_sp.jpg) no-repeat;
      background-size: cover; } }
  #torikumi #secMain > div {
    position: relative;
    max-width: 1020px;
    height: 220px;
    margin: 0 auto 70px; }
    @media screen and (max-width: 768px) {
      #torikumi #secMain > div {
        margin-bottom: 40px;
        height: 250px; } }
  #torikumi #secMain p {
    position: absolute;
    left: 0px;
    bottom: 30px;
    line-height: 1.2; }
    @media screen and (max-width: 768px) {
      #torikumi #secMain p {
        top: 20px;
        right: 0px;
        bottom: 0px;
        width: max-content;
        margin: auto;
        text-align: center; } }
    #torikumi #secMain p .txt_01 {
      color: #005c42;
      font-size: 20px; }
      @media screen and (max-width: 768px) {
        #torikumi #secMain p .txt_01 {
          font-size: 19px; } }
    #torikumi #secMain p .txt_02 {
      color: #005c42;
      font-size: 26px; }
      @media screen and (max-width: 768px) {
        #torikumi #secMain p .txt_02 {
          font-size: 25px; } }

#torikumi #secSanitation > div {
  max-width: 1020px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    #torikumi #secSanitation > div {
      margin-bottom: 75px;
      padding: 0px 10px; } }

@media screen and (max-width: 768px) {
  #torikumi #secSanitation .main_txt_01 {
    margin-bottom: 25px; } }

@media screen and (max-width: 768px) {
  #torikumi #secSanitation .main_txt_02 {
    margin-bottom: 25px;
    font-size: 14px; } }

@media screen and (max-width: 768px) {
  #torikumi #secSanitation .green_box {
    display: block;
    max-width: 355px;
    height: auto;
    margin: 0 auto;
    padding: 30px 10px 0px; } }

#torikumi #secSanitation .green_box_img {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 430px; }
  @media screen and (max-width: 768px) {
    #torikumi #secSanitation .green_box_img {
      display: block;
      width: auto; } }
  @media screen and (max-width: 768px) {
    #torikumi #secSanitation .green_box_img .figure01_box {
      margin: 0 auto 20px; } }
  #torikumi #secSanitation .green_box_img .figure01_box h3 {
    margin-bottom: 10px;
    color: #005c42;
    font-size: 16px;
    text-align: center; }
    @media screen and (max-width: 768px) {
      #torikumi #secSanitation .green_box_img .figure01_box h3 {
        margin-bottom: 20px;
        font-size: 20px;
        text-align: center; } }
  #torikumi #secSanitation .green_box_img .figure01_box .figure01 {
    display: block;
    text-align: center; }
  #torikumi #secSanitation .green_box_img .illust01 {
    position: relative;
    bottom: -10px;
    display: block;
    width: max-content;
    margin-left: auto; }

#torikumi #secRisk > div {
  max-width: 1020px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    #torikumi #secRisk > div {
      margin-bottom: 70px;
      padding: 0px 10px; } }

@media screen and (max-width: 768px) {
  #torikumi #secRisk h2 {
    margin-bottom: 30px; } }

#torikumi #secRisk .green_box {
  height: 240px;
  padding: 45px 40px; }
  @media screen and (max-width: 768px) {
    #torikumi #secRisk .green_box {
      display: block;
      max-width: 355px;
      height: auto;
      margin: 0 auto;
      padding: 30px 10px 0px; } }
  #torikumi #secRisk .green_box_img {
    position: relative;
    right: 30px;
    display: flex;
    justify-content: space-between;
    width: 390px; }
    @media screen and (max-width: 768px) {
      #torikumi #secRisk .green_box_img {
        right: 0px;
        display: block;
        width: auto; } }
    #torikumi #secRisk .green_box_img .figure02_box {
      margin-right: 30px; }
      @media screen and (max-width: 768px) {
        #torikumi #secRisk .green_box_img .figure02_box {
          margin-right: 0px;
          margin-bottom: 15px; } }
    #torikumi #secRisk .green_box_img .illust02 {
      position: relative;
      bottom: -10px;
      display: block;
      width: max-content;
      margin-left: auto; }

#torikumi #secSafety > div {
  max-width: 1020px;
  margin: 0 auto; }
  @media screen and (max-width: 768px) {
    #torikumi #secSafety > div {
      margin-bottom: 75px;
      padding: 0px 10px; } }

@media screen and (max-width: 768px) {
  #torikumi #secSafety h2 {
    margin-bottom: 25px; } }

#torikumi #secSafety .green_box {
  height: 240px;
  padding: 45px 40px; }
  @media screen and (max-width: 768px) {
    #torikumi #secSafety .green_box {
      display: block;
      max-width: 355px;
      height: auto;
      margin: 0 auto;
      padding: 30px 10px 0px; } }
  @media screen and (max-width: 768px) {
    #torikumi #secSafety .green_box_text {
      font-size: 17px; } }
  #torikumi #secSafety .green_box_img {
    display: flex;
    justify-content: space-between;
    width: 430px; }
    @media screen and (max-width: 768px) {
      #torikumi #secSafety .green_box_img {
        display: block;
        width: auto; } }
    #torikumi #secSafety .green_box_img .img07 {
      display: block;
      margin-bottom: 10px; }
    #torikumi #secSafety .green_box_img .illust01 {
      position: relative;
      bottom: -15px; }
      @media screen and (max-width: 768px) {
        #torikumi #secSafety .green_box_img .illust01 {
          bottom: -10px;
          display: block;
          width: max-content;
          margin-left: auto;
          margin-right: 10px; } }

#torikumi #secService > div {
  max-width: 1020px;
  margin: 0 auto 120px; }
  @media screen and (max-width: 768px) {
    #torikumi #secService > div {
      margin: 0 auto 140px;
      padding: 0px 10px; } }

@media screen and (max-width: 768px) {
  #torikumi #secService h2 {
    margin-bottom: 30px; } }

#torikumi #secService .green_box {
  height: 240px;
  padding: 20px 40px 15px; }
  @media screen and (max-width: 768px) {
    #torikumi #secService .green_box {
      padding: 30px 15px 160px; } }
  #torikumi #secService .green_box h3 {
    margin-bottom: 15px;
    color: #005c42;
    font-size: 16px; }
    @media screen and (max-width: 768px) {
      #torikumi #secService .green_box h3 {
        margin-bottom: 30px;
        font-size: 20px; } }

#torikumi #secService .green_box_figure {
  display: flex;
  justify-content: flex-start; }
  @media screen and (max-width: 768px) {
    #torikumi #secService .green_box_figure {
      display: block; } }
  #torikumi #secService .green_box_figure h4 {
    margin-bottom: 15px;
    font-size: 16px; }
    @media screen and (max-width: 768px) {
      #torikumi #secService .green_box_figure h4 {
        font-size: 17px; } }
  #torikumi #secService .green_box_figure .img_box_figure02 {
    margin-right: 40px; }
    @media screen and (max-width: 768px) {
      #torikumi #secService .green_box_figure .img_box_figure02 {
        margin-bottom: 35px;
        margin-right: 0px; } }
    #torikumi #secService .green_box_figure .img_box_figure02 h4 {
      position: relative;
      width: max-content; }
      #torikumi #secService .green_box_figure .img_box_figure02 h4:after {
        content: "";
        position: absolute;
        top: -7px;
        right: -35px;
        display: block;
        width: 25px;
        height: 25px;
        background: url(../../groupcompany/odakyushokuhin/img/parts03.svg) no-repeat;
        background-size: contain; }
  #torikumi #secService .green_box_figure .img_box_figure03 {
    margin-right: 30px; }
    @media screen and (max-width: 768px) {
      #torikumi #secService .green_box_figure .img_box_figure03 {
        margin-right: 0px; } }
    #torikumi #secService .green_box_figure .img_box_figure03 h4 {
      position: relative;
      width: max-content; }
      #torikumi #secService .green_box_figure .img_box_figure03 h4:after {
        content: "";
        position: absolute;
        top: -3px;
        right: -35px;
        display: block;
        width: 25px;
        height: 25px;
        background: url(../../groupcompany/odakyushokuhin/img/parts04.svg) no-repeat;
        background-size: contain; }
  #torikumi #secService .green_box_figure .figure02 {
    margin-left: 15px; }
  #torikumi #secService .green_box_figure .figure03 {
    margin-left: 15px; }
  #torikumi #secService .green_box_figure .illust02 {
    position: relative;
    bottom: -25px;
    display: block;
    width: max-content;
    margin-left: auto;
    margin-right: 10px; }

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