@charset "UTF-8";
html {
  line-height: 1;
  font-family: "Kiwi Maru", serif;
  font-size: 16px;
  color: #481d02;
  word-wrap: break-word;
  font-weight: 400; }
  html * {
    font-weight: inherit;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-font-feature-settings: 'palt';
            font-feature-settings: 'palt'; }

a, a * {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }

img {
  width: 100%;
  height: auto;
  pointer-events: none;
  vertical-align: bottom; }
  img[src$=".svg"] {
    max-width: 100%; }

picture {
  display: block; }

figure img {
  width: 100%; }

#main_contents {
  overflow: hidden; }

.txt_center {
  text-align: center; }

.txt_left {
  text-align: left; }

.txt_right {
  text-align: right; }

span.marker {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #f6e979));
  background: linear-gradient(transparent 50%, #f6e979 50%); }

.border_bW {
  border-bottom: 1px solid #fff; }

/*font
-----------------------------------------------------------------------------*/
.en {
  font-family: "Charmonman", cursive; }

.noto {
  font-family: "Noto Sans JP", sans-serif; }

.fw_regular {
  font-weight: 400; }

.fw_medium {
  font-weight: 400; }

.fw_bold {
  font-weight: bold; }

.fw_semibold {
  font-weight: 600; }

.fw_black {
  font-weight: 900; }

.fs_italic {
  font-style: italic; }

/*color
-----------------------------------------------------------------------------*/
.green {
  color: #14944a; }

.gray {
  color: #444444; }

.yellow {
  color: #fae348; }

/*余白
-----------------------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  .mt_5 {
    margin-top: 0.3125rem !important; }
  .mt_10 {
    margin-top: 0.625rem !important; }
  .mt_15 {
    margin-top: 0.9375rem !important; }
  .mt_20 {
    margin-top: 1.25rem !important; }
  .mt_25 {
    margin-top: 1.5625rem !important; }
  .mt_30 {
    margin-top: 1.875rem !important; }
  .mt_35 {
    margin-top: 2.1875rem !important; }
  .mt_40 {
    margin-top: 2.5rem !important; }
  .mt_45 {
    margin-top: 2.8125rem !important; }
  .mt_50 {
    margin-top: 3.125rem !important; }
  .mt_60 {
    margin-top: 3.75rem !important; }
  .mt_70 {
    margin-top: 4.375rem !important; }
  .mt_80 {
    margin-top: 5rem !important; }
  .mt_90 {
    margin-top: 5.625rem !important; }
  .mt_100 {
    margin-top: 6.25rem !important; }
  .mt_120 {
    margin-top: 7.5rem !important; }
  .mt_130 {
    margin-top: 8.125rem !important; }
  .mt_150 {
    margin-top: 9.375rem !important; }
  .mt_160 {
    margin-top: 10rem !important; }
  .mt_170 {
    margin-top: 10.625rem !important; }
  .mt_180 {
    margin-top: 11.25rem !important; }
  .mt_190 {
    margin-top: 11.875rem !important; }
  .mt_200 {
    margin-top: 12.5rem !important; }
  .pt_0 {
    padding-top: 0rem !important; }
  .pt_40 {
    padding-top: 2.5rem !important; }
  .pt_50 {
    padding-top: 3.125rem !important; }
  .pt_70 {
    padding-top: 4.375rem !important; }
  .pt_100 {
    padding-top: 6.25rem !important; }
  .pt_150 {
    padding-top: 9.375rem !important; }
  .pt_170 {
    padding-top: 10.625rem !important; }
  .pb_0 {
    padding-bottom: 0rem !important; }
  .pb_70 {
    padding-bottom: 4.375rem !important; }
  .pb_100 {
    padding-bottom: 6.25rem !important; }
  .pb_140 {
    padding-bottom: 8.75rem !important; }
  .pb_170 {
    padding-bottom: 10.625rem !important; } }

@media only screen and (max-width: 767px) {
  .mt_5 {
    margin-top: 0.65104vw !important; }
  .mt_10 {
    margin-top: 1.30208vw !important; }
  .mt_15 {
    margin-top: 1.95312vw !important; }
  .mt_20 {
    margin-top: 2.60417vw !important; }
  .mt_25 {
    margin-top: 3.25521vw !important; }
  .mt_30 {
    margin-top: 3.90625vw !important; }
  .mt_35 {
    margin-top: 4.55729vw !important; }
  .mt_40 {
    margin-top: 5.20833vw !important; }
  .mt_45 {
    margin-top: 5.85938vw !important; }
  .mt_50 {
    margin-top: 6.51042vw !important; }
  .mt_60 {
    margin-top: 7.8125vw !important; }
  .mt_70 {
    margin-top: 9.11458vw !important; }
  .mt_80 {
    margin-top: 10.41667vw !important; }
  .mt_90 {
    margin-top: 11.71875vw !important; }
  .mt_100 {
    margin-top: 13.02083vw !important; }
  .mt_120 {
    margin-top: 15.625vw !important; }
  .mt_130 {
    margin-top: 16.92708vw !important; }
  .mt_150 {
    margin-top: 19.53125vw !important; }
  .mt_160 {
    margin-top: 20.83333vw !important; }
  .mt_170 {
    margin-top: 22.13542vw !important; }
  .mt_180 {
    margin-top: 23.4375vw !important; }
  .mt_190 {
    margin-top: 24.73958vw !important; }
  .mt_200 {
    margin-top: 26.04167vw !important; }
  .pt_0 {
    padding-top: 0vw !important; }
  .pt_40 {
    padding-top: 5.20833vw !important; }
  .pt_50 {
    padding-top: 6.51042vw !important; }
  .pt_70 {
    padding-top: 9.11458vw !important; }
  .pt_100 {
    padding-top: 13.02083vw !important; }
  .pt_150 {
    padding-top: 19.53125vw !important; }
  .pt_170 {
    padding-top: 22.13542vw !important; }
  .pb_0 {
    padding-bottom: 0vw !important; }
  .pb_70 {
    padding-bottom: 9.11458vw !important; }
  .pb_100 {
    padding-bottom: 13.02083vw !important; }
  .pb_140 {
    padding-bottom: 18.22917vw !important; }
  .pb_170 {
    padding-bottom: 22.13542vw !important; } }

/*PC 共通
-----------------------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  /*  #page{
    overflow-x: hidden;
  }*/
  .preload *:not(.loading_copy) {
    -webkit-transition: none !important;
    transition: none !important; }
  .sp {
    display: none; }
  #main_contents {
    padding-top: 5.25rem; }
  .inner {
    width: 90%;
    max-width: 870px;
    margin: auto; }
  .txt_center_pc {
    text-align: center; }
  .flex_box, .flex_box_pc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .space-between, .space-between_pc {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .content-center, .content-center_pc {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .align-center, .align-center_pc {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .direction-column, .direction-column_pc {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  a {
    outline: none; }
    a:focus {
      outline: none; }
    a:hover .hover_text {
      opacity: 1; }
  .txt {
    line-height: 1.6875; } }

@media print, screen and (min-width: 768px) and (max-width: 870px) {
  html {
    font-size: 1.83908vw; } }

/*--------------------------endPC--------------------------------*/
/*SP共通
-----------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
  html {
    font-size: 3.4vw; }
  .inner {
    max-width: 665px;
    width: 90%;
    margin: auto; }
  .pc {
    display: none; }
  #main_contents {
    padding-top: 24.73958vw; }
  .txt_center_sp {
    text-align: center; }
  .flex_box, .flex_box_sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
  .space-between, .space-between_sp {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between; }
  .content-center, .content-center_sp {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center; }
  .align-center, .align-center_sp {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .direction-column, .direction-column_sp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column; }
  a .hover_text {
    display: none; }
  .txt {
    line-height: 1.53846; } }

/*--------------------------endSP--------------------------------*/
/*content
-----------------------------------------------------------------------------*/
.content .tit_icon span {
  line-height: 1.2;
  position: relative; }
  .content .tit_icon span::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url("../img/sec03_icon.webp");
    background-size: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0; }

@media print, screen and (min-width: 768px) {
  .content {
    padding: 10.625rem 0; }
    .content .cont_area .tit {
      font-size: 1.625rem; }
    .content .txt_box .tit {
      font-size: 1.625rem; }
    .content .txt_box .txt {
      font-size: 1rem; }
    .content .tit_icon span {
      font-size: 1.75rem;
      padding-left: 4.25rem; }
      .content .tit_icon span::before {
        width: 2.875rem;
        height: 2.875rem; } }

@media only screen and (max-width: 767px) {
  .content {
    padding: 13.02083vw 0; }
    .content .cont_area .tit {
      font-size: 1.38462rem;
      line-height: 1.4; }
    .content .txt_box .tit {
      font-size: 1.38462rem; }
    .content .txt_box .txt {
      font-size: 1rem; }
    .content .tit_icon span {
      font-size: 1.46154rem;
      padding-left: 10.15625vw;
      line-height: 1.4;
      display: block; }
      .content .tit_icon span::before {
        width: 7.29167vw;
        height: 7.29167vw;
        top: 1.30208vw; } }

/*sectit_box
-----------------------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  .sectit_box .sec_tit {
    font-size: 2.375rem; }
  .sectit_box .sec_sbtit {
    font-size: 1.625rem; } }

@media only screen and (max-width: 767px) {
  .sectit_box .sec_tit {
    font-size: 1.84615rem;
    line-height: 1.2; }
  .sectit_box .sec_sbtit {
    font-size: 1.38462rem; } }

/*more_btn
-----------------------------------------------------------------------------*/
.more_btn {
  width: 158px;
  width: 9.875rem;
  margin: auto; }
  .more_btn a {
    width: 100%;
    background-color: #14944a;
    color: #fff;
    padding: 8px 0;
    padding: 0.5rem 0;
    border: 2px solid #14944a;
    border-radius: 10px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    z-index: 1;
    text-align: center; }
    .more_btn a::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
      width: 100%;
      height: 100%;
      background-color: #e5eee0;
      -webkit-transform: scale(0, 1);
              transform: scale(0, 1);
      -webkit-transform-origin: left top;
              transform-origin: left top;
      -webkit-transition: all 0.3s ease 0s;
      transition: all 0.3s ease 0s; }
    .more_btn a:hover {
      color: #14944a; }
      .more_btn a:hover::before {
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1); }
    .more_btn a span {
      font-size: 14px;
      font-size: 0.875rem; }

/*bnr_box
-----------------------------------------------------------------------------*/
.bnr_box a {
  display: block;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="5" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(170,170,170,1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
  -webkit-filter: drop-shadow(0 0 5px #aaa);
          filter: drop-shadow(0 0 5px #aaa);
  -webkit-transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s;
  transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s; }
  .bnr_box a:hover {
    opacity: 0.7; }

/*header
-----------------------------------------------------------------------------*/
#header {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../img/bg_img02.webp");
  position: fixed;
  top: 0;
  z-index: 100; }
  #header .inner {
    margin: 0 auto; }
  #header .txt_box {
    color: #fff; }
  @media print, screen and (min-width: 768px) {
    #header {
      height: 5.25rem; }
      #header .inner {
        width: 90.8046%;
        max-width: 790px;
        padding: 1.125rem 0 0.625rem; }
      #header .h_logo {
        width: 28.35443%; }
      #header .txt_box {
        width: 70.12658%; }
        #header .txt_box .h_txt {
          font-size: 1.125rem;
          line-height: 1.44444; } }
  @media only screen and (max-width: 767px) {
    #header {
      height: 24.73958vw; }
      #header .inner {
        padding: 2.34375vw 0 1.30208vw; }
      #header .h_logo {
        width: 50%;
        margin: auto; }
      #header .txt_box {
        width: 100%; }
        #header .txt_box .h_txt {
          font-size: 0.84615rem;
          line-height: 1.54545;
          text-align: center; } }

