@charset "UTF-8";
/* Scss Document */
@import url("normalize.css");
img {
  vertical-align: bottom; }

/* Scss Document */
.clearfix:after, #content:after, footer .inner #fNav dl:after {
  content: "";
  display: table;
  clear: both; }

@media screen and (max-width: 759px) {
  .pc_only {
    display: none; } }
.mb20 {
  margin-bottom: 20px; }

/* Scss Document */
* {
  color: #555555;
  font-family: "Helvetica neue", Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

a {
  outline: none; }

a:link,
a:visited {
  color: #F9BBA3;
  text-decoration: none; }

a:hover,
a:active {
  color: #F9BBA3;
  text-decoration: none; }

/*bodyタグのスタイル。背景などを指定*/
body {
  /*font-size:75%;/*em指定の値の計算を簡単にする*/
  text-align: center;
  letter-spacing: 0.1em; }

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

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

@media screen and (max-width: 480px) {
  br.nobr {
    display: none; } }
/*フレーム構造*/
/* Scss Document */
header {
  position: relative;
  z-index: 9999;
  width: 100%;
  height: 100px;
  background: #FFFFFF;
  text-align: center;
  background: url(../img/header/bg_header.gif);
  -moz-box-shadow: 0px 0px 10px #ccc;
  -webkit-box-shadow: 0px 0px 10px #ccc;
  box-shadow: 0px 0px 10px #ccc; }
  .top header {
    margin-bottom: 50px; }
  header .inner {
    clear: both;
    margin: 0 auto;
    text-align: left;
    width: 960px; }

#breadcrumb {
  width: 100%;
  margin-bottom: 50px;
  background: #F0F0F0; }
  @media only screen and (max-width: 759px) {
    #breadcrumb {
      display: none; } }
  #breadcrumb ul {
    overflow: hidden;
    width: 960px;
    margin: 0 auto;
    height: 50px;
    line-height: 50px;
    padding: 0; }
    #breadcrumb ul li {
      float: left;
      list-style-type: none;
      margin-right: 17px;
      padding-left: 22px;
      background: url(../img/ico/arrow.png) center left no-repeat; }
      #breadcrumb ul li.home {
        margin-left: 20px;
        padding-left: 25px;
        background: url(../img/ico/ico_home.png) center left no-repeat; }
      #breadcrumb ul li a {
        font-size: 12px;
        color: #252021; }
        #breadcrumb ul li a:hover, #breadcrumb ul li a:active {
          opacity: 0.75; }

#content {
  clear: both;
  margin: 0 auto;
  text-align: left;
  width: 960px; }
  @media only screen and (max-width: 759px) {
    #content {
      width: 100%; } }
  #content #main {
    float: left;
    width: 740px;
    margin-right: 30px; }
    @media only screen and (max-width: 759px) {
      #content #main {
        width: 100%; } }
    #content #main section {
      width: 100%;
      margin-bottom: 50px; }
      @media only screen and (max-width: 759px) {
        #content #main section {
          width: auto;
          padding: 10px;
          margin-bottom: 15px; } }
  #content #side {
    float: left;
    width: 190px; }

@media only screen and (max-width: 759px) {
  footer {
    width: 100%; } }
footer .inner {
  clear: both;
  margin: 0 auto;
  text-align: left; }

