@media (max-width: 760px) {
  /*****************************
   *
   *settings
   *
   ***************************** */
  .trans_txt_parent .inner {
    overflow: hidden; }
  .trans_txt_parent s {
    display: inline-block;
    transform: translateY(100px); }

  .fadein_object {
    opacity: 0; }
    .fadein_object.scroll_fade {
      transform: translateY(100px); }

  body {
    overflow-x: hidden; }
    body .ib {
      width: 100%; }
    body .sp_content {
      display: block !important; }
    body .pc_content {
      display: none !important; }

  .bg_layer.sp_content {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    top: 0;
    left: 0;
    opacity: 0;
    display: none !important; }
    .bg_layer.sp_content.active {
      display: block !important;
      opacity: 1;
      z-index: 9; }

  header {
    height: auto;
    padding: 15px; }
    header h1 {
      width: 200px;
      margin-top: 10px; }

  .toggle_btn {
    top: 15px;
    right: 15px; }

  .fixed_nav {
    width: 100%;
    transform: translateX(100%);
    overflow-y: scroll; }
    .fixed_nav.active {
      transform: translateX(0); }
    .fixed_nav .ib {
      padding: 100px 20px;
      height: max-content; }

  #fv_area #fv {
    height: 350px;
    position: relative; }
    #fv_area #fv .ib h1.logo {
      margin-top: 40px;
      width: 224px; }
  #fv_area #fv_under .ib {
    padding: 30px;
    padding-bottom: 80px; }
    #fv_area #fv_under .ib p {
      font-size: 18px; }
      #fv_area #fv_under .ib p.large {
        margin: 20px 0; }

  #introduction {
    height: auto; }
    #introduction .ib {
      padding: 30px 15px;
      padding-top: 220px;
      padding-bottom: 120px; }
      #introduction .ib h2 {
        font-size: 18px;
        line-height: 1.66; }
      #introduction .ib .inner {
        padding: 30px;
        margin-top: 70px; }
        #introduction .ib .inner p {
          font-size: 16px; }

  #content h2 {
    font-size: 28px; }
    #content h2 span {
      font-size: 16px; }
  #content .top_info .ib {
    padding: 30px 15px;
    flex-wrap: wrap; }
  #content .product_list.subpage {
    margin-bottom: 40px; }
    #content .product_list.subpage .pr_box {
      width: 100%;
      margin-right: 0;
      margin-bottom: 40px; }
  #content .info_list {
    margin: 30px 0; }
    #content .info_list a.info_row {
      flex-wrap: wrap;
      padding: 24px 30px;
      height: auto;
      padding-right: 40px; }
      #content .info_list a.info_row:after {
        top: calc(50% - 10px); }
      #content .info_list a.info_row p {
        width: 100%;
        margin-top: 3px;
        font-size: 16px;
        width: 100%;
        margin-bottom: 0; }
      #content .info_list a.info_row span {
        width: 100%;
        display: block;
        font-size: 16px; }
  #content #for_restaurant {
    padding: 0 15px;
    margin-top: -60px;
    margin-bottom: 60px; }
    #content #for_restaurant .ib {
      padding: 20px; }
      #content #for_restaurant .ib p {
        font-size: 16px; }
        #content #for_restaurant .ib p.center {
          text-align: left;
          margin-bottom: 0; }
      #content #for_restaurant .ib .inner {
        border: none;
        margin-top: 0; }
      #content #for_restaurant .ib .open {
        top: 20px;
        right: 10px; }
        #content #for_restaurant .ib .open i {
          display: none; }
        #content #for_restaurant .ib .open span {
          width: 30px;
          height: 30px; }
      #content #for_restaurant .ib h3 {
        font-size: 21px; }
      #content #for_restaurant .ib .fs_list {
        margin: 0; }
        #content #for_restaurant .ib .fs_list .box {
          width: 100%;
          margin-bottom: 24px; }
          #content #for_restaurant .ib .fs_list .box h4 {
            font-size: 18px; }
          #content #for_restaurant .ib .fs_list .box p {
            font-size: 16px; }
  #content .top_products {
    background: url(../img/bg2_sp.png) 50% 0 no-repeat;
    background-size: 100% auto;
    padding: 15px;
    padding-top: 30px; }
    #content .top_products .ib .product_list {
      padding: 15px;
      flex-wrap: wrap; }
      #content .top_products .ib .product_list .pr_box {
        margin-right: 0;
        width: 100%;
        margin-bottom: 45px; }
  #content .person_list .box .num {
    margin-top: 13px; }
  #content .person_list .box h3 {
    margin: 16px 0; }
  #content .top_blog {
    margin: 0 18px; }
    #content .top_blog .ib {
      padding: 80px 0 40px; }
  #content .blog_content {
    margin-top: 40px; }
  #content .blog_list {
    flex-wrap: wrap; }
    #content .blog_list.subpage {
      margin: 40px 0; }
      #content .blog_list.subpage .box {
        width: 100%;
        margin-right: 0; }
        #content .blog_list.subpage .box p {
          margin-top: 0; }
    #content .blog_list .box {
      margin-right: 0;
      width: 100%;
      margin-bottom: 40px; }
      #content .blog_list .box:last-child {
        margin-bottom: 0; }
      #content .blog_list .box .img {
        border-radius: 12px; }
      #content .blog_list .box p {
        font-size: 17px; }

  #content.subpage {
    margin-top: 90px; }
    #content.subpage .faq_inner h3 {
      font-size: 18px !important; }
    #content.subpage h2 {
      font-size: 24px; }
    #content.subpage p.fz20 {
      font-size: 16px; }
    #content.subpage .breadcrumb {
      margin-top: -20px; }
    #content.subpage .ib {
      padding: 40px 30px; }
      #content.subpage .ib.s_pd0 {
        padding: 40px 0; }
        #content.subpage .ib.s_pd0 .breadcrumb {
          padding-left: 30px; }
      #content.subpage .ib h2.emp {
        font-size: 20px;
        margin: 30px 0; }
        #content.subpage .ib h2.emp.mgt {
          margin-top: 40px; }
        #content.subpage .ib h2.emp.small {
          font-size: 20px; }
      #content.subpage .ib h3 {
        font-size: 20px; }
    #content.subpage .news_list_sub {
      margin: 20px 0; }
      #content.subpage .news_list_sub a {
        flex-wrap: wrap; }
        #content.subpage .news_list_sub a span {
          width: 100%;
          margin-bottom: 5px; }
        #content.subpage .news_list_sub a p {
          line-height: 1.6;
          width: 100%;
          font-size: 14px; }
    #content.subpage .news_single {
      margin-top: 40px; }
      #content.subpage .news_single p {
        font-size: 15px;
        line-height: 1.7; }
      #content.subpage .news_single .single_image {
        margin: 30px 0; }
    #content.subpage .contact_df, #content.subpage .login_df {
      margin: 32px 0;
      flex-wrap: wrap; }
      #content.subpage .contact_df .l, #content.subpage .contact_df .r, #content.subpage .login_df .l, #content.subpage .login_df .r {
        width: 100%;
        padding: 24px; }
        #content.subpage .contact_df .l p, #content.subpage .contact_df .l label, #content.subpage .contact_df .r p, #content.subpage .contact_df .r label, #content.subpage .login_df .l p, #content.subpage .login_df .l label, #content.subpage .login_df .r p, #content.subpage .login_df .r label {
          font-size: 15px; }
        #content.subpage .contact_df .l .tel_box, #content.subpage .contact_df .r .tel_box, #content.subpage .login_df .l .tel_box, #content.subpage .login_df .r .tel_box {
          text-align: center; }
          #content.subpage .contact_df .l .tel_box a, #content.subpage .contact_df .r .tel_box a, #content.subpage .login_df .l .tel_box a, #content.subpage .login_df .r .tel_box a {
            margin-bottom: 10px;
            font-size: 40px; }
          #content.subpage .contact_df .l .tel_box span, #content.subpage .contact_df .r .tel_box span, #content.subpage .login_df .l .tel_box span, #content.subpage .login_df .r .tel_box span {
            font-size: 14px; }
        #content.subpage .contact_df .l h3, #content.subpage .contact_df .r h3, #content.subpage .login_df .l h3, #content.subpage .login_df .r h3 {
          font-size: 18px; }
      #content.subpage .contact_df .l, #content.subpage .login_df .l {
        margin-bottom: 20px; }
    #content.subpage .faq_list {
      margin: 20px 0 60px; }
      #content.subpage .faq_list .faq_row {
        border-radius: 7px;
        margin-bottom: 24px; }
        #content.subpage .faq_list .faq_row div:after {
          transform-origin: right;
          transform: scale(0.8);
          right: -10px; }
        #content.subpage .faq_list .faq_row div.a {
          border-radius: 7px; }
          #content.subpage .faq_list .faq_row div.a p {
            padding-right: 0; }
        #content.subpage .faq_list .faq_row div p {
          padding-right: 20px;
          font-size: 15px; }
    #content.subpage .tabs {
      margin-top: 32px;
      padding-bottom: 20px;
      overflow-x: scroll;
      display: block; }
      #content.subpage .tabs .inner {
        width: max-content; }
      #content.subpage .tabs a {
        padding: 7px 20px;
        font-size: 13px;
        margin-right: 10px; }
    #content.subpage table.product_info {
      margin-bottom: 50px; }
      #content.subpage table.product_info tr, #content.subpage table.product_info th, #content.subpage table.product_info td, #content.subpage table.product_info tbody {
        display: block !important;
        width: 100% !important; }
        #content.subpage table.product_info tr th, #content.subpage table.product_info th th, #content.subpage table.product_info td th, #content.subpage table.product_info tbody th {
          padding: 12px;
          text-align: left; }
        #content.subpage table.product_info tr td, #content.subpage table.product_info th td, #content.subpage table.product_info td td, #content.subpage table.product_info tbody td {
          padding: 12px; }
    #content.subpage .product_detail {
      margin: 80px 0;
      flex-wrap: wrap; }
      #content.subpage .product_detail .l {
        width: 100%;
        margin-bottom: 24px; }
        #content.subpage .product_detail .l .thumb {
          margin-top: 25px;
          height: auto;
          margin-bottom: 10px; }
          #content.subpage .product_detail .l .thumb .img {
            display: flex;
            margin-right: 2.5%;
            margin-bottom: 8px; }
            #content.subpage .product_detail .l .thumb .img:nth-of-type(5n) {
              margin-right: 0; }
          #content.subpage .product_detail .l .thumb img {
            margin-bottom: 0 !important; }
        #content.subpage .product_detail .l .slider {
          width: 100%; }
          #content.subpage .product_detail .l .slider .swiper-button-next, #content.subpage .product_detail .l .slider .swiper-rtl .swiper-button-prev {
            right: 0; }
          #content.subpage .product_detail .l .slider .swiper-button-prev, #content.subpage .product_detail .l .slider .swiper-rtl .swiper-button-next {
            left: 0; }
      #content.subpage .product_detail .r {
        width: 100%; }
        #content.subpage .product_detail .r h3 {
          font-size: 21px;
          margin-bottom: 0; }
        #content.subpage .product_detail .r .pd_row {
          padding-top: 0;
          border-top: none; }
          #content.subpage .product_detail .r .pd_row p {
            font-size: 21px; }
        #content.subpage .product_detail .r .category {
          padding-bottom: 20px; }
        #content.subpage .product_detail .r select {
          padding: 5px;
          border-radius: 4px; }
        #content.subpage .product_detail .r form button {
          width: 100%;
          margin-top: 30px; }

  ::-webkit-scrollbar {
    height: 3px; }

  #content.subpage em.red {
    color: red; }
  #content.subpage form input[type="text"],
  #content.subpage form input[type="email"],
  #content.subpage form input[type="tel"],
  #content.subpage form input[type="password"],
  #content.subpage form input[type="search"], #content.subpage form::placeholder {
    font-family: serif; }
  #content.subpage form select {
    height: 50px;
    padding: 0 10px;
    font-family: serif; }
  #content.subpage h2.block {
    width: 100%;
    margin: 32px 0; }
  #content.subpage a.prev {
    margin: 32px 0; }
  #content.subpage .blog_content {
    margin-top: 40px; }
    #content.subpage .blog_content h2 {
      font-size: 24px; }
  #content.subpage .prev_next {
    padding: 10px;
    font-size: 14px;
    padding: 0; }
    #content.subpage .prev_next a.prev, #content.subpage .prev_next a.next {
      font-size: 14px;
      margin: 0; }
      #content.subpage .prev_next a.prev span, #content.subpage .prev_next a.next span {
        margin: 0; }
  #content.subpage .blog_category {
    padding: 0 0px;
    overflow: scroll;
    justify-content: start;
    margin-bottom: 32px; }
    #content.subpage .blog_category .inner {
      padding-bottom: 20px;
      width: max-content;
      justify-content: start; }
      #content.subpage .blog_category .inner a {
        width: max-content;
        margin: 0;
        font-size: 14px;
        padding: 5px 16px;
        justify-content: center;
        min-width: 80px;
        margin-right: 10px; }
  #content.subpage .message_block {
    margin: 40px 0; }
    #content.subpage .message_block .img {
      margin: 30px 0; }
  #content.subpage .person_block {
    margin: 40px 0;
    flex-wrap: wrap;
    height: auto; }
    #content.subpage .person_block .l, #content.subpage .person_block .r {
      width: 100%; }
    #content.subpage .person_block .l {
      order: 2;
      padding: 60px 20px 20px;
      height: auto; }
      #content.subpage .person_block .l h3 {
        font-size: 24px; }
    #content.subpage .person_block .r {
      order: 1;
      height: 200px; }
  #content.subpage .person_list .row {
    padding: 20px 16px; }
    #content.subpage .person_list .row .img {
      width: 80px;
      height: 80px;
      margin: 0 16px; }
    #content.subpage .person_list .row p {
      font-size: 20px; }
    #content.subpage .person_list .row:after {
      right: 16px; }
  #content.subpage .subpage_inner.mgt {
    margin-top: 20px; }
  #content.subpage .subpage_inner .content_row {
    padding-top: 20px;
    padding-bottom: 20px; }
  #content.subpage .tel_box2 {
    flex-wrap: wrap;
    height: 146px; }
    #content.subpage .tel_box2 a, #content.subpage .tel_box2 p {
      width: 100%;
      text-align: center;
      margin-right: 0; }
    #content.subpage .tel_box2 p {
      font-size: 16px; }
  #content.subpage .flow_list {
    margin-bottom: 32px; }
    #content.subpage .flow_list .fl_row {
      flex-wrap: wrap;
      justify-content: center; }
      #content.subpage .flow_list .fl_row .l, #content.subpage .flow_list .fl_row .r {
        width: 100%; }
        #content.subpage .flow_list .fl_row .l.pdt2, #content.subpage .flow_list .fl_row .r.pdt2 {
          padding-top: 20px; }
        #content.subpage .flow_list .fl_row .l.pdn, #content.subpage .flow_list .fl_row .r.pdn {
          padding-top: 20px; }
      #content.subpage .flow_list .fl_row .l {
        width: 250px;
        line-height: 1.8; }
        #content.subpage .flow_list .fl_row .l span {
          min-height: 80px; }
      #content.subpage .flow_list .fl_row span {
        justify-content: center;
        padding: 20px;
        font-size: 16px; }
  #content.subpage .about_inner {
    margin: 32px 0; }
    #content.subpage .about_inner.p2 .chef_section {
      margin-top: 160px;
      padding: 80px 0px 120px; }
      #content.subpage .about_inner.p2 .chef_section .sign {
        margin-top: -20px; }
    #content.subpage .about_inner .img {
      border-radius: 110px;
      height: auto;
      aspect-ratio: 1/0.62;
      margin-bottom: 32px;
      margin-top: 60px;
      margin-bottom: 60px; }
  #content.subpage .access {
    margin-top: 40px; }
    #content.subpage .access .acrow {
      flex-wrap: wrap; }
      #content.subpage .access .acrow span {
        width: 100%;
        margin-bottom: 16px; }
      #content.subpage .access .acrow p {
        width: 100%;
        margin-left: 0;
        padding-left: 16px; }
    #content.subpage .access #map {
      height: 340px; }

  #pagetop {
    bottom: 0;
    width: 46px;
    height: 46px; }
    #pagetop:before {
      font-size: 24px;
      left: 16px; }

  .foot_nav:after {
    width: 100%;
    left: 0; }
  .foot_nav .ib {
    padding: 60px 15px; }
    .foot_nav .ib .fn_box {
      margin-bottom: 20px; }
      .foot_nav .ib .fn_box a.mgl {
        margin-left: 15px;
        margin-top: 20px; }
      .foot_nav .ib .fn_box .fn_link {
        margin-bottom: 0; }
      .foot_nav .ib .fn_box .fn_head {
        padding-bottom: 0;
        height: auto;
        min-height: inherit; }

  footer .logo {
    width: 172px;
    margin: 40px auto 30px; }
  footer p.copy {
    height: 80px; }
  footer .ib {
    padding: 50px 15px 30px;
    flex-wrap: wrap;
    border-bottom: none; }
    footer .ib .foot_tel {
      flex-wrap: wrap; }
      footer .ib .foot_tel .ft_box {
        width: 100%;
        margin-bottom: 30px;
        min-height: 126px; }
        footer .ib .foot_tel .ft_box:last-child {
          font-size: 19px;
          margin-bottom: 10px;
          padding-left: 120px; }
          footer .ib .foot_tel .ft_box:last-child img {
            left: 70px; }
        footer .ib .foot_tel .ft_box span {
          display: block;
          width: 100%; } }
/*736pxend */

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