/*mv_area
-----------------------------------------------------------------------------*/
#mv_area .mv_inner {
  margin: 0 auto; }

#mv_area .mv_tit_area .mv_txt {
  line-height: 1.4; }

#mv_area .mv_tit_area .mv_img {
  margin: auto; }

#mv_area .mv_tit_area .mv_point {
  margin: auto; }

@media print, screen and (min-width: 768px) {
  #mv_area {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url("../img/mv_bg_img.webp");
    background-size: cover;
    background-position: bottom; }
    #mv_area .mv_inner {
      width: 90%;
      max-width: 1000px;
      padding: 2.625rem 0 2.8125rem; }
    #mv_area .mv_tit_area {
      width: 55%;
      margin: 0 0 0 auto; }
      #mv_area .mv_tit_area .mv_txt {
        font-size: 1.625rem; }
      #mv_area .mv_tit_area .mv_img {
        width: 47.27273%; }
      #mv_area .mv_tit_area .mv_point {
        width: 68.18182%; } }

@media only screen and (max-width: 767px) {
  #mv_area {
    background-color: #f8eff9;
    position: relative;
    z-index: -1; }
    #mv_area .mv_inner {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-image: url("../img/mv_bg_sp_img.webp");
      background-size: contain;
      background-position: bottom center;
      padding: 5.46875vw 0 69.01042vw;
      z-index: 1;
      position: relative; }
    #mv_area .mv_tit_area {
      width: 80%;
      margin: 0 auto; }
      #mv_area .mv_tit_area .mv_logo {
        width: 60%;
        margin: auto; }
      #mv_area .mv_tit_area .mv_txt {
        font-size: 1.46154rem; }
      #mv_area .mv_tit_area .mv_img {
        width: 26.04167vw; }
      #mv_area .mv_tit_area .mv_point {
        width: 78.125vw; } }