/* Scss Document */
/*共通パーツ*/
section h2 {
  margin-bottom: 30px;
  font-size: 32px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #252021;
  line-height: 135%; }
  @media only screen and (max-width: 759px) {
    section h2 {
      margin-bottom: 13px;
      font-size: 18px; } }
  section h2.tit {
    padding-left: 8px;
    border-left: 5px solid #F26633;
    color: #F26633; }

section h3 {
  margin-bottom: 20px;
  font-size: 24px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #252021;
  line-height: 150%; }
  @media only screen and (max-width: 759px) {
    section h3 {
      font-size: 15px;
      margin-bottom: 13px; } }

section h4 {
  margin-bottom: 0.5em;
  font-size: 18px; }
  @media only screen and (max-width: 759px) {
    section h4 {
      font-size: 14px; } }

section p {
  font-size: 15px;
  line-height: 180%;
  margin-bottom: 1em; }
  @media only screen and (max-width: 759px) {
    section p {
      font-size: 13px; } }

section figure {
  margin-bottom: 15px; }

/*ヘッダーのスタイル*/
header .inner {
  position: relative; }
  header .inner h1 {
    float: left;
    width: 190px;
    height: 99px;
    margin-bottom: 0; }
  header .inner nav {
    float: right;
    height: 99px;
    width: 718px; }
    header .inner nav ul {
      padding: 0; }
      header .inner nav ul li {
        float: left;
        margin-right: 17px;
        width: 130px;
        list-style-type: none; }
        header .inner nav ul li a {
          overflow: hidden;
          display: block;
          height: 99px;
          background-image: url(../img/header/gnav.gif);
          background-repeat: no-repeat;
          text-indent: 100%;
          white-space: nowrap; }
        header .inner nav ul li:last-child {
          margin-right: 0; }

.gnav01 a {
  background-position: 0px 0px; }

.gnav01 a:hover,
.gnav01 a:active {
  background-position: 0px -100px; }

.gnav02 a {
  background-position: -147px 0px; }

.gnav02 a:hover,
.gnav02 a:active {
  background-position: -147px -100px; }

.gnav03 a {
  background-position: -294px 0px; }

.gnav03 a:hover,
.gnav03 a:active {
  background-position: -294px -100px; }

.gnav04 a {
  background-position: -441px 0px; }

.gnav04 a:hover,
.gnav04 a:active {
  background-position: -441px -100px; }

.gnav05 a {
  background-position: -588px 0px; }

.gnav05 a:hover,
.gnav05 a:active {
  background-position: -588px -100px; }

/*スマホのヘッダー*/
.page .spMenu {
  z-index: 99999;
  display: none;
  position: fixed !important;
  top: 0;
  width: 100%; }
  @media only screen and (max-width: 759px) {
    .page .spMenu {
      display: block;
      position: relative;
      height: 65px;
      background: #FFFFFF; }
      .page .spMenu h1 {
        position: absolute;
        left:10px;
        height: 28px;
        margin: 0;
        padding-top: 18.5px;}
        .page .spMenu h1 img {
          vertical-align: bottom; }
      .page .spMenu div {
        position: absolute;
        top: 22.5px;
        right: 10px;
        width: 23px;
        height: 20px; }
        .page .spMenu a.button{
          display: block;
          position: absolute;
          width:100px;
          height:35px;
          top:15px;
          right:45px;
          background:#f26633;
          border-radius: 3px;
          color:#fff;
          text-align: center;
          line-height:35px;
        }
        .page .spMenu a.button:hover{
          opacity: .5;
        }
      }

.mm-listview li a {
  text-align: left; }

.mm-title {
  font-size: 14px;
  font-weight: bold; }

.mm-close {
  font-size: 18px;
  font-weight: bold; }

/*フロートナビゲーション*/
#flNav {
  z-index: 9999;
  position: fixed;
  top: 160px;
  right: 0;
  width: 160px; }
  #flNav ul {
    padding: 0; }
    #flNav ul li {
      list-style-type: none;
      margin-bottom: 1px; }
      #flNav ul li a:hover,
      #flNav ul li a:active {
        opacity: 0.75; }

/*サイド*/
#sNav {
  margin-bottom: 30px;
  text-align: center; }
  #sNav h2 {
    height: 50px;
    margin-bottom: 1px;
    line-height: 50px;
    background: #F26633;
    font-size: 15px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #FFFFFF; }
  #sNav ul {
    margin-bottom: 0;
    border-top: 1px solid #F26633;
    padding: 0; }
    #sNav ul li {
      list-style-type: none; }
      #sNav ul li a {
        display: block;
        height: 50px;
        line-height: 50px;
        font-size: 14px;
        color: #F26633;
        border-bottom: 1px solid #F26633; }
        #sNav ul li a:hover, #sNav ul li a:active {
          opacity: 0.75; }

#bnrArea ul {
  padding: 0; }
  #bnrArea ul li {
    list-style-type: none;
    margin-bottom: 15px;
    text-align: center; }