/*nav_area
-----------------------------------------------------------------------------*/
#nav_area {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../img/bg_img01.webp"); }
  #nav_area.fixed {
    left: 0;
    position: fixed;
    z-index: 100;
    background-color: #fff;
    padding-top: 0 !important; }
  #nav_area .nav_box li {
    position: relative;
    border-left: 2px dotted #481d02;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    #nav_area .nav_box li:last-child {
      border-right: 2px dotted #481d02; }
    #nav_area .nav_box li a {
      display: block;
      width: 100%; }
      #nav_area .nav_box li a::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-image: url("../img/arrow_b.webp");
        background-size: cover; }
  @media print, screen and (min-width: 768px) {
    #nav_area.fixed {
      top: 5.25rem;
      height: 4.375rem; }
    #nav_area .inner {
      width: 90%;
      max-width: 1000px; }
    #nav_area .nav_box li {
      width: 16.66667%; }
      #nav_area .nav_box li a {
        padding: 0.5rem 0 1.875rem;
        -webkit-transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s;
        transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s; }
        #nav_area .nav_box li a::before {
          width: 1.0625rem;
          height: 1.0625rem;
          position: absolute;
          left: 50%;
          bottom: 0.5rem;
          z-index: 0;
          -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
          -webkit-transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s;
          transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s; }
        #nav_area .nav_box li a:hover::before {
          position: absolute;
          left: 50%;
          bottom: 0.1875rem;
          z-index: 0;
          -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0); } }
  @media only screen and (max-width: 767px) {
    #nav_area.fixed {
      top: 0;
      height: auto;
      /*menuコンテンツ*/
      /*クリックしたらメニューが開閉の動作*/
      /*ハンバーガー*/ }
      #nav_area.fixed .inner {
        display: none; }
      #nav_area.fixed .cp_fullscreenmenu {
        display: block;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        position: relative; }
      #nav_area.fixed .cp_fullscreenmenu .menu {
        position: fixed;
        top: 0;
        left: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        visibility: hidden;
        overflow: hidden;
        width: 100%;
        height: 100%;
        pointer-events: none;
        outline: 1px solid transparent;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      #nav_area.fixed .cp_fullscreenmenu .menu > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        width: 100%;
        height: 100%;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
        text-align: center;
        color: #fefefe;
        background: rgba(20, 148, 74, .8);
        -webkit-box-flex: 0;
            -ms-flex: none;
                flex: none;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center; }
      #nav_area.fixed .cp_fullscreenmenu .menu > div > ul {
        display: block;
        max-height: 100vh;
        margin: 0;
        padding: 0 1em;
        list-style: none;
        -webkit-transition: opacity 0.4s ease;
        transition: opacity 0.4s ease;
        opacity: 0; }
      #nav_area.fixed .cp_fullscreenmenu .menu > div > ul > li {
        font-size: 1.61538rem;
        display: block;
        margin: 1em;
        padding: 0; }
      #nav_area.fixed .cp_fullscreenmenu .menu > div > ul > li > a {
        position: relative;
        display: inline;
        cursor: pointer;
        -webkit-transition: color 0.4s ease;
        transition: color 0.4s ease; }
      #nav_area.fixed .cp_fullscreenmenu .menu > div > ul > li > a:hover {
        color: #e5e5e5; }
      #nav_area.fixed .cp_fullscreenmenu .menu > div > ul > li > a:hover:after {
        width: 100%; }
      #nav_area.fixed .cp_fullscreenmenu .menu > div > ul > li > a:after {
        position: absolute;
        z-index: 1;
        bottom: -0.15em;
        left: 0;
        width: 0;
        height: 2px;
        content: '';
        -webkit-transition: width 0.4s ease;
        transition: width 0.4s ease;
        background: #e5e5e5; }
      #nav_area.fixed .cp_fullscreenmenu .toggle {
        position: absolute;
        z-index: 2;
        top: 0;
        right: 0;
        width: 13.02083vw;
        height: 13.02083vw;
        cursor: pointer;
        opacity: 0; }
      #nav_area.fixed .cp_fullscreenmenu .toggle:checked + .hamburger > span {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg); }
      #nav_area.fixed .cp_fullscreenmenu .toggle:checked + .hamburger > span:before,
      #nav_area.fixed .cp_fullscreenmenu .toggle:checked + .hamburger > span:after {
        top: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg); }
      #nav_area.fixed .cp_fullscreenmenu .toggle:checked + .hamburger > span:after {
        opacity: 0; }
      #nav_area.fixed .cp_fullscreenmenu .toggle:checked ~ .menu {
        visibility: visible;
        pointer-events: auto; }
      #nav_area.fixed .cp_fullscreenmenu .toggle:checked ~ .menu > div {
        -webkit-transition-duration: 0.75s;
                transition-duration: 0.75s;
        -webkit-transform: translateX(0);
        transform: translateX(0); }
      #nav_area.fixed .cp_fullscreenmenu .toggle:checked ~ .menu > div > ul {
        opacity: 1; }
      #nav_area.fixed .cp_fullscreenmenu .toggle:checked ~ .menu > div > ul li:nth-of-type(1) {
        -webkit-transition-delay: 0.4s;
                transition-delay: 0.4s; }
      #nav_area.fixed .cp_fullscreenmenu .toggle:checked ~ .menu > div > ul li:nth-of-type(2) {
        -webkit-transition-delay: 0.6s;
                transition-delay: 0.6s; }
      #nav_area.fixed .cp_fullscreenmenu .toggle:checked ~ .menu > div > ul li:nth-of-type(3) {
        -webkit-transition-delay: 0.8s;
                transition-delay: 0.8s; }
      #nav_area.fixed .cp_fullscreenmenu .toggle:checked ~ .menu > div > ul li:nth-of-type(4) {
        -webkit-transition-delay: 1.0s;
                transition-delay: 1.0s; }
      #nav_area.fixed .cp_fullscreenmenu .toggle:hover + .hamburger {
        -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, .1);
                box-shadow: inset 0 0 10px rgba(0, 0, 0, .1); }
      #nav_area.fixed .cp_fullscreenmenu .toggle:checked:hover + .hamburger > span {
        -webkit-transform: rotate(225deg);
        transform: rotate(225deg); }
      #nav_area.fixed .cp_fullscreenmenu .hamburger {
        position: absolute;
        z-index: 1;
        top: 0;
        right: 0;
        display: block;
        width: 13.02083vw;
        height: 13.02083vw;
        padding: 0.5em 1em;
        cursor: pointer;
        -webkit-transition: -webkit-box-shadow 0.4s ease;
        transition: -webkit-box-shadow 0.4s ease;
        transition: box-shadow 0.4s ease;
        transition: box-shadow 0.4s ease, -webkit-box-shadow 0.4s ease;
        border-radius: 0 0.12em 0.12em 0;
        background: rgba(255, 255, 255, .7);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden; }
      #nav_area.fixed .cp_fullscreenmenu .hamburger > span {
        position: relative;
        top: 50%;
        display: block;
        width: 100%;
        height: 2px;
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
        background: #14944a; }
      #nav_area.fixed .cp_fullscreenmenu .hamburger > span:before,
      #nav_area.fixed .cp_fullscreenmenu .hamburger > span:after {
        position: absolute;
        z-index: 1;
        top: -10px;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        content: '';
        -webkit-transition: all 0.4s ease;
        transition: all 0.4s ease;
        background: inherit; }
      #nav_area.fixed .cp_fullscreenmenu .hamburger > span:after {
        top: 10px; }
    #nav_area .nav_box li {
      width: 33.33333%; }
      #nav_area .nav_box li:nth-child(3) {
        border-right: 2px dotted #481d02; }
      #nav_area .nav_box li:nth-child(n+4) {
        margin-top: 2.60417vw; }
      #nav_area .nav_box li a {
        padding: 2.34375vw 0 5.20833vw;
        -webkit-transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s;
        transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s; }
        #nav_area .nav_box li a::before {
          background-size: cover;
          width: 4.16667vw;
          height: 4.03646vw;
          position: absolute;
          left: 50%;
          bottom: 0vw;
          z-index: 0;
          -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
          -webkit-transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s;
          transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s; }
    #nav_area .cp_fullscreenmenu {
      display: none; } }

/*about
-----------------------------------------------------------------------------*/
#about {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../img/bg_img01.webp");
  position: relative; }
  #about::after {
    position: absolute;
    left: 50%;
    bottom: 0;
    z-index: 0;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0); }
  #about .nutrients_img {
    margin: auto; }
  #about .nutrients_list .nutrients_box .tit {
    background-color: #14944a;
    color: #fff;
    display: inline-block;
    padding: 8px;
    padding: 0.5rem;
    font-size: 14px;
    font-size: 0.875rem; }
  #about .nutrients_list .nutrients_box .list li {
    margin-left: 10px;
    margin-left: 0.625rem;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.2em; }
  #about .table_area, #about .cont_area02 {
    margin: auto; }
  #about table {
    width: 100%; }
    #about table thead {
      background-color: #14944a;
      color: #fff; }
      #about table thead th:not(:first-child) {
        border-left: 1px dashed #481d02; }
    #about table tbody tr:nth-child(even) {
      background-color: #fff; }
    #about table tbody td:not(:first-child) {
      border-left: 1px dashed #481d02; }
  #about .txt_box .tit {
    line-height: 1.8; }
  @media print, screen and (min-width: 768px) {
    #about {
      padding-bottom: 16.25rem;
      scroll-margin-top: 6.25rem; }
      #about::after {
        content: "";
        display: block;
        width: 1px;
        height: 11.25rem;
        background-color: #481d02; }
      #about .tit_img_box figure {
        width: 39.54023%; }
      #about .tit_img_box .txt {
        width: 47.93103%;
        margin-left: 3.44828%; }
      #about .nutrients_img {
        width: 58.85057%; }
      #about .table_area, #about .cont_area02 {
        width: 95.86207%; }
      #about table thead th {
        padding: 0.625rem 0; }
        #about table thead th span {
          font-size: 0.875rem; }
      #about table tbody {
        font-size: 0.875rem; }
        #about table tbody td {
          min-width: 20.38369%;
          padding: 0.4375rem 0; }
      #about .txt_img_box figure {
        width: 45.86207%; }
      #about .txt_img_box .txt {
        width: 52.18391%; }
      #about .txt_box .tit {
        font-size: 1.5rem; } }
  @media only screen and (max-width: 767px) {
    #about {
      padding-bottom: 33.85417vw;
      scroll-margin-top: 19.53125vw; }
      #about::after {
        content: "";
        display: block;
        width: 1px;
        height: 23.4375vw;
        background-color: #481d02; }
      #about .tit_img_box figure {
        width: 44.79167vw;
        margin: auto; }
      #about .nutrients_img {
        width: 83.33333vw; }
      #about .table_area {
        overflow-x: scroll; }
        #about .table_area::-webkit-scrollbar {
          height: 2.34375vw; }
        #about .table_area::-webkit-scrollbar-track {
          background: #f1f1f1;
          /* トラック（背景）の色 */
          border-radius: 1.82292vw; }
        #about .table_area::-webkit-scrollbar-thumb {
          background: #888;
          /* サム（つまみ）の色 */
          border-radius: 1.82292vw; }
      #about table {
        border-collapse: collapse;
        white-space: nowrap; }
        #about table thead th {
          padding: 1.30208vw 0; }
          #about table thead th span {
            font-size: 0.92308rem; }
        #about table tbody {
          font-size: 0.92308rem; }
          #about table tbody td {
            min-width: 23.4375vw;
            padding: 1.30208vw 1.82292vw; }
      #about .txt_img_box figure {
        width: 78.125vw;
        margin: 5.20833vw auto 0; }
      #about .txt_box .tit {
        font-size: 1.30769rem; } }

/*lineup
-----------------------------------------------------------------------------*/
#lineup {
  position: relative;
  overflow: hidden; }
  #lineup::before, #lineup::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    background-position: center; }
  #lineup::before {
    height: 36%;
    top: 0;
    background-image: url(../img/bg_img01.webp); }
  #lineup::after {
    height: 64%;
    bottom: 0;
    background-image: url(../img/bg_img02.webp); }
  #lineup .cont_area {
    margin: auto;
    background-image: url(../img/bg_img01.webp);
    background-color: #fff;
    border-radius: 20px;
    filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="5" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(170,170,170,1)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
    -webkit-filter: drop-shadow(0 0 5px #aaa);
            filter: drop-shadow(0 0 5px #aaa); }
  #lineup .lineup_box {
    margin: 0 auto;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
  #lineup .bnr_box {
    margin: auto; }
  @media print, screen and (min-width: 768px) {
    #lineup .inner {
      width: 90%;
      max-width: 1000px; }
    #lineup .cont_area {
      width: 87%;
      padding: 4.375rem 0 3.4375rem; }
    #lineup .lineup_box {
      width: 95.97701%; }
      #lineup .lineup_box li {
        width: 30.65868%; }
        #lineup .lineup_box li .txt {
          font-size: 0.875rem; }
    #lineup .bnr_box {
      width: 95.97701%; }
    #lineup .lineup_txt {
      font-size: 1.5rem; } }
  @media only screen and (max-width: 767px) {
    #lineup .cont_area {
      padding: 9.11458vw 0 7.16146vw; }
    #lineup .lineup_box li {
      width: 41.66667vw; }
      #lineup .lineup_box li .txt {
        font-size: 0.92308rem; }
      #lineup .lineup_box li:nth-child(n+3) {
        margin-top: 6.51042vw; }
    #lineup .bnr_box {
      width: 78.125vw; }
    #lineup .lineup_txt {
      width: 78.125vw;
      margin: auto;
      font-size: 1.30769rem;
      line-height: 1.4; } }