#contactArea {
  width: 100%;
  background: #ECE8E0; }
  #contactArea .inner {
    width: 960px;
    margin: 0 auto;
    overflow: hidden; }
    @media only screen and (max-width: 759px) {
      #contactArea .inner {
        width: auto;
        padding: 10px 20px; } }
    #contactArea .inner .contactBox {
      float: left;
      width: 560px;
      text-align: left; }
      @media only screen and (max-width: 759px) {
        #contactArea .inner .contactBox {
          float: none;
          width: 100%; } }
    #contactArea .inner .areaBox {
      float: left;
      width: 400px;
      text-align: left; }
      @media only screen and (max-width: 759px) {
        #contactArea .inner .areaBox {
          float: none;
          width: 100%; } }

.contactBox {
  overflow: hidden; }
  .contactBox h2 {
    margin-bottom: 15px; }
  .contactBox h3 {
    margin-left: 30px;
    font-size: 15px;
    font-family: "Helvetica neue", Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #555555; }
    @media only screen and (max-width: 759px) {
      .contactBox h3 {
        margin-left: 0; } }
  .contactBox p {
    float: left;
    margin-left: 30px; }
    @media only screen and (max-width: 759px) {
      .contactBox p {
        float: none;
        margin-left: 0;
        text-align: center; } }

.areaBox dt {
  margin-top: 13px;
  margin-bottom: 10px;
  font-size: 15px;
  color: #555555;
  text-align: left;
  font-weight: bold; }
.areaBox dd {
  font-size: 14px;
  color: #555555;
  margin-left: 0; }
  @media only screen and (max-width: 759px) {
    .areaBox dd {
      font-size: 11px; } }

#gotop {
  z-index: 9000;
  position: fixed;
  bottom: 5px;
  right: 5px;
  height: 32px;
  width: 32px; }

/*フッター*/
footer {
  padding: 30px 0;
  background: #F0F0F0; }
  @media only screen and (max-width: 759px) {
    footer {
      padding: 0; } }
  footer .inner {
    overflow: hidden;
    width: 960px; }
    @media only screen and (max-width: 759px) {
      footer .inner {
        width: auto;
        padding: 10px; } }
    @media only screen and (max-width: 759px) {
      footer .inner #fNav {
        display: none; } }
    footer .inner #fNav dl {
      clear: both;
      overflow: hidden; }
      footer .inner #fNav dl dt {
        float: left;
        width: 130px;
        font-size: 12px;
        font-weight: bold; }
      footer .inner #fNav dl dd {
        margin-left: 0;
        float: left;
        width: 830px;
        font-size: 12px; }
        footer .inner #fNav dl dd a {
          margin-right: 15px; }
    footer .inner #fNav ul {
      padding: 0; }
      footer .inner #fNav ul li {
        float: left;
        list-style-type: none;
        margin-right: 30px;
        font-size: 12px;
        font-weight: bold; }
    footer .inner #fNav a {
      color: #555555; }

.address {
  overflow: hidden;
  width: 960px;
  margin: 0 auto;
  padding-top: 20px; }
  @media only screen and (max-width: 759px) {
    .address {
      padding-top: 0;
      width: auto;
      margin: 0; } }
  .address p {
    float: left;
    width: 320px;
    font-size: 12px;
    text-align: left; }
    @media only screen and (max-width: 759px) {
      .address p {
        float: none;
        width: 100%;
        text-align: center; } }

#copyright p {
  margin: 0;
  padding: 30px;
  font-size: 11px;
  text-align: center; }

/* Scss Document */
/*トップページ　セクション*/
#mainvisual {
  overflow: hidden;
  width: 100%;
  height: 300px;
  margin-bottom: 0; }
  @media only screen and (max-width: 759px) {
    #mainvisual {
      height: 100px;
      padding-top: 65px; } }

.top #mainvisual {
  height: 500px;
  margin: 0 auto;
  text-align: center; }
  @media only screen and (max-width: 759px) {
    .top #mainvisual {
      height: auto;
      padding-top: 40px; } }
  .top #mainvisual ul {
    padding: 0;
    margin-bottom: 0; }
    .top #mainvisual ul li {
      list-style-type: none; }