/*dryfood
-----------------------------------------------------------------------------*/
#dryfood {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../img/bg_img03.webp");
  background-size: contain;
  background-color: rgba(255, 255, 255, .5);
  background-blend-mode: overlay; }
  #dryfood .img_txt_box {
    position: relative; }
    #dryfood .img_txt_box::after {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-image: url("../img/sec03_img02.webp");
      background-size: cover; }
    #dryfood .img_txt_box figure {
      margin: auto; }
  #dryfood .haigou_area {
    background-color: #e5eee0;
    border-radius: 30px; }
    #dryfood .haigou_area .img_list {
      margin: auto; }
    #dryfood .haigou_area .codawari_box {
      margin: auto; }
      #dryfood .haigou_area .codawari_box .codawari .tit_icon span {
        display: block; }
      #dryfood .haigou_area .codawari_box .codawari .txt_box .tit {
        line-height: 1.2;
        position: relative; }
        #dryfood .haigou_area .codawari_box .codawari .txt_box .tit::before {
          content: "";
          display: block;
          width: 100%;
          height: 100%;
          background-repeat: no-repeat;
          background-image: url("../img/sec03_icon02.webp");
          background-size: cover; }
      #dryfood .haigou_area .codawari_box .codawari .txt_box .txt {
        line-height: 1.2; }
    #dryfood .haigou_area .table_box .tit {
      width: 100%;
      background-color: #14944a;
      color: #fff;
      border-radius: 20px; }
    #dryfood .haigou_area .table_box table {
      margin: auto; }
      #dryfood .haigou_area .table_box table thead {
        background-color: #14944a;
        color: #fff; }
        #dryfood .haigou_area .table_box table thead th:not(:first-child) {
          border-left: 1px solid #fff; }
      #dryfood .haigou_area .table_box table tbody tr:nth-child(even) {
        background-color: rgba(255, 255, 255, .5); }
      #dryfood .haigou_area .table_box table tbody td {
        text-align: right; }
        #dryfood .haigou_area .table_box table tbody td:not(:first-child) {
          border-left: 1px dashed #481d02; }
    #dryfood .haigou_area .img_box {
      margin: auto; }
  @media print, screen and (min-width: 768px) {
    #dryfood {
      scroll-margin-top: 0.9375rem; }
      #dryfood .img_txt_box {
        width: 57.47126%;
        margin: auto auto auto 2.29885%; }
        #dryfood .img_txt_box::after {
          width: 47.375rem;
          height: 25.8125rem;
          position: absolute;
          bottom: -5.625rem;
          right: -37.5rem;
          z-index: 0; }
        #dryfood .img_txt_box figure {
          width: 64%;
          margin: 0; }
      #dryfood .haigou_area {
        padding: 3.125rem 1.25rem 2.5rem; }
        #dryfood .haigou_area .tit {
          font-size: 1.5rem; }
          #dryfood .haigou_area .tit span {
            font-size: 1.875rem; }
        #dryfood .haigou_area .img_list {
          width: 88.62275%; }
          #dryfood .haigou_area .img_list li {
            width: 30.27027%; }
        #dryfood .haigou_area .codawari_box {
          width: 98.20359%; }
          #dryfood .haigou_area .codawari_box .codawari {
            width: 48.78049%; }
            #dryfood .haigou_area .codawari_box .codawari .txt_box .tit {
              padding-left: 1.5rem; }
              #dryfood .haigou_area .codawari_box .codawari .txt_box .tit::before {
                width: 1.0625rem;
                height: 1.0625rem;
                position: absolute;
                top: 0.625rem;
                left: 0;
                z-index: 0; }
              #dryfood .haigou_area .codawari_box .codawari .txt_box .tit span {
                font-size: 1.5rem; }
            #dryfood .haigou_area .codawari_box .codawari .txt_box .txt {
              font-size: 1rem;
              padding-left: 1.5rem; }
        #dryfood .haigou_area .table_box .tit {
          padding: 0.625rem 0;
          font-size: 1.5rem; }
        #dryfood .haigou_area .table_box table {
          width: 91.37725%; }
          #dryfood .haigou_area .table_box table thead th {
            padding: 0.625rem 0; }
            #dryfood .haigou_area .table_box table thead th:first-child {
              width: 9.375rem; }
          #dryfood .haigou_area .table_box table tbody td {
            padding: 0.625rem 3.25rem 0.625rem 3.125rem; }
        #dryfood .haigou_area .img_box {
          width: 57.48503%; } }
  @media only screen and (max-width: 767px) {
    #dryfood {
      scroll-margin-top: 26.04167vw; }
      #dryfood .img_txt_box {
        margin: auto auto auto 2.60417vw; }
        #dryfood .img_txt_box::after {
          position: absolute;
          bottom: -11.71875vw;
          right: -19.53125vw;
          z-index: 0;
          width: 65.10417vw;
          height: 39.0625vw; }
        #dryfood .img_txt_box figure {
          width: 41.66667vw;
          margin: 0; }
      #dryfood .haigou_area {
        padding: 6.51042vw 3.90625vw 5.20833vw; }
        #dryfood .haigou_area .tit {
          font-size: 1.30769rem; }
          #dryfood .haigou_area .tit span {
            font-size: 1.53846rem; }
        #dryfood .haigou_area .img_list li {
          width: 45%; }
          #dryfood .haigou_area .img_list li:nth-child(n+3) {
            margin-top: 1.30208vw; }
          #dryfood .haigou_area .img_list li:nth-child(even) {
            margin-left: 1.30208vw; }
        #dryfood .haigou_area .codawari_box .codawari:nth-child(n+2) {
          margin-top: 6.51042vw; }
        #dryfood .haigou_area .codawari_box .codawari .txt_box {
          padding-left: 10.41667vw; }
          #dryfood .haigou_area .codawari_box .codawari .txt_box .tit {
            padding-left: 4.42708vw; }
            #dryfood .haigou_area .codawari_box .codawari .txt_box .tit::before {
              width: 3.51562vw;
              height: 3.51562vw;
              position: absolute;
              top: 1.30208vw;
              left: 0;
              z-index: 0; }
            #dryfood .haigou_area .codawari_box .codawari .txt_box .tit span {
              font-size: 1.15385rem; }
          #dryfood .haigou_area .codawari_box .codawari .txt_box .txt {
            font-size: 0.92308rem;
            padding-left: 4.42708vw; }
        #dryfood .haigou_area .table_box {
          overflow-x: scroll; }
          #dryfood .haigou_area .table_box::-webkit-scrollbar {
            height: 2.34375vw; }
          #dryfood .haigou_area .table_box::-webkit-scrollbar-track {
            background: #f1f1f1;
            /* トラック（背景）の色 */
            border-radius: 1.82292vw; }
          #dryfood .haigou_area .table_box::-webkit-scrollbar-thumb {
            background: #888;
            /* サム（つまみ）の色 */
            border-radius: 1.82292vw; }
          #dryfood .haigou_area .table_box .tit {
            padding: 1.30208vw 0;
            font-size: 1.30769rem; }
          #dryfood .haigou_area .table_box table {
            border-collapse: collapse;
            white-space: nowrap; }
            #dryfood .haigou_area .table_box table thead th {
              padding: 1.30208vw 0; }
              #dryfood .haigou_area .table_box table thead th:first-child {
                width: 19.53125vw; }
            #dryfood .haigou_area .table_box table tbody td {
              padding: 1.30208vw 5.46875vw 1.30208vw 5.20833vw; }
        #dryfood .haigou_area .img_box {
          width: 62.5vw; } }

/*dish
-----------------------------------------------------------------------------*/
#dish {
  background-color: #e5eee0; }
  #dish .img_txt_box {
    position: relative; }
    #dish .img_txt_box::after {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-image: url("../img/sec04_img02.webp");
      background-size: cover;
      position: absolute;
      z-index: 1; }
    #dish .img_txt_box figure {
      margin: auto auto 0 0; }
  #dish .retort_area {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("../img/bg_img01.webp");
    background-color: #fff;
    border-radius: 30px;
    position: relative; }
    #dish .retort_area::after {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background-image: url("../img/sec04_img03.webp");
      background-size: cover;
      position: absolute;
      z-index: 1; }
    #dish .retort_area .list_box li {
      line-height: 2.4;
      position: relative; }
      #dish .retort_area .list_box li::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-image: url("../img/sec03_icon02.webp");
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0; }
    #dish .retort_area .txt_box .tit {
      line-height: 1.4; }
    #dish .retort_area .merit_box {
      border: 2px solid #14944a;
      border-radius: 20px; }
  #dish .lineup_area {
    margin: auto; }
    #dish .lineup_area .link_box {
      margin: auto; }
      #dish .lineup_area .link_box .link_list li {
        line-height: 1.8; }
        #dish .lineup_area .link_box .link_list li a {
          position: relative;
          border-bottom: 1px solid #481d02; }
          #dish .lineup_area .link_box .link_list li a::after {
            content: "";
            display: block;
            width: 100%;
            height: 100%;
            background-repeat: no-repeat;
            background-image: url("../img/arrow_r.webp");
            background-size: cover;
            position: absolute;
            top: 50%;
            z-index: 0;
            -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%); }
  #dish .bnr_box {
    margin: auto; }
  @media print, screen and (min-width: 768px) {
    #dish {
      scroll-margin-top: 3.125rem; }
      #dish .img_txt_box::after {
        width: 53.9375rem;
        height: 35.9375rem;
        right: -25rem;
        bottom: -11.25rem; }
      #dish .img_txt_box figure {
        width: 53.56322%; }
      #dish .retort_area {
        padding: 4.875rem 4.125rem 6.125rem; }
        #dish .retort_area::after {
          width: 18.5rem;
          height: 21rem;
          right: 0;
          bottom: -1.25rem; }
        #dish .retort_area .list_box {
          padding-left: 1.5rem; }
          #dish .retort_area .list_box li {
            line-height: 2.4;
            padding-left: 1.5rem;
            font-size: 1.25rem; }
            #dish .retort_area .list_box li::before {
              width: 1.0625rem;
              height: 1.0625rem;
              top: 1.125rem; }
        #dish .retort_area .merit_box {
          padding: 1.4375rem 3.5rem; }
          #dish .retort_area .merit_box .tit_icon span {
            font-size: 1.375rem;
            padding-left: 2.9375rem; }
            #dish .retort_area .merit_box .tit_icon span::before {
              width: 2.25rem;
              height: 2.25rem; }
      #dish .txt_box_area {
        padding-left: 1.25rem; }
        #dish .txt_box_area .txt {
          padding-left: 1.25rem; }
      #dish .lineup_area {
        width: 95.97701%; }
        #dish .lineup_area .lineup_img li {
          width: 22.99401%; }
          #dish .lineup_area .lineup_img li a {
            display: block;
            -webkit-transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s;
            transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s; }
            #dish .lineup_area .lineup_img li a:hover {
              color: #14944a; }
              #dish .lineup_area .lineup_img li a:hover img {
                opacity: 0.5; }
            #dish .lineup_area .lineup_img li a img {
              -webkit-transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s;
              transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s; }
        #dish .lineup_area .sb_tit {
          font-size: 1.25rem; }
        #dish .lineup_area .link_box {
          width: 91.97605%; }
          #dish .lineup_area .link_box .link_list li span {
            font-size: 0.625rem; }
          #dish .lineup_area .link_box .link_list li a::after {
            width: 1.0625rem;
            height: 1.0625rem;
            right: -1.5rem;
            -webkit-transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s;
            transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s; }
          #dish .lineup_area .link_box .link_list li a:hover {
            -webkit-transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s;
            transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s;
            color: #14944a;
            border-bottom: 1px solid #14944a; }
            #dish .lineup_area .link_box .link_list li a:hover::after {
              right: -1.875rem; }
      #dish .bnr_box {
        width: 72.41379%; } }
  @media only screen and (max-width: 767px) {
    #dish {
      scroll-margin-top: 26.04167vw; }
      #dish .img_txt_box {
        width: 85.9375vw;
        margin: auto; }
        #dish .img_txt_box::after {
          width: 73.30729vw;
          height: 46.875vw;
          right: -26.04167vw;
          bottom: -39.0625vw; }
        #dish .img_txt_box figure {
          width: 60.67708vw;
          margin: auto; }
      #dish .retort_area {
        padding: 10.15625vw 5.98958vw 12.76042vw;
        margin-top: 18.22917vw !important; }
        #dish .retort_area::after {
          width: 38.54167vw;
          height: 43.75vw;
          right: 0;
          bottom: -19.53125vw; }
        #dish .retort_area .list_box {
          padding-left: 3.125vw; }
          #dish .retort_area .list_box li {
            line-height: 1.4;
            padding-left: 5.72917vw;
            font-size: 1.15385rem; }
            #dish .retort_area .list_box li:not(:first-child) {
              margin-top: 2.60417vw; }
            #dish .retort_area .list_box li::before {
              width: 3.51562vw;
              height: 3.77604vw;
              top: 1.04167vw; }
        #dish .retort_area .merit_box {
          padding: 2.99479vw 4.6875vw; }
          #dish .retort_area .merit_box .tit_icon span {
            font-size: 1.23077rem;
            padding-left: 6.11979vw; }
            #dish .retort_area .merit_box .tit_icon span::before {
              width: 4.6875vw;
              height: 4.6875vw; }
      #dish .txt_box_area {
        padding-left: 2.60417vw; }
        #dish .txt_box_area .txt {
          padding-left: 2.60417vw; }
      #dish .lineup_area .lineup_img {
        width: 83.33333vw;
        margin: auto; }
        #dish .lineup_area .lineup_img li {
          width: 39.0625vw; }
          #dish .lineup_area .lineup_img li:nth-child(n+3) {
            margin-top: 2.60417vw; }
      #dish .lineup_area .sb_tit {
        font-size: 1.30769rem; }
      #dish .lineup_area .link_box .link_list li {
        width: 49%; }
        #dish .lineup_area .link_box .link_list li span {
          font-size: 0.76923rem; }
        #dish .lineup_area .link_box .link_list li a::after {
          width: 2.86458vw;
          height: 2.73438vw;
          right: -3.90625vw; } }

/*voice
-----------------------------------------------------------------------------*/
#voice {
  background-color: #e5eee0; }
  #voice .voice_box {
    margin: auto; }
    #voice .voice_box .voice {
      background-color: #fff;
      border-radius: 10px; }
      #voice .voice_box .voice dd {
        border-top: 1px solid #cac9c1;
        color: #333;
        line-height: 1.4; }
  @media print, screen and (min-width: 768px) {
    #voice .voice_box {
      width: 97.70115%; }
      #voice .voice_box .voice {
        width: 30.82353%; }
        #voice .voice_box .voice dd {
          padding: 0.875rem 1rem; } }
  @media only screen and (max-width: 767px) {
    #voice .voice_box {
      width: 78.125vw; }
      #voice .voice_box .voice:not(:first-child) {
        margin-top: 2.60417vw; }
      #voice .voice_box .voice dd {
        padding: 1.82292vw 2.08333vw; } }

/*premium
-----------------------------------------------------------------------------*/
#premium {
  background-color: #e5eee0; }
  #premium .border_area {
    background: linear-gradient(135deg, white 0%, #f3c773 0%, #efb036 50%, #d4951c 100%);
    border-radius: 16px;
    padding: 2px; }
  #premium .cont_area {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("../img/bg_img03.webp");
    background-size: contain;
    background-color: rgba(255, 255, 255, .5);
    background-blend-mode: overlay;
    border-radius: 16px;
    overflow: hidden; }
  #premium .txt_box_area {
    margin: auto; }
  @media print, screen and (min-width: 768px) {
    #premium {
      scroll-margin-top: 10.625rem; }
      #premium .txt_box_area {
        width: 90.53118%; }
      #premium .img_txt_box figure {
        width: 48.08673%; }
      #premium .img_txt_box .txt_box {
        width: 48.97959%; }
        #premium .img_txt_box .txt_box .tit {
          font-size: 1.25rem; }
        #premium .img_txt_box .txt_box .txt {
          padding-left: 0.625rem; } }
  @media only screen and (max-width: 767px) {
    #premium {
      scroll-margin-top: 39.0625vw; }
      #premium .txt_box_area {
        width: 78.125vw; }
      #premium .img_txt_box:nth-of-type(1) {
        margin-top: 0 !important; }
      #premium .img_txt_box .txt_box .tit {
        font-size: 1.15385rem; }
      #premium .img_txt_box .txt_box .txt {
        padding-left: 1.30208vw; }
      #premium .img_txt_box .img_box {
        margin-top: 3.90625vw; }
      #premium .img_box {
        width: 72.91667vw;
        margin: auto; }
        #premium .img_box li {
          width: 35.15625vw; }
      #premium .img_area .img_box li {
        margin-top: 2.60417vw; }
      #premium .bnr_box figure:nth-child(n+2) {
        margin-top: 3.90625vw !important; } }

/*treat
-----------------------------------------------------------------------------*/
#treat {
  background-color: #e5eee0; }
  #treat .cont_area {
    margin: auto; }
  @media print, screen and (min-width: 768px) {
    #treat {
      scroll-margin-top: 0rem; }
      #treat .inner {
        width: 100%;
        max-width: 1000px;
        margin: auto; }
      #treat .cont_area {
        width: 72.41379%;
        max-width: 870px; } }
  @media only screen and (max-width: 767px) {
    #treat {
      scroll-margin-top: 19.53125vw; }
      #treat .inner {
        width: 100%;
        margin: auto; }
      #treat .cont_area {
        width: 85.9375vw; } }

/*cat_dish
-----------------------------------------------------------------------------*/
#cat_dish {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../img/bg_img03.webp");
  background-size: contain;
  background-color: rgba(255, 255, 255, .5);
  background-blend-mode: overlay; }
  #cat_dish .img_txt_box {
    margin: auto auto 0 0;
    position: relative; }
    #cat_dish .img_txt_box::after {
      content: "";
      display: block;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-image: url("../img/sec08_img02.webp");
      background-size: cover;
      position: absolute;
      top: 0;
      z-index: 0; }
  @media print, screen and (min-width: 768px) {
    #cat_dish {
      scroll-margin-top: 3.125rem; }
      #cat_dish .img_txt_box {
        width: 58.62069%; }
        #cat_dish .img_txt_box::after {
          width: 53.9375rem;
          height: 35.9375rem;
          top: -10rem;
          right: -46.25rem; } }
  @media only screen and (max-width: 767px) {
    #cat_dish {
      scroll-margin-top: 26.04167vw; }
      #cat_dish .cont_area {
        width: 85.9375vw;
        margin: auto; }
      #cat_dish .img_txt_box::after {
        width: 65.10417vw;
        height: 39.0625vw;
        top: auto;
        bottom: -1.30208vw;
        right: -20.83333vw; }
      #cat_dish .img_txt_box figure {
        margin-top: 0 !important;
        width: 52.08333vw; } }