.second {
  background: url(/common/img/mainvisual/mainvisual.jpg) center center no-repeat; }
  @media only screen and (max-width: 759px) {
    .second {
      background-size: 800px 150px !important; } }
  .second h1 {
    width: 920px;
    margin: 0 auto;
    font-size: 46px;
    font-family: "Helvetica neue", Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: normal;
    color: #FFFFFF;
    letter-spacing: 0.3em;
    line-height: 300px;
    text-align: left;
    text-shadow: 0px 0px 10px #333; }
    @media only screen and (max-width: 759px) {
      .second h1 {
        width: 100%;
        text-align: center;
        line-height: 100PX;
        font-size: 20px;
        letter-spacing: 0.1em; } }

.mainvisualCompany {
  background: url(/common/img/mainvisual/mainvisual_company.jpg) center center no-repeat; }

.mainvisualHaccp {
  background: url(/common/img/mainvisual/mainvisual_haccp.jpg) center center no-repeat; }

.mainvisualApproach {
  background: url(/common/img/mainvisual/mainvisual_approach.jpg) center center no-repeat; }

.mainvisualAutline {
  background: url(/common/img/mainvisual/mainvisual_autline.jpg) center center no-repeat; }

.mainvisualLunchbox {
  background: url(/common/img/mainvisual/mainvisual_lunchbox.jpg) center center no-repeat; }

.mainvisualSchool {
  background: url(/common/img/mainvisual/mainvisual_school.jpg) center center no-repeat; }

.mainvisualNursing {
  background: url(/common/img/mainvisual/mainvisual_nursing.jpg) center center no-repeat; }

.mainvisualCatering {
  background: url(/common/img/mainvisual/mainvisual_catering.jpg) center center no-repeat; }

.mainvisualPromise {
  background: url(/common/img/mainvisual/mainvisual_promise.jpg) center center no-repeat; }

section.lineup {
  margin-bottom: 0 !important; }

section.lineup h2 {
  font-size: 24px;
  font-family: "Helvetica neue", Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #777575;
  padding-bottom: 5px;
  background: url(../img/index/line_h2.gif) bottom left no-repeat; }

@media only screen and (max-width: 759px) {
  section.lineup article {
    padding: 0 5px; } }
section.lineup article h3 {
  margin-bottom: 0;
  padding-left: 7px;
  border-left: 6px solid #F26633;
  font-size: 20px;
  color: #252021; }
  @media only screen and (max-width: 759px) {
    section.lineup article h3 {
      font-size: 16px; } }
section.lineup article p.tit {
  padding-left: 8px;
  border-left: 6px solid #F9BBA3;
  font-size: 14px;
  color: #555555; }
  @media only screen and (max-width: 759px) {
    section.lineup article p.tit {
      font-size: 11px; } }

/*表組をする*/
table.date {
  margin: 0 auto;
  border-collapse: collapse;
  font-size: 15px;
  line-height: 150%; }
  @media only screen and (max-width: 759px) {
    table.date {
      width: 100%;
      font-size: 13px; } }
  table.date th {
    width: 170px;
    padding: 15px 15px;
    border-bottom: 2px solid #F26633;
    font-weight: normal;
    vertical-align: top;
    text-align: left; }
    @media only screen and (max-width: 759px) {
      table.date th {
        display: list-item;
        list-style-type: none;
        width: 100%;
        padding: 10px 0 3px 0;
        padding-bottom: 5px;
        font-size: 14px;
        font-weight: bold;
        text-align: left;
        border: none; } }
  table.date td {
    padding: 15px 15px;
    border-bottom: 2px solid #F0F0F0;
    vertical-align: top; }
    @media only screen and (max-width: 759px) {
      table.date td {
        display: list-item;
        list-style-type: none;
        padding: 2px 0 10px 0;
        text-align: left; } }
  table.date tr:first-child th {
    border-top: 2px solid #F26633; }
    @media only screen and (max-width: 759px) {
      table.date tr:first-child th {
        border-top: 0px solid #F0F0F0; } }
  table.date tr:first-child td {
    border-top: 2px solid #F0F0F0; }
    @media only screen and (max-width: 759px) {
      table.date tr:first-child td {
        border-top: 0px solid #F0F0F0; } }

/****************************************************************************************************
	class単体で指定するスタイル
****************************************************************************************************/
/*floatを解除するスタイル*/
.clear {
  clear: both; }

/*汎用クラス*/
.btnLink a {
  display: block;
  padding-top: 15px;
  padding-bottom: 13px;
  border: 1px solid #F26633;
  background: url(../img/btn/bg_btn.gif) center right no-repeat;
  font-size: 18px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #F26633;
  text-align: center;
  border-radius: 5px; }
  @media only screen and (max-width: 759px) {
    .btnLink a {
      font-size: 14px; } }
  .btnLink a:hover, .btnLink a:active {
    opacity: 0.75; }

.btnLinkPdf a {
  background: url(../img/btn/bg_btn_pdf.gif) center right no-repeat; }

#submit {
  clear: both;
  width: 250px;
  margin: 0 30px;
  border: 0;
  padding-top: 11px;
  padding-bottom: 11px;
  background: url(../img/btn/bg_btn.gif) center right no-repeat;
  font-size: 18px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #F26633;
  text-align: center;
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px; }
  @media only screen and (max-width: 759px) {
    #submit {
      width: 140px;
      margin: 0 15px;
      font-size: 15px; } }
  #submit:hover, #submit:active {
    opacity: 0.75; }

.columnBox2 {
  overflow: hidden;
  text-align: left; }
  @media only screen and (max-width: 759px) {
    .columnBox2 {
      float: none; } }
  .columnBox2 .columnBox {
    float: left;
    width: 355px;
    margin-right: 30px;
    margin-bottom: 30px; }
    @media only screen and (max-width: 759px) {
      .columnBox2 .columnBox {
        width: auto;
        margin-right: 0; } }

.columnBox3 {
  overflow: hidden;
  text-align: left; }
  @media only screen and (max-width: 759px) {
    .columnBox3 {
      float: none; } }
  .columnBox3 .columnBox {
    float: left;
    width: 240px;
    margin-right: 10px;
    margin-bottom: 30px;
    text-align: center; }
    .columnBox3 .columnBox:last-child {
      margin-right: 0; }
    @media only screen and (max-width: 759px) {
      .columnBox3 .columnBox {
        width: 100%;
        margin-right: 0; } }

.notes {
  color: #F26633; }

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

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

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

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

/*画像の回り込み処理*/
/*imgに付与する*/
.img_left {
  float: left;
  margin: 0 30px 5px 0; }
  @media only screen and (max-width: 759px) {
    .img_left {
      float: none;
      margin: 0 auto 10px auto; } }

.img_right {
  float: right;
  margin: 0 0 5px 30px; }

.follow {
  overflow: hidden;
  _float: left; }

/*画像に回り込ませない様にするには後続のテキストをdivでブロックにする*/
/*画像回り込み処理ここまで*/
img.img_border {
  padding: 5px;
  border: 1px solid #ECECEC;
  background: #FFF; }

.w700 {
  width: 700px; }
  @media only screen and (max-width: 759px) {
    .w700 {
      width: auto; } }

.w740 {
  width: 740px; }
  @media only screen and (max-width: 759px) {
    .w740 {
      width: auto; } }

.w800 {
  width: 800px; }
  @media only screen and (max-width: 759px) {
    .w800 {
      width: auto; } }

.zip {
  width: 100px; }
  @media only screen and (max-width: 759px) {
    .zip {
      width: 100px; } }

.short {
  width: 200px; }
  @media only screen and (max-width: 759px) {
    .short {
      width: 100px; } }

.medium {
  width: 300px; }
  @media only screen and (max-width: 759px) {
    .medium {
      width: 180px; } }

.long {
  width: 450px; }
  @media only screen and (max-width: 759px) {
    .long {
      width: 220px; } }

.colorOrange {
  color: #F26633; }

.mgb0 {
  margin-bottom: 0; }

.mgb15 {
  margin-bottom: 15px; }

.mgb30 {
  margin-bottom: 30px; }

.ggmap {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden; }

.ggmap iframe,
.ggmap object,
.ggmap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

@media only screen and (max-width: 759px) {
  .narrow {
    text-align: center; } }
@media only screen and (max-width: 759px) {
  .narrow img {
    width: 200px; } }

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