/*c_voice
-----------------------------------------------------------------------------*/
#c_voice {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-image: url("../img/sec09_bg_img.webp");
  background-size: cover;
  background-position: top center; }
  #c_voice .sec_tit, #c_voice .sec_sbtit {
    color: #fff; }
  #c_voice .c_voice_box {
    margin: auto 0 auto auto;
    padding: 0px;
    list-style: none;
    counter-reset: list_circle_num_counter; }
    #c_voice .c_voice_box .tit {
      position: relative;
      padding-left: 2em;
      counter-increment: list_circle_num_counter; }
      #c_voice .c_voice_box .tit::before {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 1.5em;
        height: 1.5em;
        background-color: #14944a;
        color: #fff;
        border-radius: 50%;
        line-height: 1;
        content: counter(list_circle_num_counter); }
      #c_voice .c_voice_box .tit + .tit {
        margin: 1em 0px 0px; }
    #c_voice .c_voice_box .txt {
      color: #fff; }
  @media print, screen and (min-width: 768px) {
    #c_voice .c_voice_box {
      width: 54.5977%; }
      #c_voice .c_voice_box .tit::before {
        position: absolute;
        top: 50%;
        left: 0;
        z-index: 0;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%); }
      #c_voice .c_voice_box .txt {
        padding-left: 3.125rem; } }
  @media only screen and (max-width: 767px) {
    #c_voice .c_voice_box {
      width: 82.03125vw;
      margin: auto; }
      #c_voice .c_voice_box .tit::before {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 0; }
      #c_voice .c_voice_box .txt {
        padding-left: 9.11458vw; } }

/*qa
-----------------------------------------------------------------------------*/
#qa .qa_box {
  border-bottom: 1px solid #14944a; }
  #qa .qa_box .tit {
    padding-left: 2em;
    position: relative; }
    #qa .qa_box .tit::before {
      content: "Q";
      display: block;
      width: 100%;
      height: 100%;
      background-color: #14944a;
      background-repeat: no-repeat;
      color: #fff;
      width: 1.5em;
      height: 1.5em;
      border-radius: 50%;
      text-align: center;
      line-height: 1;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center; }
  #qa .qa_box .txt span {
    color: #f01a48;
    font-family: "Noto Sans JP", sans-serif; }
  #qa .qa_box .txt a span {
    text-decoration: underline; }

@media print, screen and (min-width: 768px) {
  #qa .qa_box {
    padding-bottom: 3.125rem; }
    #qa .qa_box .tit::before {
      position: absolute;
      top: 50%;
      left: 0;
      z-index: 0;
      -webkit-transform: translate(0, -50%);
      transform: translate(0, -50%); }
    #qa .qa_box .txt {
      padding-left: 3.25rem; } }

@media only screen and (max-width: 767px) {
  #qa .cont_area {
    width: 85.9375vw;
    margin: auto; }
  #qa .qa_box {
    padding-bottom: 6.51042vw; }
    #qa .qa_box .tit::before {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0; }
    #qa .qa_box .txt {
      padding-left: 9.11458vw; } }

/*link
-----------------------------------------------------------------------------*/
#link {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../img/bg_img03.webp");
  background-size: contain;
  background-color: rgba(255, 255, 255, .5);
  background-blend-mode: overlay; }
  #link .link_area {
    margin: auto; }
    #link .link_area li a {
      -webkit-transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s;
      transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s;
      display: block;
      background: #14944a; }
  @media print, screen and (min-width: 768px) {
    #link .link_area {
      width: 95.97701%; }
      #link .link_area li {
        width: 31.25749%; }
        #link .link_area li:not(:nth-child(3n)) {
          margin-right: 2.99401%; }
        #link .link_area li:nth-child(n+4) {
          margin-top: 1.875rem; }
        #link .link_area li a:hover img {
          opacity: 0.5; }
        #link .link_area li a img {
          -webkit-transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s;
          transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s; } }
  @media only screen and (max-width: 767px) {
    #link .link_area {
      width: 100%; }
      #link .link_area li {
        width: 49%; }
        #link .link_area li:nth-child(n+3) {
          margin-top: 2%; } }

/*info
-----------------------------------------------------------------------------*/
#info .return_box {
  border: 1px solid #14944a; }
  #info .return_box .txt a {
    color: #1661a7;
    border-bottom: 1px solid #1661a7; }

#info .info_box .tit_txt_box .tit {
  line-height: 1.2;
  border-bottom: 1px solid #14944a; }

#info .info_box .tit_txt_box .txt_box .flex_box .txt_info {
  line-height: 1.4; }

#info .online_box .tit_txt_box .tit, #info .sns_area .tit_txt_box .tit {
  border-bottom: 1px solid #14944a; }

#info .online_box .shop_box, #info .online_box .sns_box, #info .sns_area .shop_box, #info .sns_area .sns_box {
  margin: auto; }
  #info .online_box .shop_box li a, #info .online_box .sns_box li a, #info .sns_area .shop_box li a, #info .sns_area .sns_box li a {
    display: block;
    background: #14944a; }

#info .coment_box .tit {
  position: relative; }
  #info .coment_box .tit::after, #info .coment_box .tit::before {
    display: block;
    content: "";
    background: #14944a;
    width: 2px;
    height: 100%;
    margin: 0 3em;
    margin-top: -.2em; }
  #info .coment_box .tit::before {
    -webkit-transform: rotate(-20deg);
            transform: rotate(-20deg); }
  #info .coment_box .tit::after {
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg); }

@media print, screen and (min-width: 768px) {
  #info .return_box {
    padding: 1.875rem; }
    #info .return_box .txt {
      padding-left: 2em; }
      #info .return_box .txt a {
        -webkit-transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s;
        transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s; }
        #info .return_box .txt a:hover {
          color: #f01a48;
          border-bottom: 1px solid #f01a48; }
  #info .info_box figure {
    width: 46.66667%; }
  #info .info_box .tit_txt_box {
    width: 47.12644%; }
    #info .info_box .tit_txt_box .tit {
      padding: 0 0 0.625rem 0.625rem; }
    #info .info_box .tit_txt_box .txt_box {
      padding-left: 0.625rem; }
      #info .info_box .tit_txt_box .txt_box .flex_box .img {
        width: 3.90244%; }
        #info .info_box .tit_txt_box .txt_box .flex_box .img.access_img, #info .info_box .tit_txt_box .txt_box .flex_box .img.info_img {
          width: 3.17073%; }
        #info .info_box .tit_txt_box .txt_box .flex_box .img.info_img, #info .info_box .tit_txt_box .txt_box .flex_box .img.time_img {
          padding-top: 0.375rem; }
      #info .info_box .tit_txt_box .txt_box .flex_box .txt_info {
        width: 90.2439%; }
  #info .online_box .tit_txt_box .tit, #info .sns_area .tit_txt_box .tit {
    padding: 0 0 0.625rem 0; }
  #info .online_box .shop_box, #info .online_box .sns_box, #info .sns_area .shop_box, #info .sns_area .sns_box {
    width: 91.95402%; }
    #info .online_box .shop_box li, #info .online_box .sns_box li, #info .sns_area .shop_box li, #info .sns_area .sns_box li {
      width: 24.375%; }
      #info .online_box .shop_box li a, #info .online_box .sns_box li a, #info .sns_area .shop_box li a, #info .sns_area .sns_box li a {
        -webkit-transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s;
        transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s; }
        #info .online_box .shop_box li a:hover img, #info .online_box .sns_box li a:hover img, #info .sns_area .shop_box li a:hover img, #info .sns_area .sns_box li a:hover img {
          opacity: 0.8; }
        #info .online_box .shop_box li a img, #info .online_box .sns_box li a img, #info .sns_area .shop_box li a img, #info .sns_area .sns_box li a img {
          -webkit-transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s;
          transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s; }
  #info .coment_box .tit {
    line-height: 2; }
    #info .coment_box .tit::before {
      position: absolute;
      top: 0;
      left: 0;
      z-index: 0; }
    #info .coment_box .tit::after {
      position: absolute;
      top: 0;
      right: 0;
      z-index: 0; } }

@media only screen and (max-width: 767px) {
  #info .return_box {
    padding: 3.90625vw; }
    #info .return_box .txt {
      padding-left: 1.5em; }
  #info .info_box figure {
    width: 78.125vw;
    margin: auto; }
  #info .info_box .tit_txt_box {
    width: 78.125vw;
    margin: 2.60417vw auto 0; }
    #info .info_box .tit_txt_box .tit {
      padding: 0 0 1.30208vw 1.30208vw; }
    #info .info_box .tit_txt_box .txt_box {
      padding-left: 1.30208vw; }
      #info .info_box .tit_txt_box .txt_box .flex_box .img {
        width: 3.38542vw; }
        #info .info_box .tit_txt_box .txt_box .flex_box .img.access_img, #info .info_box .tit_txt_box .txt_box .flex_box .img.info_img {
          width: 2.99479vw; }
        #info .info_box .tit_txt_box .txt_box .flex_box .img.info_img, #info .info_box .tit_txt_box .txt_box .flex_box .img.time_img {
          padding-top: 0.78125vw; }
      #info .info_box .tit_txt_box .txt_box .flex_box .txt_info {
        width: 71.61458vw; }
        #info .info_box .tit_txt_box .txt_box .flex_box .txt_info .txt {
          padding-left: 1em;
          text-indent: -1em; }
  #info .online_box, #info .sns_area {
    width: 78.125vw;
    margin: auto; }
    #info .online_box .tit_txt_box .tit, #info .sns_area .tit_txt_box .tit {
      padding: 0 0 1.30208vw 0; }
    #info .online_box .shop_box li, #info .online_box .sns_box li, #info .sns_area .shop_box li, #info .sns_area .sns_box li {
      width: 37.76042vw; }
      #info .online_box .shop_box li:nth-child(n+3), #info .online_box .sns_box li:nth-child(n+3), #info .sns_area .shop_box li:nth-child(n+3), #info .sns_area .sns_box li:nth-child(n+3) {
        margin-top: 2.60417vw; }
  #info .coment_box {
    width: 65.10417vw;
    margin: auto; }
    #info .coment_box .tit::before {
      position: absolute;
      top: 0;
      left: -20.83333vw;
      z-index: 0; }
    #info .coment_box .tit::after {
      position: absolute;
      top: 0;
      right: -20.83333vw;
      z-index: 0; } }

/*footer
-----------------------------------------------------------------------------*/
#footer {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../img/bg_img02.webp"); }
  #footer .img_area {
    margin: auto; }
  #footer .txt {
    color: #fff; }
  @media print, screen and (min-width: 768px) {
    #footer {
      padding: 3.125rem 0; }
      #footer .img_area {
        width: 46.78161%; } }
  @media only screen and (max-width: 767px) {
    #footer {
      padding: 6.51042vw 0 39.0625vw; }
      #footer .img_area {
        width: 52.99479vw; } }

/*page-top
-----------------------------------------------------------------------------*/
/*page-top
-----------------------------------------------------------------------------*/
button {
  position: fixed;
  z-index: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  cursor: pointer;
  opacity: 0;
  visibility: hidden;
  border: 0;
  background: #d4951c;
  -webkit-transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s;
  transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s;
  letter-spacing: 3px;
  font-weight: bold; }
  button.is-active {
    opacity: 1;
    visibility: visible; }
  button i {
    position: absolute;
    color: #FFF;
    font-weight: 300; }
  button p {
    margin: 0;
    position: absolute; }
  @media print, screen and (min-width: 768px) {
    button {
      right: -80px;
      bottom: 200px;
      width: 3.75rem;
      height: 5rem;
      border-radius: 10px 0 0 0; }
      button.is-active {
        right: -2px; }
      button i {
        font-size: 30px;
        top: 15px; }
      button p {
        font-size: 15px;
        bottom: 13px; } }
  @media only screen and (max-width: 767px) {
    button {
      bottom: calc(-1px + var(--bnr-height));
      width: 100%;
      height: 7.8125vw; }
      button :root {
        --bnr-height: 0px; } }

/*fixed_bnr
-----------------------------------------------------------------------------*/
#fixed_bnr {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 500; }
  @media print, screen and (min-width: 768px) {
    #fixed_bnr.fixed_img {
      width: 12.5rem;
      height: 12.5rem; }
      #fixed_bnr.fixed_img a {
        -webkit-transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s;
        transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s; }
        #fixed_bnr.fixed_img a:hover {
          opacity: 0.5; } }
  @media only screen and (max-width: 767px) {
    #fixed_bnr.fixed_img {
      width: 100%;
      height: auto; } }

/*js・アニメーション
-----------------------------------------------------------------------------*/
.tran, .scrollListItem, .scrollItem, .scrollListAll > * {
  -webkit-transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s;
  transition: all 0.3s cubic-bezier(0.66, 0.01, 0.67, 0.71) 0s; }

.fadein {
  opacity: 0; }
  .fadein.scrollActive {
    opacity: 1; }

.fadeout {
  opacity: 1; }
  .fadeout.scrollActive {
    opacity: 0; }

.fadeTop {
  -webkit-transform: translate(0, 3.125rem);
  transform: translate(0, 3.125rem); }
  .fadeTop.scrollActive {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }

.fadeBottom {
  -webkit-transform: translate(0, -3.125rem);
  transform: translate(0, -3.125rem); }
  .fadeBottom.scrollActive {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }

.fadeRight {
  -webkit-transform: translate(-3.125rem, 0);
  transform: translate(-3.125rem, 0); }
  .fadeRight.scrollActive {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }

.fadeLeft {
  -webkit-transform: translate(3.125rem, 0);
  transform: translate(3.125rem, 0); }
  .fadeLeft.scrollActive {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0); }

.scaleUp {
  display: block;
  -webkit-transform: scale(0.97, 0.97);
  transform: scale(0.97, 0.97); }
  .scaleUp.scrollActive {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }

.scaleUp02 {
  display: block;
  -webkit-transform: scale(0.8, 0.8);
  transform: scale(0.8, 0.8); }
  .scaleUp02.scrollActive {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }

.scaleUp00 {
  -webkit-transform: scale(0, 0);
  transform: scale(0, 0); }
  .scaleUp00.scrollActive {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }

.scaleDown {
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1); }
  .scaleDown.scrollActive {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }

.panelX {
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1); }
  .panelX.scrollActive {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1); }

.panel {
  -webkit-transform: translate(0, 1.25rem) rotate(0deg) scale(0, 0.9) skew(0deg, 7.5deg);
  transform: translate(0, 1.25rem) rotate(0deg) scale(0, 0.9) skew(0deg, 7.5deg); }
  .panel.scrollActive {
    -webkit-transform: translate(0, 0) rotate(0deg) scale(1, 1) skew(0deg, 0deg);
    transform: translate(0, 0) rotate(0deg) scale(1, 1) skew(0deg, 0deg); }

/*css anime
---------------*/
@-webkit-keyframes slider_no_anime_pc {
  0% {
    width: 0;
    right: 70.16807%; }
  70% {
    width: 56.13445%; }
  80% {
    right: 0%; }
  100% {
    width: 0;
    right: 0; } }
@keyframes slider_no_anime_pc {
  0% {
    width: 0;
    right: 70.16807%; }
  70% {
    width: 56.13445%; }
  80% {
    right: 0%; }
  100% {
    width: 0;
    right: 0; } }