@charset "UTF-8";
/* CSS Document */

@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,wght@1,600&family=Fira+Sans+Extra+Condensed:ital@0;1&family=Playfair+Display:ital,wght@0,600;1,600&family=Noto+Sans+TC&family=Noto+Serif+TC&family=Shippori+Mincho:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;700&text=靱靭查&display=swap");
@import url("https://use.typekit.net/kig5ouo.css");
@import url("https://use.typekit.net/xay1fwh.css");
@font-face {
  font-family: 'DIN_Condensed_Bold';
  src: url("../font/DIN_Condensed_Bold.ttf") format("truetype");
}
@font-face {
  font-family: 'NotoSansCJKjp-Bold';
  src: url("../font/NotoSansCJKjp-Bold.ttf") format("truetype");
}
@font-face {
  font-family: 'NotoSansCJKjp-Medium';
  src: url("../font/NotoSansCJKjp-Medium.ttf") format("truetype");
}
@font-face {
  font-family: 'NotoSerifCJKjp-Bold';
  src: url("../font/NotoSerifCJKjp-Bold.ttf") format("truetype");
}
/*
@font-face {
    font-family: 'NotoSansCJKjp-Regular';
    src: url('../font/NotoSansCJKjp-Regular.otf') format('opentype');
}
*/
/*! Reset CSS */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, input, textarea, button, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-weight: 400;
  vertical-align: baseline;
  background: transparent;
  box-sizing: border-box;
}
body {
  line-height: 1.6;
  color: #555;
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, "Shippori Mincho", "Times New Roman", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
span {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}
ul {
  list-style: none;
}
a {
  color: #9F8575;
  outline: none;
  text-decoration: none;
  box-sizing: border-box;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}
input, select {
  vertical-align: middle;
}
img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}
sup {
  vertical-align: top;
  position: relative;
  top: -0.5ex;
  font-size: 70%;
}
button {
  outline: none;
}
body[data-aos-duration='50'] [data-aos], [data-aos][data-aos][data-aos-duration='50'] {
  transition-duration: 50ms;
}
body[data-aos-delay='50'] [data-aos], [data-aos][data-aos][data-aos-delay='50'] {
  transition-delay: 0s;
}
body[data-aos-delay='50'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='50'].aos-animate {
  transition-delay: 50ms;
}
body[data-aos-duration='100'] [data-aos], [data-aos][data-aos][data-aos-duration='100'] {
  transition-duration: 100ms;
}
body[data-aos-delay='100'] [data-aos], [data-aos][data-aos][data-aos-delay='100'] {
  transition-delay: 0s;
}
body[data-aos-delay='100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='100'].aos-animate {
  transition-delay: 100ms;
}
body[data-aos-duration='150'] [data-aos], [data-aos][data-aos][data-aos-duration='150'] {
  transition-duration: 150ms;
}
body[data-aos-delay='150'] [data-aos], [data-aos][data-aos][data-aos-delay='150'] {
  transition-delay: 0s;
}
body[data-aos-delay='150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='150'].aos-animate {
  transition-delay: 150ms;
}
body[data-aos-duration='200'] [data-aos], [data-aos][data-aos][data-aos-duration='200'] {
  transition-duration: 200ms;
}
body[data-aos-delay='200'] [data-aos], [data-aos][data-aos][data-aos-delay='200'] {
  transition-delay: 0s;
}
body[data-aos-delay='200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='200'].aos-animate {
  transition-delay: 200ms;
}
body[data-aos-duration='250'] [data-aos], [data-aos][data-aos][data-aos-duration='250'] {
  transition-duration: 250ms;
}
body[data-aos-delay='250'] [data-aos], [data-aos][data-aos][data-aos-delay='250'] {
  transition-delay: 0s;
}
body[data-aos-delay='250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='250'].aos-animate {
  transition-delay: 250ms;
}
body[data-aos-duration='300'] [data-aos], [data-aos][data-aos][data-aos-duration='300'] {
  transition-duration: 300ms;
}
body[data-aos-delay='300'] [data-aos], [data-aos][data-aos][data-aos-delay='300'] {
  transition-delay: 0s;
}
body[data-aos-delay='300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='300'].aos-animate {
  transition-delay: 300ms;
}
body[data-aos-duration='350'] [data-aos], [data-aos][data-aos][data-aos-duration='350'] {
  transition-duration: 350ms;
}
body[data-aos-delay='350'] [data-aos], [data-aos][data-aos][data-aos-delay='350'] {
  transition-delay: 0s;
}
body[data-aos-delay='350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='350'].aos-animate {
  transition-delay: 350ms;
}
body[data-aos-duration='400'] [data-aos], [data-aos][data-aos][data-aos-duration='400'] {
  transition-duration: 400ms;
}
body[data-aos-delay='400'] [data-aos], [data-aos][data-aos][data-aos-delay='400'] {
  transition-delay: 0s;
}
body[data-aos-delay='400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='400'].aos-animate {
  transition-delay: 400ms;
}
body[data-aos-duration='450'] [data-aos], [data-aos][data-aos][data-aos-duration='450'] {
  transition-duration: 450ms;
}
body[data-aos-delay='450'] [data-aos], [data-aos][data-aos][data-aos-delay='450'] {
  transition-delay: 0s;
}
body[data-aos-delay='450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='450'].aos-animate {
  transition-delay: 450ms;
}
body[data-aos-duration='500'] [data-aos], [data-aos][data-aos][data-aos-duration='500'] {
  transition-duration: 500ms;
}
body[data-aos-delay='500'] [data-aos], [data-aos][data-aos][data-aos-delay='500'] {
  transition-delay: 0s;
}
body[data-aos-delay='500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='500'].aos-animate {
  transition-delay: 500ms;
}
body[data-aos-duration='550'] [data-aos], [data-aos][data-aos][data-aos-duration='550'] {
  transition-duration: 550ms;
}
body[data-aos-delay='550'] [data-aos], [data-aos][data-aos][data-aos-delay='550'] {
  transition-delay: 0s;
}
body[data-aos-delay='550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='550'].aos-animate {
  transition-delay: 550ms;
}
body[data-aos-duration='600'] [data-aos], [data-aos][data-aos][data-aos-duration='600'] {
  transition-duration: 600ms;
}
body[data-aos-delay='600'] [data-aos], [data-aos][data-aos][data-aos-delay='600'] {
  transition-delay: 0s;
}
body[data-aos-delay='600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='600'].aos-animate {
  transition-delay: 600ms;
}
body[data-aos-duration='650'] [data-aos], [data-aos][data-aos][data-aos-duration='650'] {
  transition-duration: 650ms;
}
body[data-aos-delay='650'] [data-aos], [data-aos][data-aos][data-aos-delay='650'] {
  transition-delay: 0s;
}
body[data-aos-delay='650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='650'].aos-animate {
  transition-delay: 650ms;
}
body[data-aos-duration='700'] [data-aos], [data-aos][data-aos][data-aos-duration='700'] {
  transition-duration: 700ms;
}
body[data-aos-delay='700'] [data-aos], [data-aos][data-aos][data-aos-delay='700'] {
  transition-delay: 0s;
}
body[data-aos-delay='700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='700'].aos-animate {
  transition-delay: 700ms;
}
body[data-aos-duration='750'] [data-aos], [data-aos][data-aos][data-aos-duration='750'] {
  transition-duration: 750ms;
}
body[data-aos-delay='750'] [data-aos], [data-aos][data-aos][data-aos-delay='750'] {
  transition-delay: 0s;
}
body[data-aos-delay='750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='750'].aos-animate {
  transition-delay: 750ms;
}
body[data-aos-duration='800'] [data-aos], [data-aos][data-aos][data-aos-duration='800'] {
  transition-duration: 800ms;
}
body[data-aos-delay='800'] [data-aos], [data-aos][data-aos][data-aos-delay='800'] {
  transition-delay: 0s;
}
body[data-aos-delay='800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='800'].aos-animate {
  transition-delay: 800ms;
}
body[data-aos-duration='850'] [data-aos], [data-aos][data-aos][data-aos-duration='850'] {
  transition-duration: 850ms;
}
body[data-aos-delay='850'] [data-aos], [data-aos][data-aos][data-aos-delay='850'] {
  transition-delay: 0s;
}
body[data-aos-delay='850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='850'].aos-animate {
  transition-delay: 850ms;
}
body[data-aos-duration='900'] [data-aos], [data-aos][data-aos][data-aos-duration='900'] {
  transition-duration: 900ms;
}
body[data-aos-delay='900'] [data-aos], [data-aos][data-aos][data-aos-delay='900'] {
  transition-delay: 0s;
}
body[data-aos-delay='900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='900'].aos-animate {
  transition-delay: 900ms;
}
body[data-aos-duration='950'] [data-aos], [data-aos][data-aos][data-aos-duration='950'] {
  transition-duration: 950ms;
}
body[data-aos-delay='950'] [data-aos], [data-aos][data-aos][data-aos-delay='950'] {
  transition-delay: 0s;
}
body[data-aos-delay='950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='950'].aos-animate {
  transition-delay: 950ms;
}
body[data-aos-duration='1000'] [data-aos], [data-aos][data-aos][data-aos-duration='1000'] {
  transition-duration: 1000ms;
}
body[data-aos-delay='1000'] [data-aos], [data-aos][data-aos][data-aos-delay='1000'] {
  transition-delay: 0s;
}
body[data-aos-delay='1000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1000'].aos-animate {
  transition-delay: 1000ms;
}
body[data-aos-duration='1050'] [data-aos], [data-aos][data-aos][data-aos-duration='1050'] {
  transition-duration: 1050ms;
}
body[data-aos-delay='1050'] [data-aos], [data-aos][data-aos][data-aos-delay='1050'] {
  transition-delay: 0s;
}
body[data-aos-delay='1050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1050'].aos-animate {
  transition-delay: 1050ms;
}
body[data-aos-duration='1100'] [data-aos], [data-aos][data-aos][data-aos-duration='1100'] {
  transition-duration: 1100ms;
}
body[data-aos-delay='1100'] [data-aos], [data-aos][data-aos][data-aos-delay='1100'] {
  transition-delay: 0s;
}
body[data-aos-delay='1100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1100'].aos-animate {
  transition-delay: 1100ms;
}
body[data-aos-duration='1150'] [data-aos], [data-aos][data-aos][data-aos-duration='1150'] {
  transition-duration: 1150ms;
}
body[data-aos-delay='1150'] [data-aos], [data-aos][data-aos][data-aos-delay='1150'] {
  transition-delay: 0s;
}
body[data-aos-delay='1150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1150'].aos-animate {
  transition-delay: 1150ms;
}
body[data-aos-duration='1200'] [data-aos], [data-aos][data-aos][data-aos-duration='1200'] {
  transition-duration: 1200ms;
}
body[data-aos-delay='1200'] [data-aos], [data-aos][data-aos][data-aos-delay='1200'] {
  transition-delay: 0s;
}
body[data-aos-delay='1200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1200'].aos-animate {
  transition-delay: 1200ms;
}
body[data-aos-duration='1250'] [data-aos], [data-aos][data-aos][data-aos-duration='1250'] {
  transition-duration: 1250ms;
}
body[data-aos-delay='1250'] [data-aos], [data-aos][data-aos][data-aos-delay='1250'] {
  transition-delay: 0s;
}
body[data-aos-delay='1250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1250'].aos-animate {
  transition-delay: 1250ms;
}
body[data-aos-duration='1300'] [data-aos], [data-aos][data-aos][data-aos-duration='1300'] {
  transition-duration: 1300ms;
}
body[data-aos-delay='1300'] [data-aos], [data-aos][data-aos][data-aos-delay='1300'] {
  transition-delay: 0s;
}
body[data-aos-delay='1300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1300'].aos-animate {
  transition-delay: 1300ms;
}
body[data-aos-duration='1350'] [data-aos], [data-aos][data-aos][data-aos-duration='1350'] {
  transition-duration: 1350ms;
}
body[data-aos-delay='1350'] [data-aos], [data-aos][data-aos][data-aos-delay='1350'] {
  transition-delay: 0s;
}
body[data-aos-delay='1350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1350'].aos-animate {
  transition-delay: 1350ms;
}
body[data-aos-duration='1400'] [data-aos], [data-aos][data-aos][data-aos-duration='1400'] {
  transition-duration: 1400ms;
}
body[data-aos-delay='1400'] [data-aos], [data-aos][data-aos][data-aos-delay='1400'] {
  transition-delay: 0s;
}
body[data-aos-delay='1400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1400'].aos-animate {
  transition-delay: 1400ms;
}
body[data-aos-duration='1450'] [data-aos], [data-aos][data-aos][data-aos-duration='1450'] {
  transition-duration: 1450ms;
}
body[data-aos-delay='1450'] [data-aos], [data-aos][data-aos][data-aos-delay='1450'] {
  transition-delay: 0s;
}
body[data-aos-delay='1450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1450'].aos-animate {
  transition-delay: 1450ms;
}
body[data-aos-duration='1500'] [data-aos], [data-aos][data-aos][data-aos-duration='1500'] {
  transition-duration: 1500ms;
}
body[data-aos-delay='1500'] [data-aos], [data-aos][data-aos][data-aos-delay='1500'] {
  transition-delay: 0s;
}
body[data-aos-delay='1500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1500'].aos-animate {
  transition-delay: 1500ms;
}
body[data-aos-duration='1550'] [data-aos], [data-aos][data-aos][data-aos-duration='1550'] {
  transition-duration: 1550ms;
}
body[data-aos-delay='1550'] [data-aos], [data-aos][data-aos][data-aos-delay='1550'] {
  transition-delay: 0s;
}
body[data-aos-delay='1550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1550'].aos-animate {
  transition-delay: 1550ms;
}
body[data-aos-duration='1600'] [data-aos], [data-aos][data-aos][data-aos-duration='1600'] {
  transition-duration: 1600ms;
}
body[data-aos-delay='1600'] [data-aos], [data-aos][data-aos][data-aos-delay='1600'] {
  transition-delay: 0s;
}
body[data-aos-delay='1600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1600'].aos-animate {
  transition-delay: 1600ms;
}
body[data-aos-duration='1650'] [data-aos], [data-aos][data-aos][data-aos-duration='1650'] {
  transition-duration: 1650ms;
}
body[data-aos-delay='1650'] [data-aos], [data-aos][data-aos][data-aos-delay='1650'] {
  transition-delay: 0s;
}
body[data-aos-delay='1650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1650'].aos-animate {
  transition-delay: 1650ms;
}
body[data-aos-duration='1700'] [data-aos], [data-aos][data-aos][data-aos-duration='1700'] {
  transition-duration: 1700ms;
}
body[data-aos-delay='1700'] [data-aos], [data-aos][data-aos][data-aos-delay='1700'] {
  transition-delay: 0s;
}
body[data-aos-delay='1700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1700'].aos-animate {
  transition-delay: 1700ms;
}
body[data-aos-duration='1750'] [data-aos], [data-aos][data-aos][data-aos-duration='1750'] {
  transition-duration: 1750ms;
}
body[data-aos-delay='1750'] [data-aos], [data-aos][data-aos][data-aos-delay='1750'] {
  transition-delay: 0s;
}
body[data-aos-delay='1750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1750'].aos-animate {
  transition-delay: 1750ms;
}
body[data-aos-duration='1800'] [data-aos], [data-aos][data-aos][data-aos-duration='1800'] {
  transition-duration: 1800ms;
}
body[data-aos-delay='1800'] [data-aos], [data-aos][data-aos][data-aos-delay='1800'] {
  transition-delay: 0s;
}
body[data-aos-delay='1800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1800'].aos-animate {
  transition-delay: 1800ms;
}
body[data-aos-duration='1850'] [data-aos], [data-aos][data-aos][data-aos-duration='1850'] {
  transition-duration: 1850ms;
}
body[data-aos-delay='1850'] [data-aos], [data-aos][data-aos][data-aos-delay='1850'] {
  transition-delay: 0s;
}
body[data-aos-delay='1850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1850'].aos-animate {
  transition-delay: 1850ms;
}
body[data-aos-duration='1900'] [data-aos], [data-aos][data-aos][data-aos-duration='1900'] {
  transition-duration: 1900ms;
}
body[data-aos-delay='1900'] [data-aos], [data-aos][data-aos][data-aos-delay='1900'] {
  transition-delay: 0s;
}
body[data-aos-delay='1900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1900'].aos-animate {
  transition-delay: 1900ms;
}
body[data-aos-duration='1950'] [data-aos], [data-aos][data-aos][data-aos-duration='1950'] {
  transition-duration: 1950ms;
}
body[data-aos-delay='1950'] [data-aos], [data-aos][data-aos][data-aos-delay='1950'] {
  transition-delay: 0s;
}
body[data-aos-delay='1950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='1950'].aos-animate {
  transition-delay: 1950ms;
}
body[data-aos-duration='2000'] [data-aos], [data-aos][data-aos][data-aos-duration='2000'] {
  transition-duration: 2000ms;
}
body[data-aos-delay='2000'] [data-aos], [data-aos][data-aos][data-aos-delay='2000'] {
  transition-delay: 0s;
}
body[data-aos-delay='2000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2000'].aos-animate {
  transition-delay: 2000ms;
}
body[data-aos-duration='2050'] [data-aos], [data-aos][data-aos][data-aos-duration='2050'] {
  transition-duration: 2050ms;
}
body[data-aos-delay='2050'] [data-aos], [data-aos][data-aos][data-aos-delay='2050'] {
  transition-delay: 0s;
}
body[data-aos-delay='2050'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2050'].aos-animate {
  transition-delay: 2050ms;
}
body[data-aos-duration='2100'] [data-aos], [data-aos][data-aos][data-aos-duration='2100'] {
  transition-duration: 2100ms;
}
body[data-aos-delay='2100'] [data-aos], [data-aos][data-aos][data-aos-delay='2100'] {
  transition-delay: 0s;
}
body[data-aos-delay='2100'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2100'].aos-animate {
  transition-delay: 2100ms;
}
body[data-aos-duration='2150'] [data-aos], [data-aos][data-aos][data-aos-duration='2150'] {
  transition-duration: 2150ms;
}
body[data-aos-delay='2150'] [data-aos], [data-aos][data-aos][data-aos-delay='2150'] {
  transition-delay: 0s;
}
body[data-aos-delay='2150'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2150'].aos-animate {
  transition-delay: 2150ms;
}
body[data-aos-duration='2200'] [data-aos], [data-aos][data-aos][data-aos-duration='2200'] {
  transition-duration: 2200ms;
}
body[data-aos-delay='2200'] [data-aos], [data-aos][data-aos][data-aos-delay='2200'] {
  transition-delay: 0s;
}
body[data-aos-delay='2200'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2200'].aos-animate {
  transition-delay: 2200ms;
}
body[data-aos-duration='2250'] [data-aos], [data-aos][data-aos][data-aos-duration='2250'] {
  transition-duration: 2250ms;
}
body[data-aos-delay='2250'] [data-aos], [data-aos][data-aos][data-aos-delay='2250'] {
  transition-delay: 0s;
}
body[data-aos-delay='2250'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2250'].aos-animate {
  transition-delay: 2250ms;
}
body[data-aos-duration='2300'] [data-aos], [data-aos][data-aos][data-aos-duration='2300'] {
  transition-duration: 2300ms;
}
body[data-aos-delay='2300'] [data-aos], [data-aos][data-aos][data-aos-delay='2300'] {
  transition-delay: 0s;
}
body[data-aos-delay='2300'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2300'].aos-animate {
  transition-delay: 2300ms;
}
body[data-aos-duration='2350'] [data-aos], [data-aos][data-aos][data-aos-duration='2350'] {
  transition-duration: 2350ms;
}
body[data-aos-delay='2350'] [data-aos], [data-aos][data-aos][data-aos-delay='2350'] {
  transition-delay: 0s;
}
body[data-aos-delay='2350'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2350'].aos-animate {
  transition-delay: 2350ms;
}
body[data-aos-duration='2400'] [data-aos], [data-aos][data-aos][data-aos-duration='2400'] {
  transition-duration: 2400ms;
}
body[data-aos-delay='2400'] [data-aos], [data-aos][data-aos][data-aos-delay='2400'] {
  transition-delay: 0s;
}
body[data-aos-delay='2400'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2400'].aos-animate {
  transition-delay: 2400ms;
}
body[data-aos-duration='2450'] [data-aos], [data-aos][data-aos][data-aos-duration='2450'] {
  transition-duration: 2450ms;
}
body[data-aos-delay='2450'] [data-aos], [data-aos][data-aos][data-aos-delay='2450'] {
  transition-delay: 0s;
}
body[data-aos-delay='2450'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2450'].aos-animate {
  transition-delay: 2450ms;
}
body[data-aos-duration='2500'] [data-aos], [data-aos][data-aos][data-aos-duration='2500'] {
  transition-duration: 2500ms;
}
body[data-aos-delay='2500'] [data-aos], [data-aos][data-aos][data-aos-delay='2500'] {
  transition-delay: 0s;
}
body[data-aos-delay='2500'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2500'].aos-animate {
  transition-delay: 2500ms;
}
body[data-aos-duration='2550'] [data-aos], [data-aos][data-aos][data-aos-duration='2550'] {
  transition-duration: 2550ms;
}
body[data-aos-delay='2550'] [data-aos], [data-aos][data-aos][data-aos-delay='2550'] {
  transition-delay: 0s;
}
body[data-aos-delay='2550'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2550'].aos-animate {
  transition-delay: 2550ms;
}
body[data-aos-duration='2600'] [data-aos], [data-aos][data-aos][data-aos-duration='2600'] {
  transition-duration: 2600ms;
}
body[data-aos-delay='2600'] [data-aos], [data-aos][data-aos][data-aos-delay='2600'] {
  transition-delay: 0s;
}
body[data-aos-delay='2600'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2600'].aos-animate {
  transition-delay: 2600ms;
}
body[data-aos-duration='2650'] [data-aos], [data-aos][data-aos][data-aos-duration='2650'] {
  transition-duration: 2650ms;
}
body[data-aos-delay='2650'] [data-aos], [data-aos][data-aos][data-aos-delay='2650'] {
  transition-delay: 0s;
}
body[data-aos-delay='2650'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2650'].aos-animate {
  transition-delay: 2650ms;
}
body[data-aos-duration='2700'] [data-aos], [data-aos][data-aos][data-aos-duration='2700'] {
  transition-duration: 2700ms;
}
body[data-aos-delay='2700'] [data-aos], [data-aos][data-aos][data-aos-delay='2700'] {
  transition-delay: 0s;
}
body[data-aos-delay='2700'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2700'].aos-animate {
  transition-delay: 2700ms;
}
body[data-aos-duration='2750'] [data-aos], [data-aos][data-aos][data-aos-duration='2750'] {
  transition-duration: 2750ms;
}
body[data-aos-delay='2750'] [data-aos], [data-aos][data-aos][data-aos-delay='2750'] {
  transition-delay: 0s;
}
body[data-aos-delay='2750'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2750'].aos-animate {
  transition-delay: 2750ms;
}
body[data-aos-duration='2800'] [data-aos], [data-aos][data-aos][data-aos-duration='2800'] {
  transition-duration: 2800ms;
}
body[data-aos-delay='2800'] [data-aos], [data-aos][data-aos][data-aos-delay='2800'] {
  transition-delay: 0s;
}
body[data-aos-delay='2800'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2800'].aos-animate {
  transition-delay: 2800ms;
}
body[data-aos-duration='2850'] [data-aos], [data-aos][data-aos][data-aos-duration='2850'] {
  transition-duration: 2850ms;
}
body[data-aos-delay='2850'] [data-aos], [data-aos][data-aos][data-aos-delay='2850'] {
  transition-delay: 0s;
}
body[data-aos-delay='2850'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2850'].aos-animate {
  transition-delay: 2850ms;
}
body[data-aos-duration='2900'] [data-aos], [data-aos][data-aos][data-aos-duration='2900'] {
  transition-duration: 2900ms;
}
body[data-aos-delay='2900'] [data-aos], [data-aos][data-aos][data-aos-delay='2900'] {
  transition-delay: 0s;
}
body[data-aos-delay='2900'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2900'].aos-animate {
  transition-delay: 2900ms;
}
body[data-aos-duration='2950'] [data-aos], [data-aos][data-aos][data-aos-duration='2950'] {
  transition-duration: 2950ms;
}
body[data-aos-delay='2950'] [data-aos], [data-aos][data-aos][data-aos-delay='2950'] {
  transition-delay: 0s;
}
body[data-aos-delay='2950'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='2950'].aos-animate {
  transition-delay: 2950ms;
}
body[data-aos-duration='3000'] [data-aos], [data-aos][data-aos][data-aos-duration='3000'] {
  transition-duration: 3000ms;
}
body[data-aos-delay='3000'] [data-aos], [data-aos][data-aos][data-aos-delay='3000'] {
  transition-delay: 0s;
}
body[data-aos-delay='3000'] [data-aos].aos-animate, [data-aos][data-aos][data-aos-delay='3000'].aos-animate {
  transition-delay: 3000ms;
}
[data-aos] {
  pointer-events: none;
}
[data-aos].aos-animate {
  pointer-events: auto;
}
body[data-aos-easing="linear"] [data-aos], [data-aos][data-aos][data-aos-easing="linear"] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
body[data-aos-easing="ease"] [data-aos], [data-aos][data-aos][data-aos-easing="ease"] {
  transition-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1);
}
body[data-aos-easing="ease-in"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in"] {
  transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
body[data-aos-easing="ease-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out"] {
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
body[data-aos-easing="ease-in-out"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out"] {
  transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1);
}
body[data-aos-easing="ease-in-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-back"] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045);
}
body[data-aos-easing="ease-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-back"] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
body[data-aos-easing="ease-in-out-back"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-back"] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}
body[data-aos-easing="ease-in-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-sine"] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
}
body[data-aos-easing="ease-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-sine"] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}
body[data-aos-easing="ease-in-out-sine"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-sine"] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
body[data-aos-easing="ease-in-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quad"] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing="ease-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quad"] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing="ease-in-out-quad"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quad"] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing="ease-in-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-cubic"] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing="ease-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-cubic"] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing="ease-in-out-cubic"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-cubic"] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
body[data-aos-easing="ease-in-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-quart"] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
body[data-aos-easing="ease-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-out-quart"] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
body[data-aos-easing="ease-in-out-quart"] [data-aos], [data-aos][data-aos][data-aos-easing="ease-in-out-quart"] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
@media screen {
  html:not(.no-js) {
    /**
    * Fade animations:
    * fade
    * fade-up, fade-down, fade-left, fade-right
    * fade-up-right, fade-up-left, fade-down-right, fade-down-left
    */
    /**
    * Zoom animations:
    * zoom-in, zoom-in-up, zoom-in-down, zoom-in-left, zoom-in-right
    * zoom-out, zoom-out-up, zoom-out-down, zoom-out-left, zoom-out-right
    */
    /**
    * Slide animations
    */
    /**
    * Flip animations:
    * flip-left, flip-right, flip-up, flip-down
    */
  }
  html:not(.no-js) [data-aos^='fade'][data-aos^='fade'] {
    opacity: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
  }
  html:not(.no-js) [data-aos^='fade'][data-aos^='fade'].aos-animate {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
  html:not(.no-js) [data-aos='fade-up'] {
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }
  html:not(.no-js) [data-aos='fade-down'] {
    -webkit-transform: translate3d(0, -100px, 0);
    transform: translate3d(0, -100px, 0);
  }
  html:not(.no-js) [data-aos='fade-right'] {
    -webkit-transform: translate3d(-100px, 0, 0);
    transform: translate3d(-100px, 0, 0);
  }
  html:not(.no-js) [data-aos='fade-left'] {
    -webkit-transform: translate3d(100px, 0, 0);
    transform: translate3d(100px, 0, 0);
  }
  html:not(.no-js) [data-aos='fade-up-right'] {
    -webkit-transform: translate3d(-100px, 100px, 0);
    transform: translate3d(-100px, 100px, 0);
  }
  html:not(.no-js) [data-aos='fade-up-left'] {
    -webkit-transform: translate3d(100px, 100px, 0);
    transform: translate3d(100px, 100px, 0);
  }
  html:not(.no-js) [data-aos='fade-down-right'] {
    -webkit-transform: translate3d(-100px, -100px, 0);
    transform: translate3d(-100px, -100px, 0);
  }
  html:not(.no-js) [data-aos='fade-down-left'] {
    -webkit-transform: translate3d(100px, -100px, 0);
    transform: translate3d(100px, -100px, 0);
  }
  html:not(.no-js) [data-aos^='zoom'][data-aos^='zoom'] {
    opacity: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
  }
  html:not(.no-js) [data-aos^='zoom'][data-aos^='zoom'].aos-animate {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
  }
  html:not(.no-js) [data-aos='zoom-in'] {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  html:not(.no-js) [data-aos='zoom-in-up'] {
    -webkit-transform: translate3d(0, 100px, 0) scale(0.8);
    transform: translate3d(0, 100px, 0) scale(0.8);
  }
  html:not(.no-js) [data-aos='zoom-in-down'] {
    -webkit-transform: translate3d(0, -100px, 0) scale(0.8);
    transform: translate3d(0, -100px, 0) scale(0.8);
  }
  html:not(.no-js) [data-aos='zoom-in-right'] {
    -webkit-transform: translate3d(-100px, 0, 0) scale(0.8);
    transform: translate3d(-100px, 0, 0) scale(0.8);
  }
  html:not(.no-js) [data-aos='zoom-in-left'] {
    -webkit-transform: translate3d(100px, 0, 0) scale(0.8);
    transform: translate3d(100px, 0, 0) scale(0.8);
  }
  html:not(.no-js) [data-aos='zoom-out'] {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  html:not(.no-js) [data-aos='zoom-out-up'] {
    -webkit-transform: translate3d(0, 100px, 0) scale(1.2);
    transform: translate3d(0, 100px, 0) scale(1.2);
  }
  html:not(.no-js) [data-aos='zoom-out-down'] {
    -webkit-transform: translate3d(0, -100px, 0) scale(1.2);
    transform: translate3d(0, -100px, 0) scale(1.2);
  }
  html:not(.no-js) [data-aos='zoom-out-right'] {
    -webkit-transform: translate3d(-100px, 0, 0) scale(1.2);
    transform: translate3d(-100px, 0, 0) scale(1.2);
  }
  html:not(.no-js) [data-aos='zoom-out-left'] {
    -webkit-transform: translate3d(100px, 0, 0) scale(1.2);
    transform: translate3d(100px, 0, 0) scale(1.2);
  }
  html:not(.no-js) [data-aos^='slide'][data-aos^='slide'] {
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    visibility: hidden;
  }
  html:not(.no-js) [data-aos^='slide'][data-aos^='slide'].aos-animate {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  html:not(.no-js) [data-aos='slide-up'] {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  html:not(.no-js) [data-aos='slide-down'] {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  html:not(.no-js) [data-aos='slide-right'] {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  html:not(.no-js) [data-aos='slide-left'] {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  html:not(.no-js) [data-aos^='flip'][data-aos^='flip'] {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
  }
  html:not(.no-js) [data-aos='flip-left'] {
    -webkit-transform: perspective(2500px) rotateY(-100deg);
    transform: perspective(2500px) rotateY(-100deg);
  }
  html:not(.no-js) [data-aos='flip-left'].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
    transform: perspective(2500px) rotateY(0);
  }
  html:not(.no-js) [data-aos='flip-right'] {
    -webkit-transform: perspective(2500px) rotateY(100deg);
    transform: perspective(2500px) rotateY(100deg);
  }
  html:not(.no-js) [data-aos='flip-right'].aos-animate {
    -webkit-transform: perspective(2500px) rotateY(0);
    transform: perspective(2500px) rotateY(0);
  }
  html:not(.no-js) [data-aos='flip-up'] {
    -webkit-transform: perspective(2500px) rotateX(-100deg);
    transform: perspective(2500px) rotateX(-100deg);
  }
  html:not(.no-js) [data-aos='flip-up'].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
    transform: perspective(2500px) rotateX(0);
  }
  html:not(.no-js) [data-aos='flip-down'] {
    -webkit-transform: perspective(2500px) rotateX(100deg);
    transform: perspective(2500px) rotateX(100deg);
  }
  html:not(.no-js) [data-aos='flip-down'].aos-animate {
    -webkit-transform: perspective(2500px) rotateX(0);
    transform: perspective(2500px) rotateX(0);
  }
}
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir="rtl"] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
  display: none;
}
/*==================================================================
	共通extend用
===================================================================*/
/*クリアフィックス*/
.clearfix {
  *zoom: 1;
}
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}
/* --------------------------------------------------
 Module CSS
 -------------------------------------------------- */
/* --------------------------------------------------
 Margin Padding (responsive)
 -------------------------------------------------- */
.mt_s {
  margin-top: 20px !important;
}
@media screen and (max-width: 767px) {
  .mt_s {
    margin-top: 10px !important;
  }
}
.mt_sm {
  margin-top: 30px !important;
}
@media screen and (max-width: 767px) {
  .mt_sm {
    margin-top: 15px !important;
  }
}
.mt_m {
  margin-top: 40px !important;
}
@media screen and (max-width: 767px) {
  .mt_m {
    margin-top: 20px !important;
  }
}
.mt_ml {
  margin-top: 50px !important;
}
@media screen and (max-width: 767px) {
  .mt_ml {
    margin-top: 25px !important;
  }
}
.mt_l {
  margin-top: 60px !important;
}
@media screen and (max-width: 767px) {
  .mt_l {
    margin-top: 30px !important;
  }
}
.mt_ll {
  margin-top: 80px !important;
}
@media screen and (max-width: 767px) {
  .mt_ll {
    margin-top: 40px !important;
  }
}
.mt_xl {
  margin-top: 100px !important;
}
@media screen and (max-width: 767px) {
  .mt_xl {
    margin-top: 50px !important;
  }
}
.mb_s {
  margin-bottom: 20px !important;
}
@media screen and (max-width: 767px) {
  .mb_s {
    margin-bottom: 10px !important;
  }
}
.mb_sm {
  margin-bottom: 30px !important;
}
@media screen and (max-width: 767px) {
  .mb_sm {
    margin-bottom: 15px !important;
  }
}
.mb_m {
  margin-bottom: 40px !important;
}
@media screen and (max-width: 767px) {
  .mb_m {
    margin-bottom: 20px !important;
  }
}
.mb_ml {
  margin-bottom: 50px !important;
}
@media screen and (max-width: 767px) {
  .mb_ml {
    margin-bottom: 25px !important;
  }
}
.mb_l {
  margin-bottom: 60px !important;
}
@media screen and (max-width: 767px) {
  .mb_l {
    margin-bottom: 30px !important;
  }
}
.mb_ll {
  margin-bottom: 80px !important;
}
@media screen and (max-width: 767px) {
  .mb_ll {
    margin-bottom: 40px !important;
  }
}
.mb_xl {
  margin-bottom: 100px !important;
}
@media screen and (max-width: 767px) {
  .mb_xl {
    margin-bottom: 50px !important;
  }
}
.mb0 {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
  .sp-mb0 {
    margin-bottom: 0 !important;
  }
}
/* --------------------------------------------------
 Set Style
 -------------------------------------------------- */
.clear {
  clear: both;
}
.fl {
  float: left;
}
.fr {
  float: right;
}
.tal {
  text-align: left !important;
}
.tar {
  text-align: right !important;
}
.tac {
  text-align: center !important;
}
@media screen and (max-width: 767px) {
  .sp-tac {
    text-align: center !important;
  }
}
.bold {
  font-weight: bold;
}
.hidden {
  display: none;
}
.italic {
  font-style: italic;
}
.mincho {
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, "Shippori Mincho", "Times New Roman", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
.gothic {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
}
.block-center {
  margin-left: auto;
  margin-right: auto;
}
.indent p, p.indent, .indent li, li.indent {
  text-indent: -1em;
  padding-left: 1em;
}
.m-auto {
  margin: auto;
}
.display-table {
  display: table;
}
.display-ib {
  display: inline-block;
}
.fw-400 {
  font-weight: 400 !important;
}
.fw-600 {
  font-weight: 300 !important;
}
.lh2 {
  line-height: 2;
}
.txt--s {
  font-size: 0.875em !important;
}
.txt--ss {
  font-size: 0.8125em !important;
}
.txt--l {
  font-size: 1.125em !important;
}
.txt--ll {
  font-size: 1.25em !important;
}
.txt--1em {
  font-size: 1em !important;
}
.txt--lead {
  text-align: center;
  max-width: 900px;
  margin: 0 auto 50px;
  font-weight: bold;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
  .txt--lead {
    margin-bottom: 30px;
  }
}
.txt--white {
  color: #fff;
}
.txt--red {
  color: #e40000;
}
.txt--gray {
  color: #999;
}
.txt--gold {
  color: #9C8275 !important;
}
.txt--em01 {
  font-size: 1.375em;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .txt--em01 {
    font-size: 1.25em;
  }
}
.txt--em02 {
  color: #9C8275;
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, "Shippori Mincho", "Times New Roman", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 22px;
  border-bottom: 1px solid #9C8275;
  margin: 0 5px;
}
@media screen and (max-width: 767px) {
  .txt--em02 {
    font-size: 16px;
  }
}
.txt--em02 .num {
  font-size: 30px;
}
@media screen and (max-width: 767px) {
  .txt--em02 .num {
    font-size: 24px;
  }
}
/* --------------------------------------------------
 background
 -------------------------------------------------- */
.bg--white {
  background: #fff !important;
}
.bg--black {
  background: #000 !important;
}
.bg--01 {
  background: #7A6356 !important;
}
.bg--02 {
  background: #FDF567 !important;
}
/* --------------------------------------------------
 border
-------------------------------------------------- */
.bd--gray {
  border: 1px solid #ccc;
}
.bd--gray02 {
  border: 1px solid #b1b1b1;
}
/* --------------------------------------------------
 width
-------------------------------------------------- */
.w-auto {
  width: auto !important;
}
.w23_5 {
  width: 23.5%;
}
.w25 {
  width: 25%;
}
.w30 {
  width: 30%;
}
.w32 {
  width: 32%;
}
.w36 {
  width: 36%;
}
.w40 {
  width: 40%;
}
.w42 {
  width: 42%;
}
.w44 {
  width: 44%;
}
.w48 {
  width: 48%;
}
.w49 {
  width: 49%;
}
.w50 {
  width: 50%;
}
.w52 {
  width: 52%;
}
.w54 {
  width: 54%;
}
.w60 {
  width: 60%;
}
.w70 {
  width: 70%;
}
.w72 {
  width: 72%;
}
.w100 {
  width: 100%;
}
.maw100 {
  max-width: 100px;
}
.maw300 {
  max-width: 300px;
}
.maw400 {
  max-width: 400px;
}
.maw500 {
  max-width: 500px;
}
.maw600 {
  max-width: 600px;
}
.maw700 {
  max-width: 700px;
}
.maw750 {
  max-width: 750px;
}
.maw800 {
  max-width: 800px;
}
.maw900 {
  max-width: 900px;
}
.maw1000 {
  max-width: 1000px;
}
@media screen and (max-width: 767px) {
  .sp-w50 {
    width: 50%;
  }
  .sp-w75 {
    width: 75%;
  }
  .sp-w100 {
    width: 100%;
  }
}
/* --------------------------------------------------
 Column
-------------------------------------------------- */
.flex {
  display: flex;
  flex-wrap: wrap;
}
.flex--jc_sb {
  justify-content: space-between;
}
.flex--jc_center {
  justify-content: center;
}
.flex--ai_center {
  align-items: center;
}
@media screen and (max-width: 767px) {
  .flex--sp-break {
    display: block;
  }
  .flex--sp-break > .flex__item {
    width: 100%;
  }
  .flex--sp-break > .flex__item + .flex__item {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .flex--sp-col2 {
    flex-wrap: wrap;
  }
  .flex--sp-col2 > .flex__item {
    width: 48%;
  }
  .flex--sp-col2 > .flex__item:nth-child(n+3) {
    margin-top: 20px;
  }
}
.flex--gapM > .flex__item:not(:last-child) {
  margin-right: 40px;
}
@media screen and (max-width: 767px) {
  .flex--gapM > .flex__item:not(:last-child) {
    margin-right: 15px;
  }
}
.flex--gapL > .flex__item:not(:last-child) {
  margin-right: 60px;
}
@media screen and (max-width: 767px) {
  .flex--gapL > .flex__item:not(:last-child) {
    margin-right: 15px;
  }
}
.flex__item--equal {
  flex-basis: 100%;
}
.flex__mg--2 .flex__item:not(:nth-child(2n)) {
  margin-right: 20px;
}
@media screen and (max-width: 767px) {
  .flex__mg--2.flex--sp-break .flex__item {
    margin-right: 0;
  }
}
.col2 {
  display: flex;
  flex-wrap: wrap;
}
.col2__item {
  width: 48.5%;
  margin-bottom: 60px;
}
@media screen and (max-width: 767px) {
  .col2__item {
    width: 100%;
    margin-bottom: 30px;
  }
}
.col2__item:nth-child(2n+1) {
  margin-right: 3%;
}
@media screen and (max-width: 767px) {
  .col2__item:nth-child(2n+1) {
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) {
  .col2__item:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .col2__item:nth-last-child(1) {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .col2.spCol2__item {
    width: 48.5%;
  }
  .col2.spCol2__item:nth-child(2n+1) {
    margin-right: 3%;
  }
}
.col3 {
  display: flex;
  flex-wrap: wrap;
}
.col3__item {
  width: 32%;
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .col3__item {
    width: 100%;
    margin-bottom: 15px;
  }
}
.col3__item:nth-child(3n+1), .col3__item:nth-child(3n+2) {
  margin-right: 2%;
}
@media screen and (max-width: 767px) {
  .col3__item:nth-child(3n+1), .col3__item:nth-child(3n+2) {
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) {
  .col3__item:nth-last-child(-n+3) {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .col3__item:nth-last-child(1) {
    margin-bottom: 0;
  }
}
.col4 {
  display: flex;
  flex-wrap: wrap;
}
.col4__item {
  width: 23.5%;
  margin-bottom: 30px;
}
.col4__item:not(:nth-child(4n)) {
  margin-right: 2%;
}
@media screen and (max-width: 767px) {
  .col4__item:not(:nth-child(4n)) {
    margin-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .col4__item {
    width: 48.5%;
    margin-bottom: 15px;
  }
  .col4__item:nth-child(2n+1) {
    margin-right: 3%;
  }
}
@media screen and (min-width: 768px) {
  .col4__item:nth-last-child(-n+4) {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .col4__item:nth-last-child(1) {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .col4.spCol1__item {
    width: 100%;
  }
  .col4.spCol1__item:nth-child(2n+1) {
    margin-right: 0;
  }
}
/* --------------------------------------------------
 Link
-------------------------------------------------- */
.link--underline {
  text-decoration: underline;
}
.link--disable {
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .link--disable-pc {
    pointer-events: none;
  }
}
.click-box {
  transition: opacity 0.3s;
  cursor: pointer;
}
.click-box:hover {
  opacity: 0.7;
}
/* --------------------------------------------------
 object-fit
-------------------------------------------------- */
img.fit {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: 'object-fit: cover;';
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
}
.fit-box {
  position: relative;
}
.fit-box img {
  position: absolute;
  width: 100%;
  height: 100%;
  font-family: 'object-fit: cover;';
  -o-object-fit: cover;
  object-fit: cover;
  top: 0;
  left: 0;
}
/* --------------------------------------------------
 Text box (pの下にマージンがつく)
-------------------------------------------------- */
.txt-box > *, .txt-box .wp-block-group__inner-container > * {
  margin-bottom: 30px;
}
@media screen and (max-width: 767px) {
  .txt-box > *, .txt-box .wp-block-group__inner-container > * {
    margin-bottom: 15px;
  }
}
.txt-box > *:last-child, .txt-box .wp-block-group__inner-container > *:last-child {
  margin-bottom: 0;
}
.txt-box--mbS > *, .txt-box .wp-block-group__inner-container--mbS > * {
  margin-bottom: 15px;
}
.txt-box--mbS > *:last-child, .txt-box .wp-block-group__inner-container--mbS > *:last-child {
  margin-bottom: 0;
}
/* --------------------------------------------------
 Youtube埋め込み
-------------------------------------------------- */
.movie-box {
  position: relative;
}
.movie-box:before {
  content: '';
  display: block;
  position: relative;
  padding-top: 56.25%;
  height: 0;
  overflow: hidden;
}
.movie-box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* --------------------------------------------------
 画像と説明文
-------------------------------------------------- */
figure.align-l {
  max-width: 490px;
  float: left;
  margin: 0 20px 30px 0;
}
@media screen and (max-width: 767px) {
  figure.align-l {
    max-width: 100%;
    margin: 0 0 15px;
  }
}
figure.align-r {
  max-width: 490px;
  float: right;
  margin: 0 0 30px 20px;
}
@media screen and (max-width: 767px) {
  figure.align-r {
    max-width: 100%;
    margin: 0 0 15px;
  }
}
figure.align-c {
  text-align: center;
  margin: 0 0 30px;
}
figure img {
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  figure img {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 767px) {
  figure figcaption {
    font-size: 12px;
  }
}
/* --------------------------------------------------
 横スクロールボックス
-------------------------------------------------- */
@media screen and (max-width: 767px) {
  .scroll-box {
    overflow-x: auto;
  }
  .scroll-box table {
    width: 600px;
  }
}
/* --------------------------------------------------
 Responsive
-------------------------------------------------- */
.pc-show {
  display: inherit !important;
}
.pc-show.-flex {
  display: flex !important;
}
.pc-show.-block {
  display: block !important;
}
.tb-show {
  display: none !important;
}
.tb-sp-show {
  display: none !important;
}
.sp-show {
  display: none !important;
}
@media screen and (max-width: 1023px) {
  .pc-show {
    display: inherit !important;
  }
  .pc-show.-flex {
    display: flex !important;
  }
  .pc-show.-block {
    display: block !important;
  }
  .tb-show {
    display: inherit !important;
  }
  .tb-sp-show {
    display: inherit !important;
  }
  .sp-show {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .pc-show {
    display: none !important;
  }
  .pc-show.-flex {
    display: none !important;
  }
  .pc-show.-block {
    display: none !important;
  }
  .tb-show {
    display: none !important;
  }
  .tb-sp-show {
    display: inherit !important;
  }
  .sp-show {
    display: inherit !important;
  }
  .sp-show.-inline {
    display: inline !important;
  }
}
@media screen and (min-width: 1025px) {
  .sp-show {
    display: none !important;
  }
}
/* --------------------------------------------------
 Wordpress
-------------------------------------------------- */
.pager {
  text-align: center;
  margin-top: 50px;
  display: flex;
  justify-content: center;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
}
.pager .page-numbers {
  display: inline-block;
  text-decoration: none;
  border: 1px solid #9C8275;
  width: 35px;
  height: 35px;
  line-height: 33px;
  margin: 0 1px;
  font-size: 13px;
  border-radius: 5px;
}
.pager .page-numbers.current {
  background: #FDF567;
  border: 1px solid #9C8275;
  color: #9C8275;
}
.page-customerportal .pager .page-numbers.current {
  background: #FDF567;
  border-color: #9C8275;
}
.pager .page-numbers.next, .pager .page-numbers.prev {
  text-indent: -9999px;
  position: relative;
}
.pager .page-numbers.next:before, .pager .page-numbers.prev:before {
  content: "";
  height: 7px;
  width: 7px;
  display: block;
  border-top: 1px solid #9C8275;
  border-right: 1px solid #9C8275;
  box-shadow: 0.5px -0.5px 0px 0px #FDF567;
  transform: translateY(-50%) rotate(45deg);
  position: absolute;
  top: 50%;
  left: 9px;
}
.page-customerportal .pager .page-numbers.next:before, .page-customerportal .pager .page-numbers.prev:before {
  border-color: #9C8275;
  box-shadow: 0.5px -0.5px 0px 0px #FDF567;
}
.pager .page-numbers.prev:before {
  transform: translateY(-50%) rotate(-135deg);
  left: 13px;
}
.pager .screen-reader-text {
  display: none;
}
.post-area {
  font-family: "NotoSansCJKjp-Medium", sans-serif;
}
.post-area__img {
  max-width: 70%;
  flex-shrink: 0;
  margin-right: 30px;
}
@media screen and (max-width: 767px) {
  .post-area__img {
    max-width: 100%;
    margin: 0 0 15px 0;
  }
}
.post-area__img img:not(:first-child) {
  margin-top: 25px;
}
.post-area__cont {
  flex-grow: 1;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
}
@media screen and (max-width: 767px) {
  .post-area__cont {
    padding: 0 20px;
  }
}
.post-area__header {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
  .post-area__header {
    margin-bottom: 15px;
  }
}
.post-area__header .cat {
  color: #fff;
  margin-right: 15px;
  padding: 0 5px 2px 5px;
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
  min-width: 86px;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .post-area__header .cat {
    font-size: 10px;
    min-width: 66px;
    margin-top: 3px;
  }
}
.post-area__header .cat.news {
  background: #db2246;
}
.post-area__header .cat.topics {
  background: #333;
}
.post-area__header .cat.category01 {
  background: #078FD7;
}
.post-area__header .date {
  color: #D7D380;
  font-family: "NotoSerifCJKjp-Bold", sans-serif;
  font-size: 2.6rem;
}
@media screen and (max-width: 767px) {
  .post-area__header .date {
    font-size: 1.8rem;
  }
}
.post-area__header .date.-new:after {
  content: 'New';
  color: #d30000;
  padding-left: 20px;
}
.post-area__header__ttl {
  font-family: "NotoSerifCJKjp-Bold", sans-serif;
  font-size: 2.6rem;
}
@media screen and (max-width: 767px) {
  .post-area__header__ttl {
    font-size: 1.8rem;
  }
}
.post-area .content-area p, .post-area .content-area ul, .post-area .content-area ol, .post-area .content-area figure {
  margin-bottom: 28px;
}
.post-area .content-area figure img {
  margin-bottom: 0;
}
.post-area .content-area figcaption {
  margin-top: 10px;
}
.post-area .content-area ul, .post-area .content-area ol {
  margin-left: 20px;
}
.post-area .content-area ul ul, .post-area .content-area ul ol, .post-area .content-area ol ul, .post-area .content-area ol ol {
  margin-bottom: 0;
}
.post-area .content-area ul ul, .post-area .content-area ol ul {
  list-style: circle;
}
.post-area .content-area ul {
  list-style: disc;
}
.post-area .content-area ol {
  list-style: decimal;
}
.post-area .content-area h2 {
  font-size: 24px;
  font-weight: 400;
  margin: 50px 0 25px;
}
@media screen and (max-width: 767px) {
  .post-area .content-area h2 {
    font-size: 18px;
    margin-bottom: 30px 0 15px;
  }
}
@media screen and (max-width: 767px) {
  body.archive .l-main, body.single .l-main {
    padding-bottom: 0;
  }
}
body.archive .top__news__inner:before, body.single .top__news__inner:before {
  top: 0;
  height: 234px;
}
@media screen and (max-width: 767px) {
  body.archive .top__news__inner:before, body.single .top__news__inner:before {
    top: 20px;
    height: 120px;
  }
}
body.archive .top__news__inner:after, body.single .top__news__inner:after {
  top: 0;
}
@media screen and (max-width: 767px) {
  body.archive .top__news__inner:after, body.single .top__news__inner:after {
    top: 30px;
    height: 61px;
  }
}
.not_article {
  padding-bottom: 200px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .not_article {
    padding-bottom: 100px;
  }
}
html {
  font-size: 62.5%;
}
body {
  color: #9C8275;
  font-size: 18px;
  font-size: 1.8rem;
  animation: fadeIn 1.5s ease 0.5s 1 both;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 1023px) {
  body {
    -webkit-text-size-adjust: none;
  }
}
@media screen and (max-width: 767px) {
  body {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media screen and (max-width: 1023px) {
  html.is-fixed, html.is-fixed body {
    height: 100%;
    overflow: hidden;
  }
}
@media screen and (max-width: 1023px) {
  html.is-fixed body {
    position: fixed;
  }
}
@media screen and (max-width: 1023px) {
  a {
    -webkit-tap-highlight-color: transparent;
  }
  a:hover {
    text-decoration: none;
  }
}
@media screen and (min-width: 768px) {
  a {
    transition: opacity 0.3s;
  }
  a:hover {
    opacity: 0.7;
  }
}
#wrap {
  width: 100%;
  overflow: hidden;
}
.l-container {
  position: relative;
  max-width: 1050px;
  margin: 100px auto 0;
  padding: 0 25px;
}
@media screen and (max-width: 767px) {
  .l-container {
    padding: 0 20px;
    margin: 50px auto 0;
  }
}
@media screen and (max-width: 374px) {
  .l-container {
    padding: 0 10px;
  }
}
.l-container--l {
  max-width: 1380px;
}
@media screen and (max-width: 1200px) {
  .l-container--l {
    padding: 0 50px;
  }
}
@media screen and (max-width: 1023px) {
  .l-container--l {
    padding: 0 25px;
  }
}
@media screen and (max-width: 767px) {
  .l-container--l {
    padding: 0 15px;
  }
}
@media screen and (max-width: 374px) {
  .l-container--l {
    padding: 0 10px;
  }
}
.l-inner {
  padding: 0 50px;
}
@media screen and (max-width: 1023px) {
  .l-inner {
    padding: 0 30px;
  }
}
@media screen and (max-width: 767px) {
  .l-inner {
    padding: 0;
  }
}
.l-block {
  padding-bottom: 80px;
}
@media screen and (max-width: 767px) {
  .l-block {
    padding-bottom: 40px;
  }
}
.l-header {
  display: flex;
  align-items: center;
  justify-content: end;
  -webkit-justify-content: flex-end;
  position: fixed;
  top: 0;
  width: 100%;
  height: 100px;
  padding: 0 50px;
  background: #fff;
  z-index: 10;
  transition: background 0.3s;
}
@media screen and (max-width: 767px) {
  .l-header {
    height: auto;
    padding: 10px 15px;
  }
}
.l-header__logo {
  position: absolute;
  top: 19px;
  right: 0;
  left: 0;
  width: 360px;
  margin: auto;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .l-header__logo {
    width: 46vw;
    position: unset;
    margin: 0 auto 0 0;
  }
  .l-header__logo a {
    display: block;
    background: url(../img/sitelogo.svg) left/contain no-repeat !important;
  }
  .l-header__logo a:before{
    padding-top: 10vw !important;
  }
}
.l-header__logo a:before {
  content: '';
  display: block;
  padding-top: 20%;
}
.l-header__inner {
  display: block;
  z-index: 3;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transition: height 0.5s ease-in;
  overflow: auto;
}
.l-header__inner:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 605px;
  background: top center /cover no-repeat;
  background-image: url(../img/bg_menu.png);
  background-size: 100% 100%;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .l-header__inner:before {
    top: 0;
    width: 100%;
    height: calc(100% - 30px);
    background: repeat;
    background-image: url(../img/bg_menu_sp.png);
  }
}
@media screen and (max-width: 767px) {
  .l-header__inner:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
    background-image: url(../img/bg_menu_line_sp.png);
    background-size: 100% 100%;
  }
}
.l-header__inner.is-active {
  height: calc(100vh - 52px);
}
@media screen and (max-width: 767px) {
  .l-header__inner.is-active {
    height: 85vh;
  }
}
@media screen and (max-width: 374px) {
  .l-header__inner.is-active {
    height: 100vh;
  }
}
.l-header__linkbox {
  display: flex;
  align-items: center;
  height: 100%;
}
.l-header__spmenu {
  display: none;
}
@media screen and (max-width: 767px) {
  .l-header__spmenu {
    display: flex;
    margin-right: 10px;
    line-height: 1.0;
  }
  .l-header__spmenu li a {
    color: #9F8575;
    font-size: 1.1rem;
    letter-spacing: 0;
  }
  .l-header__spmenu li:not(:first-child) {
    padding-left: 5px;
    border-left: 1px solid #797979;
  }
  .l-header__spmenu li:not(:last-child) {
    padding-right: 5px;
  }
}
.l-header__cartbtn {
  display: flex;
  align-items: center;
  width: 86px;
  height: 100%;
  padding: 0 10px;
}
@media screen and (max-width: 767px) {
  .l-header__cartbtn {
    width: 43px;
    height: 43px;
    margin-left: 10px;
    padding: 0;
  }
}
.l-header__cartbtn img {
  width: 66px;
}
.dropdown_item_list {
  display: none;
}
.l-header__cartbtn:hover .dropdown_item_list {
  display: block;
  position: absolute;
  top: 90px;
  right: 90px;
  width: 340px;
  border: solid #f2f0ef;
  font-size: 1.8rem;
  padding: 1rem;
  background-color: #fff;
}
/*.dropdown_item_list > li.menu_multiple{
	position:relative;
}
li.menu_multiple ul.menu__second-level{
	position:absolute;
	top:40px;
	width:100%;
	background-color: #fff;
	opacity:0;
}
li.menu_multiple:hover ul.menu__second-level{
	top:80%;
	left:50%;
visibility:visible;
	opacity:1;
	background-color: #fff;
	border: solid #f2f0ef;
	padding:1rem;
	z-index:10;
}
ul.menu__second-level > li{
	display:flex;
	align-items: center;
  justify-content: space-between;
	border-bottom: 1px solid #f2f0ef;
}
ul.menu__second-level > li:last-child {
  border-bottom: none;
}
.init-bottom{
	position:relative;
}
.init-bottom::before{
	position:absolute;
	right:-5px;
	top:50%;
	width:4px;
	height:4px;
	border-top:2px solid #9F8575;
	border-right:2px solid #9F8575;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg) translateY(-50%);
	content:"";
} */
.dropdown_item_list li {
  position: relative;
}
.dropdown_item_list li.has_child ul {
  position: relative;
  left: 0;
  top: 10px;
  width: 100%;
  visibility: visible;
  opacity: 1;
  display: none;
  transition: none;
  margin-bottom: 20px;
}

.dropdown_item_list li.has_child::before {
  content: "";
  position: absolute;
width: 4px;
	height: 4px;
	border-top: 2px solid #9F8575;
	border-right: 2px solid #9F8575;
  transform: rotate(135deg);
  right: 0px;
  top: 8px;
  transition: 0.3s;
}
.dropdown_item_list li.has_child.active::before {
  transform: rotate(-45deg);
}
	ul.menu__second-level li{
		display:flex;
		font-size:1.4rem;
		align-items:center;
		padding:5px;
	}
@media screen and (max-width: 767px) {
  .l-header__cartbtn:hover .dropdown_item_list {
    display: none;
  }
}
.dropdown_item_list > li {
  border-bottom: 1px solid #f2f0ef;
  display: flex;
	flex-direction: column;
 align-items: flex-start;
  justify-content: space-between;
}
.dropdown_item_list > li:last-child {
  border-bottom: none;
}
.dropdown_item_list li a {
  line-height: 1.2em;
  padding: 0.5rem;
}
.fa-solid {
  padding: 0 0.5rem;
}
.nav_item_list_container {
  display: none;
}
.nav_item_list_container.is-active-item-list {
  display: none;
}
@media screen and (max-width: 767px) {
  .nav_item_list_container.is-active-item-list {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    z-index: 999;
    background-color: #fff;
  }
  .nav_item_list_container.is-active-item-list > .nav_item_list {
    position: absolute;
    font-size: 1.6rem;
    z-index: 999;
    width: 90%;
    top: 15%;
    left: 5%;
  }
  .nav_item_list_container.is-active-item-list > .nav_item_list > li {
    padding: 20px 10px;
    border-bottom: 1px solid #f2f0ef;
  }
  .nav_item_list_container.is-active-item-list > .nav_item_list > li:last-child {
    padding: 60px 10px;
    border-bottom: none;
  }
  .l-header__menu-btn.is-active-item-list {
    z-index: 999;
  }
  .l-header__menu-btn.is-active-item-list span {
    background: #9F8575;
    z-index: 999;
  }
  .l-header__menu-btn.is-active-item-list span:nth-child(1) {
    right: 50%;
    transform: translateX(50%) rotate(225deg);
    top: 10px;
  }
  .l-header__menu-btn.is-active-item-list span:nth-child(2) {
    opacity: 0;
  }
  .l-header__menu-btn.is-active-item-list span:nth-child(3) {
    right: 50%;
    transform: translateX(50%) rotate(-225deg);
    top: 10px;
  }
.nav_item_list li {
  position: relative;
}
.nav_item_list li.has_child ul {
  position: relative;
  left: 0;
  top: 10px;
  width: 100%;
  visibility: visible;
  opacity: 1;
  display: none;
  transition: none;
  margin-bottom: 20px;
}

	.nav_item_list li.has_child::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  background-color:#9F8575;
  transform: rotate(90deg);
  right: 0px;
  top: 30px;
  transition: 0.3s;
}
.nav_item_list li.has_child::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 2px;
  background-color: #9F8575;
  right: 0px;
  top: 30px;
}
.nav_item_list li.has_child.active::before {
  transform: rotate(0);
}
	ul.second_level_sp li{
		display:flex;
		font-size:16px;
		align-items:center;
		padding:5px;
	}
}
.l-header__menu-btn {
  position: relative;
  width: 54px;
  height: 36px;
  z-index: 10;
  cursor: pointer;
  margin-left: 10px;
}
@media screen and (max-width: 767px) {
  .l-header__menu-btn {
    width: 34px;
    height: 22px;
  }
}
.l-header__menu-btn span {
  width: 54px;
  height: 3px;
  display: block;
  background: #D7D380;
  transition: all 0.3s;
  position: absolute;
}
@media screen and (max-width: 767px) {
  .l-header__menu-btn span {
    width: 34px;
    height: 2px;
  }
}
.l-header__menu-btn span:nth-child(1) {
  top: 0;
}
.l-header__menu-btn span:nth-child(2) {
  top: 17px;
}
@media screen and (max-width: 767px) {
  .l-header__menu-btn span:nth-child(2) {
    top: 10px;
  }
}
.l-header__menu-btn span:nth-child(3) {
  top: 34px;
}
@media screen and (max-width: 767px) {
  .l-header__menu-btn span:nth-child(3) {
    top: 20px;
  }
}
.l-header__menu-btn.is-active span {
  background: #fff;
}
.l-header__menu-btn.is-active span:nth-child(1) {
  top: 15px;
  right: 50%;
  transform: translateX(50%) rotate(225deg);
}
@media screen and (max-width: 767px) {
  .l-header__menu-btn.is-active span:nth-child(1) {
    top: 10px;
  }
}
.l-header__menu-btn.is-active span:nth-child(2) {
  opacity: 0;
}
.l-header__menu-btn.is-active span:nth-child(3) {
  width: 54px;
  top: 15px;
  right: 50%;
  transform: translateX(50%) rotate(-225deg);
}
@media screen and (max-width: 767px) {
  .l-header__menu-btn.is-active span:nth-child(3) {
    top: 10px;
    width: 34px;
  }
}
.l-header__box01 {
  display: flex;
  align-items: flex-end;
  max-width: 1000px;
  margin: 0 auto;
  padding: 50px 0 0;
}
@media screen and (max-width: 767px) {
  .l-header__box01 {
    display: block;
    padding: 40px 20px 0;
  }
}
@media screen and (max-width: 767px) {
  .l-header__box01__img {
    margin-bottom: 5px;
  }
}
.l-header__box01__img img {
  width: 300px;
}
@media screen and (max-width: 767px) {
  .l-header__box01__img img {
    width: auto;
    max-width: 50%;
  }
}
.l-header__box01__txt {
  padding-left: 10px;
  color: #fff;
  font-family: "DIN_Condensed_Bold", serif;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .l-header__box01__txt {
    padding-left: 0;
  }
}
/* safari */
@media screen and (max-width: 767px) {
  _::-webkit-full-page-media, _:future, :root .l-header__inner:after {
    bottom: 1px;
  }
}
.l-nav {
  display: flex;
  /*justify-content: center;*/
  flex-wrap: wrap;
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
  padding: 60px 0 100px 0;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .l-nav {
    width: 100%;
    padding: 40px 20px 40px;
  }
}
.l-nav:after {
  content: '';
  position: absolute;
  bottom: 20px;
  right: 0;
  width: 88px;
  height: 66px;
  background: url(../img/stamp.svg) no-repeat;
}
@media screen and (max-width: 767px) {
  .l-nav:after {
    bottom: 0;
    background-size: 60% 100%;
    background-position: center;
  }
}
.l-nav__item {
  position: relative;
  width: 50%;
  margin: 0 0 30px 0;
  line-height: 1.1;
}
@media screen and (max-width: 767px) {
  .l-nav__item {
    margin: 0 0 30px 0;
  }
}
.l-nav__item > a {
  color: #fff;
  font-family: "DIN_Condensed_Bold", serif;
  font-size: 3.6rem;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .l-nav__item > a {
    font-size: 3rem;
  }
}
.l-nav__item > a > span {
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, "Shippori Mincho", "Times New Roman", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  padding: 0 0 0 10px;
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .l-nav__item > a > span {
    display: block;
    padding: 0;
  }
}
.l-nav__item.is-current {
  position: relative;
}
.l-nav__item.is-current:before, .l-nav__item.is-current:after {
  content: "";
  display: block;
  position: absolute;
  width: 50%;
  height: 3px;
  background: #fff;
  bottom: 0;
}
.l-nav__item.is-current:before {
  right: 50%;
}
.l-nav__item.is-current:after {
  left: 50%;
  background: #9C8275;
}
.l-nav__subitem {
  display: flex;
  padding: 5px 0 0;
  font-weight: bold;
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .l-nav__subitem {
    font-size: 1.1rem;
  }
}
.l-nav__subitem li a {
  color: #fff;
  font-family: "DIN_Condensed_Bold", serif;
  letter-spacing: 0;
}
.l-nav__subitem li:not(:last-child) {
  padding-right: 5px;
}
.l-nav__subitem li:not(:first-child) {
  padding-left: 5px;
  border-left: 1px solid #fff;
}
@media screen and (min-width: 768px) {
  .l-nav__sub {
    display: none;
    position: absolute;
    top: 40px;
    left: 0;
    width: 150px;
    padding: 10px 15px;
    background: rgba(0, 0, 0, 0.8);
  }
}
@media screen and (max-width: 767px) {
  .l-nav__sub {
    display: none;
  }
}
.l-nav__sub li {
  margin-bottom: 5px;
  text-transform: uppercase;
}
.l-nav__sub a {
  color: #fff;
}
.l-main {
  display: block;
  padding: 100px 0 0;
  min-height: 400px;
}
@media screen and (max-width: 767px) {
  .l-main {
    padding: 52px 0 0;
    min-height: 300px;
  }
}
.l-breadcrumb {
  display: flex;
  justify-content: center;
  position: relative;
  padding: 15px 0 0;
  background: #F0E2D5;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
  list-style-type: none;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .l-breadcrumb {
    padding: 15px 0;
  }
}
.l-breadcrumb:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 27px;
  top: -27px;
  left: 0;
  background: url(../img/bg_breadcrumb_line.png) center top no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-width: 767px) {
  .l-breadcrumb:before {
    height: 2.7vw;
    background: url(../img/bg_breadcrumb_line_sp.png) center top/cover no-repeat;
    top: -10px;
  }
}
.l-breadcrumb > li {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
}
.l-breadcrumb > li:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  height: 20px;
  margin: auto;
  border-right: 2px solid #9C8275;
  transform: skewX(160deg);
}
.l-breadcrumb > li:first-child {
  padding-left: 0;
  padding-right: 20px;
}
.l-breadcrumb > li:first-child:before {
  display: none;
}
.l-breadcrumb > li:last-child {
  padding-left: 20px;
  padding-right: 0;
}
.l-breadcrumb > li a {
  color: #2F9873;
  text-decoration: underline;
}
.l-footer {
  position: relative;
  min-height: 366px;
  padding: 80px 0 0;
  background: #E5F0B8;
  font-family: "NotoSerifCJKjp-Bold", sans-serif;
  font-size: 2.0rem;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .l-footer {
    min-height: auto;
    padding: 0;
    font-size: 1.5rem;
  }
}
.l-footer:before {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 90px;
  top: 0;
  left: 0;
  background: url(../img/bg_footer_line.png) center top no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-width: 767px) {
  .l-footer:before {
    height: 4vw;
    background: url(../img/bg_footer_line_sp.png) center top/cover no-repeat;
  }
}
.l-footer__inner {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .l-footer__inner {
    padding: 40px 20px 100px;
  }
}
.l-footer__menu {
  display: flex;
  justify-content: space-between;
  color: #9C8275;
}
.l-footer__menu .-mbnone {
  margin-bottom: 0;
}
.l-footer__menulink {
  display: block;
  position: relative;
  margin-bottom: 20px;
  padding: 0 0 0 25px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .l-footer__menulink {
    margin-bottom: 15px;
  }
}
.l-footer__menulink:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 10px;
  height: 10px;
  margin: auto;
  border-top: 2px solid #9C8275;
  border-right: 2px solid #9C8275;
  transform: rotate(45deg);
}
.l-footer__submenu {
  margin: 10px 0 20px;
  padding: 0 0 0 25px;
}
.l-footer__copy {
  padding: 20px 0 40px;
  color: #9C8275;
  font-size: 1.8rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .l-footer__copy {
    padding: 10px 0 20px;
    font-size: 1rem;
  }
}
.page-top {
  position: absolute;
  bottom: 50px;
  right: -100px;
}
.page-top img {
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .page-top img {
    height: 70px;
  }
}
@media screen and (max-width: 767px) {
  .page-top {
    position: relative;
    bottom: auto;
    right: auto;
    text-align: right;
  }
}
.ttl01 {
  display: flex;
  justify-content: center;
  font-family: "DIN_Condensed_Bold", serif;
}
.ttl01__no {
  position: relative;
  padding-right: 80px;
  font-size: 10.8rem;
}
@media screen and (max-width: 767px) {
  .ttl01__no {
    padding-right: 40px;
    font-size: 6.8rem;
  }
}
.ttl01__no:before {
  content: "";
  position: absolute;
  top: 0;
  left: -5px;
  width: 87px;
  height: 24px;
  background: url(../img/about/secrets_logo_sub.svg) no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767px) {
  .ttl01__no:before {
    left: 0;
    height: 14px;
  }
}
.ttl01__no:after {
  content: "";
  position: absolute;
  top: 30px;
  left: 100px;
  height: 127px;
  margin: auto;
  border-right: 2px solid #D4D080;
  transform: skewX(140deg);
}
@media screen and (max-width: 767px) {
  .ttl01__no:after {
    left: 60px;
    height: 70px;
  }
}
.ttl01__txt {
  padding-top: 30px;
  text-align: center;
  line-height: 1.2;
}
.ttl01__txt__ja, .ttl01__txt__en {
  display: block;
}
.ttl01__txt__ja {
  font-family: "NotoSerifCJKjp-Bold", sans-serif;
  font-size: 3.4rem;
}
@media screen and (max-width: 767px) {
  .ttl01__txt__ja {
    font-size: 1.6rem;
  }
}
.ttl01__txt__en {
  font-size: 10.6rem;
}
@media screen and (max-width: 767px) {
  .ttl01__txt__en {
    font-size: 5.0rem;
  }
}
.ttl02 {
  line-height: 1.5;
}
.ttl02__en {
  position: relative;
  color: #D4D080;
  font-family: "DIN_Condensed_Bold", serif;
  font-size: 3.4rem;
}
@media screen and (max-width: 767px) {
  .ttl02__en {
    font-size: 2.4rem;
  }
}
.ttl02__en:before, .ttl02__en:after {
  content: "";
  position: absolute;
  top: 0px;
  height: 28px;
  border-right: 3px solid #D4D080;
}
@media screen and (max-width: 767px) {
  .ttl02__en:before, .ttl02__en:after {
    height: 18px;
  }
}
.ttl02__en:before {
  left: -20px;
  transform: skewX(30deg);
}
.ttl02__en:after {
  right: -20px;
  transform: skewX(150deg);
}
.ttl02__ja {
  color: #9C8275;
  font-size: 3.6rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .ttl02__ja {
    font-size: 2.6rem;
  }
}
.ttl03 {
  text-align: center;
}
.ttl03__border {
  padding: 15px 25px;
  background: #fff;
  border: 1px dotted #9C8275;
  border-radius: 10px;
  font-weight: bold;
  font-size: 2.6rem;
}
@media screen and (max-width: 767px) {
  .ttl03__border {
    padding: 10px;
    font-size: 1.4rem;
  }
}
.ttl03__border.-block {
  display: block;
}
.ttl03__border.-middle {
  width: 80%;
  margin: 0 auto;
  padding: 10px 25px;
}
@media screen and (max-width: 767px) {
  .ttl03__border.-middle {
    width: 100%;
    padding: 10px;
  }
}
.ttl03.-top {
  position: relative;
  top: -20px;
}
@media screen and (max-width: 767px) {
  .ttl03.-top {
    top: -10px;
  }
}
.ttl04 {
  padding: 0 20px;
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, "Shippori Mincho", "Times New Roman", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 2.6rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .ttl04 {
    font-size: 1.6rem;
  }
}
.ttl04__border {
  position: relative;
  display: inline-block;
}
.ttl04__border:before, .ttl04__border:after {
  content: "";
  position: absolute;
  bottom: 0;
  height: 40px;
  border-right: 1px dotted #9C8275;
}
@media screen and (max-width: 767px) {
  .ttl04__border:before, .ttl04__border:after {
    height: 20px;
  }
}
.ttl04__border:before {
  left: -20px;
  transform: skewX(30deg);
}
.ttl04__border:after {
  right: -20px;
  transform: skewX(150deg);
}
.btn01 {
  text-align: center;
}
.btn01 a {
  position: relative;
  padding: 20px 40px;
  border-radius: 50px;
  background: #FDF567;
  color: #7A6356;
  font-family: "NotoSerifCJKjp-Bold", sans-serif;
  font-weight: bold;
  font-size: 2.0rem;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .btn01 a {
    font-size: 1.8rem;
  }
}
.btn01 a:before, .btn01 a:after {
  content: '';
  position: absolute;
  width: 95%;
  height: 100%;
  border-radius: 50px;
}
.btn01 a:before {
  top: -8px;
  left: -8px;
  background: #FDF9B1;
  z-index: -1;
}
.btn01 a:after {
  bottom: -8px;
  right: -8px;
  background: #E5F5DF;
  z-index: -2;
}
.btn01 a span {
  padding: 0 0 5px 0;
  border-bottom: 1px dotted #7A6356;
}
.btn01 a span:before {
  content: '▶︎';
}
.btn01 a.-long {
  padding: 20px 100px;
}
@media screen and (max-width: 767px) {
  .btn01 a.-long {
    padding: 20px 80px;
  }
}
.btn01.pattern02 a {
  padding: 20px 100px;
}
@media screen and (max-width: 767px) {
  .btn01.pattern02 a {
    padding: 20px 80px;
  }
}
.btn01.pattern02 a span {
  position: relative;
  padding: 5px 0 10px 35px;
}
.btn01.pattern02 a span:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 28px;
  background: url(../img/top/btn_dogmark.svg) no-repeat;
}
.btn02 {
  text-align: center;
}
.btn02 a {
  position: relative;
  padding: 25px 100px;
  background: #FDF567;
  color: #7A6356;
  font-family: "NotoSerifCJKjp-Bold", sans-serif;
  font-weight: bold;
  font-size: 2.0rem;
}
@media screen and (max-width: 767px) {
  .btn02 a {
    padding: 20px 80px;
    font-size: 1.8rem;
  }
}
.btn02 a:after {
  content: "";
  position: absolute;
  top: -10px;
  left: -10px;
  width: 100%;
  height: 100%;
  padding: 10px;
  background: url(../img/top/btn_dogbg.svg) no-repeat;
  z-index: -1;
}
.btn02 a span {
  position: relative;
  padding: 5px 0 10px 35px;
  border-bottom: 1px dotted #7A6356;
}
.btn02 a span:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 28px;
  background: url(../img/top/btn_dogmark.svg) no-repeat;
}
.btn03 {
  text-align: center;
}
.btn03 a {
  position: relative;
  padding: 20px 40px;
  border-radius: 50px;
  background: #FDF567;
  color: #7A6356;
  font-family: "NotoSerifCJKjp-Bold", sans-serif;
  font-weight: bold;
  font-size: 2.0rem;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .btn03 a {
    font-size: 1.8rem;
  }
}
.btn03 a:before, .btn03 a:after {
  content: '';
  position: absolute;
  width: 95%;
  height: 100%;
  border-radius: 50px;
}
.btn03 a:before {
  top: -8px;
  left: -8px;
  background: #FDF9B1;
  z-index: -1;
}
.btn03 a:after {
  bottom: -8px;
  right: -8px;
  background: #E5F5DF;
  z-index: -2;
}
.btn03 a span {
  padding: 0 0 5px 0;
  border-bottom: 1px dotted #7A6356;
}
.btn03 a span:before {
  content: '▶︎';
}
.btn03 a.-long {
  padding: 20px 100px;
}
@media screen and (max-width: 767px) {
  .btn03 a.-long {
    padding: 20px 80px;
  }
}
.btn03.pattern02 a {
  padding: 20px 80px;
}
@media screen and (max-width: 767px) {
  .btn03.pattern02 a {
    padding: 20px 80px;
  }
}
.btn03.pattern02 a span {
  position: relative;
  padding: 5px 0 10px 35px;
}
.btn03.pattern02 a span:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 28px;
  background: url(../img/top/btn_dogmark.svg) no-repeat;
}
.box01__ttl {
  font-size: 3.6rem;
  text-align: center;
  line-height: 1.3;
}
@media screen and (max-width: 767px) {
  .box01__ttl {
    padding: 20px 0 0;
    font-size: 2.4rem;
  }
}
.box01__txt {
  display: flex;
  line-height: 1.9;
}
@media screen and (max-width: 767px) {
  .box01__txt {
    flex-wrap: wrap;
    font-size: 1.4rem;
  }
}
.box01__txt > p {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .box01__txt > p {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .box01__txt > p:first-child {
    padding-right: 20px;
  }
}
@media screen and (min-width: 768px) {
  .box01__txt > p:last-child {
    padding-left: 20px;
  }
}
.box01__imgtxt {
  display: flex;
}
@media screen and (max-width: 767px) {
  .box01__imgtxt {
    flex-wrap: wrap;
  }
}
.box01__imgtxt__img, .box01__imgtxt__txt {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .box01__imgtxt__img, .box01__imgtxt__txt {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .box01__imgtxt__img {
    margin-bottom: 20px;
  }
}
.box01__imgtxt__txt {
  padding-left: 20px;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
}
@media screen and (max-width: 767px) {
  .box01__imgtxt__txt {
    padding-left: 0;
  }
}
.box01__imgtxt__txt__head {
  font-family: "NotoSansCJKjp-Medium", sans-serif;
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  .box01__imgtxt__txt__head {
    font-size: 1.8rem;
  }
}
.box01__imgtxt__txt__body {
  font-size: 1.8rem;
  line-height: 1.7;
}
@media screen and (max-width: 767px) {
  .box01__imgtxt__txt__body {
    font-size: 1.4rem;
  }
}
.box01__imgtxt.-center {
  align-items: center;
}
.box02 {
  position: relative;
}
.box02__mainhead {
  position: absolute;
  top: -100px;
  left: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .box02__mainhead {
    top: -50px;
  }
}
.box02__imgtxt {
  display: flex;
}
@media screen and (max-width: 767px) {
  .box02__imgtxt {
    flex-wrap: wrap;
  }
}
.box02__imgtxt__img, .box02__imgtxt__txt {
  width: 50%;
}
@media screen and (max-width: 767px) {
  .box02__imgtxt__img, .box02__imgtxt__txt {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .box02__imgtxt__img {
    order: 1;
    margin-bottom: 20px;
  }
}
.box02__imgtxt__txt {
  padding: 0 40px 0 0;
}
@media screen and (max-width: 767px) {
  .box02__imgtxt__txt {
    order: 2;
    padding: 0;
    text-align: center;
  }
}
.box02__imgtxt__txt__head {
  font-weight: bold;
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  .box02__imgtxt__txt__head {
    font-size: 1.6rem;
  }
}
.box02__imgtxt__txt__body {
  font-size: 1.8rem;
  line-height: 1.9;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .box02__imgtxt__txt__body {
    font-size: 1.4rem;
  }
}
.box02__imgtxt--reverse {
  flex-direction: row-reverse;
}
.box02__imgtxt--reverse .box02__imgtxt__txt {
  padding: 0 0 0 40px;
}
@media screen and (max-width: 767px) {
  .box02__imgtxt--reverse .box02__imgtxt__txt {
    padding: 0;
  }
}
.box02__imgtxt02 {
  display: flex;
}
@media screen and (max-width: 767px) {
  .box02__imgtxt02 {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .box02__imgtxt02__block {
    display: flex;
    margin-bottom: 30px;
  }
}
.box02__imgtxt02__block__photo {
  position: relative;
}
@media screen and (min-width: 768px) {
  .box02__imgtxt02__block__photo {
    height: 360px;
    margin: 0 0 20px;
    padding: 50px 0 0;
  }
}
@media screen and (max-width: 767px) {
  .box02__imgtxt02__block__photo {
    width: 32%;
  }
}
.box02__imgtxt02__block__photo:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .box02__imgtxt02__block__photo:before {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .box02__imgtxt02__block__txt {
    position: relative;
    width: 68%;
    padding-top: 30px;
    padding-left: 10px;
    letter-spacing: 0;
  }
}
.box02__imgtxt02__block__txt__head {
  font-weight: bold;
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  .box02__imgtxt02__block__txt__head {
    margin-bottom: 10px;
    font-size: 2.0rem;
  }
}
.box02__imgtxt02__block__txt__body {
  font-size: 1.8rem;
  line-height: 1.9;
}
@media screen and (max-width: 767px) {
  .box02__imgtxt02__block__txt__body {
    font-size: 1.3rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .box02__imgtxt02__block__txt:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 30px;
  }
}
.box02__imgtxt02__block:nth-child(1) .box02__imgtxt02__block__photo:before {
  width: 152px;
  height: 46px;
  background: url(../img/about/secrets_material_text01.svg) no-repeat;
}
@media screen and (max-width: 767px) {
  .box02__imgtxt02__block:nth-child(1) .box02__imgtxt02__block__txt:before {
    background: url(../img/about/secrets_material_text01.svg) no-repeat;
    background-size: contain;
  }
}
.box02__imgtxt02__block:nth-child(2) {
  padding: 0 5px;
}
.box02__imgtxt02__block:nth-child(2) .box02__imgtxt02__block__photo:before {
  width: 128px;
  height: 49px;
  background: url(../img/about/secrets_material_text02.svg) no-repeat;
}
@media screen and (max-width: 767px) {
  .box02__imgtxt02__block:nth-child(2) .box02__imgtxt02__block__txt:before {
    width: 70px;
    background: url(../img/about/secrets_material_text02_sp.svg) no-repeat;
    background-size: contain;
  }
}
.box02__imgtxt02__block:nth-child(3) .box02__imgtxt02__block__photo:before {
  width: 142px;
  height: 45px;
  background: url(../img/about/secrets_material_text03.svg) no-repeat;
}
@media screen and (max-width: 767px) {
  .box02__imgtxt02__block:nth-child(3) .box02__imgtxt02__block__txt:before {
    background: url(../img/about/secrets_material_text03.svg) no-repeat;
    background-size: contain;
  }
}
@media screen and (max-width: 767px) {
  .box02__imgtxt02__block--reverse {
    flex-direction: row-reverse;
  }
}
@media screen and (max-width: 767px) {
  .box02__imgtxt02__block--reverse .box02__imgtxt02__block__txt {
    padding-left: 0;
    padding-right: 10px;
    text-align: right;
  }
}
@media screen and (max-width: 767px) {
  .box02__imgtxt02__block--reverse .box02__imgtxt02__block__txt:before {
    left: auto;
    right: 0;
  }
}
.smallmate:nth-child(1) .box02__imgtxt02__block__photo:before {
  width: 152px !important;
  height: 46px !important;
  background: url(../img/about/k_secrets_material_text01.svg) no-repeat;
}
@media screen and (max-width: 767px) {
  .smallmate:nth-child(1) .box02__imgtxt02__block__txt:before {
    background: url(../img/about/k_secrets_material_text01.svg) no-repeat !important;
    background-size: contain !important;
  }
}
.smallmate:nth-child(2) {
  padding: 0 5px !important;
}
.smallmate:nth-child(2) .box02__imgtxt02__block__photo:before {
  width: 128px !important;
  height: 49px !important;
  background: url(../img/about/k_secrets_material_text02.svg) no-repeat !important;
}
@media screen and (max-width: 767px) {
  .smallmate:nth-child(2) .box02__imgtxt02__block__txt:before {
    width: 70px !important;
    background: url(../img/about/k_secrets_material_text02_sp.svg) no-repeat !important;
    background-size: contain !important;
  }
}
.smallmate:nth-child(3) .box02__imgtxt02__block__photo:before {
  width: 142px !important;
  height: 45px !important;
  background: url(../img/about/k_secrets_material_text03.svg) no-repeat !important;
}
@media screen and (max-width: 767px) {
  .box02__imgtxt02__block:nth-child(3) .box02__imgtxt02__block__txt:before {
    background: url(../img/about/k_secrets_material_text03.svg) no-repeat !important;
    background-size: contain !important;
  }
}
@media screen and (max-width: 767px) {
  .box02__imgtxt02__block--reverse {
    flex-direction: row-reverse !important;
  }
}
@media screen and (max-width: 767px) {
  .box02__imgtxt02__block--reverse .box02__imgtxt02__block__txt {
    padding-left: 0 !important;
    padding-right: 10px !important;
    text-align: right !important;
  }
}
@media screen and (max-width: 767px) {
  .box02__imgtxt02__block--reverse .box02__imgtxt02__block__txt:before {
    left: auto !important;
    right: 0 !important;
  }
}
.box02__imgtxt03 {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .box02__imgtxt03 {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .box02__imgtxt03__block {
    display: flex;
    align-items: center;
  }
}
.box02__imgtxt03__block__photo {
  position: relative;
}
@media screen and (min-width: 768px) {
  .box02__imgtxt03__block__photo {
    margin: 0 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .box02__imgtxt03__block__photo {
    width: 40%;
    z-index: 2;
  }
}
.box02__imgtxt03__block__txt {
  padding: 15px;
  background: #E5F0B8;
  border: 2px dashed #fff;
  border-radius: 35px;
  font-weight: bold;
  text-align: center;
  box-shadow: 0 0 0 8px #E5F0B8;
}
@media screen and (max-width: 767px) {
  .box02__imgtxt03__block__txt {
    position: relative;
    left: -30px;
    width: 60%;
    height: 100%;
    z-index: 1;
  }
}
.box02__imgtxt03__block:nth-child(2) {
  padding: 0 40px;
}
@media screen and (max-width: 767px) {
  .box02__imgtxt03__block:nth-child(2) {
    padding: 0;
  }
}
.box02.box02__01 .ttl01 {
  padding-top: 130px;
}
@media screen and (max-width: 767px) {
  .box02.box02__01 .ttl01 {
    padding-top: 60px;
  }
}
.box02.box02__02 .pd0 {
  padding: 0;
}
.box02.box02__02 .box02__imgtxt__img.imgup {
  position: relative;
  top: -160px;
  height: 150px;
}
@media screen and (max-width: 767px) {
  .box02.box02__02 .box02__imgtxt__img.imgup {
    top: 0;
    height: auto;
  }
}
.box02.box02__03 .box02__imgtxt {
  align-items: center;
}
.box02.box02__03 .box02__imgtxt .box02__imgtxt__txt {
  color: #fff;
  text-align: center;
  line-height: 1.9;
}
@media screen and (max-width: 767px) {
  .box02.box02__03 .box02__imgtxt .box02__imgtxt__txt {
    order: 1;
  }
}
.box02.box02__03 .box02__imgtxt .box02__imgtxt__txt .font_din_condensed_bold {
  font-family: "DIN_Condensed_Bold", serif;
  font-size: 2.8rem;
}
@media screen and (max-width: 767px) {
  .box02.box02__03 .box02__imgtxt .box02__imgtxt__txt.sp-show {
    order: 3;
    justify-content: center;
    padding: 0px 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .box02.box02__03 .box02__imgtxt .box02__imgtxt__img {
    order: 2;
  }
}
.box03 .accordion {
  max-width: 750px;
  margin: 0 auto;
  color: #9C8275;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
}
.box03 .accordion__list {
  margin-bottom: 20px;
}
.box03 .accordion__list__box__head {
  position: relative;
  padding: 20px 40px 20px 20px;
  background: url(../img/about/bg_faq.jpg) repeat;
  border-radius: 25px;
  cursor: pointer;
}
.box03 .accordion__list__box__head:before, .box03 .accordion__list__box__head:after {
  content: "";
  position: absolute;
  right: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 15px;
  height: 3px;
  transition: all 0.3s;
  background: #2F9873;
}
.box03 .accordion__list__box__head:after {
  transform: rotate(90deg);
}
.box03 .accordion__list__box__head.open:after {
  transform: rotate(0);
}
.box03 .accordion__list__box__body {
  display: none;
  padding: 20px;
  /*text-shadow: 1px 1px 1px #fff;*/
}
.box03 .btnlink {
  display: flex;
  padding-top: 120px;
}
@media screen and (max-width: 767px) {
  .box03 .btnlink {
    flex-wrap: wrap;
    padding-top: 40px;
  }
}
.box03 .btnlink__box {
  position: relative;
}
@media screen and (min-width: 768px) {
  .box03 .btnlink__box:not(:first-child) {
    padding-left: 20px;
  }
}
@media screen and (max-width: 767px) {
  .box03 .btnlink__box {
    margin-bottom: 20px;
  }
}
.box03 .btnlink__box a {
  display: block;
}
.box03 .btnlink__box__txt {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-wrap: wrap;
  position: absolute;
  right: 20px;
  bottom: 0;
  color: #fff;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .box03 .btnlink__box__txt {
    right: 0;
    width: 170px;
  }
}
.box03 .btnlink__box__txt__phrase {
  position: relative;
  margin: 0 auto 17px 0;
  padding: 0 0 15px;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 1px;
}
@media screen and (max-width: 1023px) {
  .box03 .btnlink__box__txt__phrase {
    margin: 0 auto 12px 0;
    padding: 0 0 10px;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 767px) {
  .box03 .btnlink__box__txt__phrase {
    margin: 0 auto 12px 0;
    padding: 0 0 10px;
    font-size: 1.1rem;
  }
}
.box03 .btnlink__box__txt__phrase:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 2px solid #F9F167;
  width: 75px;
}
@media screen and (max-width: 767px) {
  .box03 .btnlink__box__txt__phrase:before {
    width: 45px;
  }
}
.box03 .btnlink__box__txt__title {
  margin-right: auto;
  font-family: "DIN_Condensed_Bold", serif;
  font-size: 7rem;
}
@media screen and (max-width: 1023px) {
  .box03 .btnlink__box__txt__title {
    font-size: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .box03 .btnlink__box__txt__title {
    font-size: 5rem;
  }
}
.box04__table {
  display: flex;
}
@media screen and (max-width: 767px) {
  .box04__table {
    flex-wrap: wrap;
  }
}
.box04__table__block:first-child {
  width: 55%;
  padding-right: 10px;
}
@media screen and (max-width: 767px) {
  .box04__table__block:first-child {
    width: 100%;
    margin-bottom: 10px;
    padding-right: 0;
  }
}
.box04__table__block:last-child {
  width: 45%;
  padding-left: 10px;
}
@media screen and (max-width: 767px) {
  .box04__table__block:last-child {
    width: 100%;
    padding-left: 0;
  }
}
.box04__table__block__sub {
  display: flex;
}
.box04__table__block__sub__block {
  width: 50%;
}
.box04__table__block__sub__block:first-child {
  padding-right: 2px;
}
.box04__table__block__sub__block:last-child {
  padding-left: 2px;
}
.box04__caution {
  font-size: 1.4rem;
  color: #464346;
}
.box05 {
  background: #F1E8E0;
  padding: 40px 0;
  border-radius: 15px;
}
@media screen and (max-width: 767px) {
  .box05 {
    padding: 20px 0;
  }
}
.box05__head {
  display: none;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 76px;
  color: #9C8275;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 2.4rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .box05__head {
    height: 50px;
    font-size: 1.6rem;
  }
}
.box05__body__imgtxt {
  padding-top: 90px;
}
@media screen and (max-width: 767px) {
  .box05__body__imgtxt {
    padding-top: 60px;
  }
}
.box05__body__imgtxt__img {
  position: relative;
  margin-bottom: 20px;
}
.box05__body__imgtxt__img img {
  border-radius: 15px;
}
.box05__body__imgtxt__img__icon {
  display: none;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  position: absolute;
  right: -30px;
  bottom: -10px;
  width: 120px;
  height: 120px;
  background: url(../img/voice/voice_icon01.png) no-repeat;
  background-size: contain;
  color: #fff;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 1.3rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .box05__body__imgtxt__img__icon {
    right: -18px;
    bottom: -18px;
    width: 90px;
    height: 90px;
    font-size: 1.1rem;
  }
}
.box05__body__imgtxt__img__icon__address, .box05__body__imgtxt__img__icon__name {
  border-bottom: 1px dotted #fff;
}
.box05__body__imgtxt__img__icon__old__no {
  font-size: 2.6rem;
}
@media screen and (max-width: 767px) {
  .box05__body__imgtxt__img__icon__old__no {
    font-size: 2.0rem;
  }
}
.box05__body__imgtxt__txt {
  display: none;
  height: 210px;
  padding: 20px;
  background: #fff;
  border-radius: 15px;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
}
@media screen and (max-width: 767px) {
  .box05__body__imgtxt__txt {
    height: auto;
    padding: 15px;
    font-size: 1.3rem;
  }
}
.box06 .accordion {
  display: flex;
  justify-content: space-between;
  color: #9C8275;
}
@media screen and (max-width: 767px) {
  .box06 .accordion {
    flex-wrap: wrap;
  }
}
.box06 .accordion__list {
  width: 31.33333%;
}
@media screen and (max-width: 767px) {
  .box06 .accordion__list {
    width: 100%;
    margin-bottom: 100px;
  }
}
.box06 .accordion__list__box__head {
  position: relative;
}
.box06 .accordion__list__box__head__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: column;
  position: absolute;
  top: -60px;
  left: 10px;
  width: 120px;
  height: 120px;
  background: url(../img/voice/voice_icon01.png) no-repeat;
  background-size: contain;
  color: #fff;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 1.3rem;
  text-align: center;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .box06 .accordion__list__box__head__icon {
    width: 90px;
    height: 90px;
    font-size: 1.1rem;
  }
}
.box06 .accordion__list__box__head__icon__address, .box06 .accordion__list__box__head__icon__name {
  border-bottom: 1px dotted #fff;
}
.box06 .accordion__list__box__head__icon__old__no {
  font-size: 2.6rem;
}
@media screen and (max-width: 767px) {
  .box06 .accordion__list__box__head__icon__old__no {
    font-size: 2.0rem;
  }
}
.box06 .accordion__list__box__head__photo img {
  border-radius: 15px 15px 0 0;
}
.box06 .accordion__list__box__head__ttl {
  position: relative;
  height: 90px;
  padding: 20px;
  background: url(../img/voice/bg_voice.jpg) repeat;
  border-radius: 0 0 15px 15px;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 1.5rem;
  text-align: center;
  letter-spacing: 0;
}
.box06 .accordion__list__box__head__ttl:before, .box06 .accordion__list__box__head__ttl:after {
  content: "";
  position: absolute;
}
.box06 .accordion__list__box__head__ttl:before {
  right: 20px;
  bottom: 20px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background: #fff;
}
.box06 .accordion__list__box__head__ttl:after {
  right: 29px;
  bottom: 30px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #9C8275;
  border-right: 2px solid #9C8275;
  transform: rotate(135deg);
}
.box06 .accordion__list__box__head.open .accordion__list__box__head__ttl {
  border-radius: 0;
}
.box06 .accordion__list__box__head.open .accordion__list__box__head__ttl:after {
  bottom: 27px;
  transform: rotate(315deg);
}
.box06 .accordion__list__box__body {
  display: none;
  padding: 0 20px 20px;
  background: url(../img/voice/bg_voice.jpg) repeat;
  border-radius: 0 0 15px 15px;
}
.box06 .accordion__list__box__body__txt {
  height: 175px;
  padding-top: 20px;
  border-top: 1px dotted #9C8275;
  font-size: 1.4rem;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
}
.box07 {
  color: #464346;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
}
.box07__tophead, .box07__head {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #9C8275;
  color: #9C8275;
}
.box07__tophead {
  margin-bottom: 60px;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 3.4rem;
}
@media screen and (max-width: 767px) {
  .box07__tophead {
    font-size: 1.8rem;
    margin-bottom: 40px;
  }
}
.box07__body {
  margin-bottom: 40px;
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .box07__body {
    font-size: 1.4rem;
  }
}
.box08 {
  background: #fff;
  padding: 35px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 767px) {
  .box08 {
    padding: 10px;
  }
}
.box09__block__txt {
  display: flex;
  color: #464346;
}
@media screen and (max-width: 767px) {
  .box09__block__txt {
    display: block;
  }
}
.box09__block__txt__head, .box09__block__txt__body {
  border: 1px solid #ccc;
}
.box09__block__txt__head {
  width: 30%;
  padding: 20px;
  background: #dedede;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
}
@media screen and (max-width: 767px) {
  .box09__block__txt__head {
    width: 100%;
  }
}
.box09__block__txt__body {
  width: 70%;
  padding: 20px;
  background: #fff;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
}
@media screen and (max-width: 767px) {
  .box09__block__txt__body {
    width: 100%;
  }
}
.table01 {
  width: 100%;
  border-collapse: separate;
  border-spacing: 5px;
  color: #464346;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
  font-size: 1.4rem;
  line-height: 1.3;
}
.table01 th, .table01 td {
  padding: 10px 5px;
}
.table01 th {
  background: #DEEEAD;
  text-align: center;
  vertical-align: middle;
}
.table01 td {
  background: #fff;
  border: solid 1px #E8E9DC;
  text-align: center;
}
.modal01 {
  display: none;
  height: 100vh;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2;
}
.modal01__bg {
  background: #9C8275;
  height: 100vh;
  position: absolute;
  width: 100%;
  opacity: 0.8;
}
.modal01__content {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 35%;
}
@media screen and (max-width: 767px) {
  .modal01__content {
    width: 80%;
  }
}
.slick01 .slick-list {
  overflow: inherit !important;
}
.slick01 .slick-slide {
  position: relative;
  padding: 0 30px;
}
@media screen and (max-width: 767px) {
  .slick01 .slick-slide {
    padding: 0 20px;
  }
}
.slick01 .slick-active .box05__head {
  display: flex;
}
.slick01 .slick-active .box05__body__imgtxt__img__icon {
  display: flex;
}
.slick01 .slick-active .box05__body__imgtxt__txt {
  display: block;
}
.slick01 .slide-btn {
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.slick01 .slide-btn.slide-arrow {
  position: absolute;
  top: -30%;
  bottom: 0;
  width: 15px;
  height: 15px;
  margin: auto;
  border-top: 3px solid #9C8275;
  cursor: pointer;
  z-index: 1;
}
.slick01 .slide-btn.prev-arrow {
  left: 245px;
  border-right: 3px solid #9C8275;
  transform: rotate(225deg);
}
@media screen and (max-width: 767px) {
  .slick01 .slide-btn.prev-arrow {
    left: 13px;
  }
}
.slick01 .slide-btn.next-arrow {
  right: 245px;
  border-right: 3px solid #9C8275;
  transform: rotate(45deg);
}
@media screen and (max-width: 767px) {
  .slick01 .slide-btn.next-arrow {
    right: 13px;
  }
}
.instagram01 .col-xxs-12 {
  width: 50%;
}
.google-map {
  position: relative;
}
.google-map:before {
  content: '';
  display: block;
  position: relative;
  width: 100%;
  padding-top: 35%;
}
@media screen and (max-width: 767px) {
  .google-map:before {
    padding-top: 66%;
  }
}
.google-map iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
/* --------------------------------------------------
 フォームパーツ基本設定
-------------------------------------------------- */
input[type=text], input[type=email], input[type=password], input[type=tel], textarea {
  width: 100%;
  border: none;
  padding: 10px;
  box-sizing: border-box;
  border-radius: 0;
  border: 0;
  border: 1px solid #ccc;
  border-radius: 15px;
}
input[type=text] + input[type=text], input[type=email] + input[type=text], input[type=password] + input[type=text], input[type=tel] + input[type=text], textarea + input[type=text], input[type=text] + input[type=email], input[type=email] + input[type=email], input[type=password] + input[type=email], input[type=tel] + input[type=email], textarea + input[type=email], input[type=text] + input[type=password], input[type=email] + input[type=password], input[type=password] + input[type=password], input[type=tel] + input[type=password], textarea + input[type=password], input[type=text] + input[type=tel], input[type=email] + input[type=tel], input[type=password] + input[type=tel], input[type=tel] + input[type=tel], textarea + input[type=tel], input[type=text] + textarea, input[type=email] + textarea, input[type=password] + textarea, input[type=tel] + textarea, textarea + textarea {
  margin-top: 10px;
}
textarea {
  height: 160px;
  vertical-align: bottom;
}
button {
  font-family: inherit;
  transition: opacity 0.3s;
  cursor: pointer;
}
button:hover {
  opacity: 0.7;
}
select {
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
  border-radius: 0;
  outline: none;
  border: 0;
  padding: 0px 30px 0px 10px;
  height: 26px;
  line-height: 1.2;
  background: #fff url(/common/img/ico_arrow02.svg) center right 15px no-repeat;
}
@media screen and (max-width: 767px) {
  input, button {
    -webkit-appearance: none;
  }
}
/* --------------------------------------------------
 フォームレイアウト用
-------------------------------------------------- */
.form {
  margin: auto;
  color: #464346;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
  font-size: 1.6rem;
}
.form__row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 25px;
  color: #464346;
}
@media screen and (max-width: 767px) {
  .form__row {
    display: block;
  }
}
.form__row--white {
  background: #fff;
}
.form__ttl {
  width: 25%;
  padding: 20px 10px;
}
@media screen and (max-width: 767px) {
  .form__ttl {
    width: 100%;
    padding: 10px;
    font-size: 1.4rem;
  }
}
.form__ttl.required:after {
  content: '（必須）';
  color: #d30000;
}
.form__item {
  width: 75%;
  padding: 15px 35px;
}
@media screen and (max-width: 767px) {
  .form__item {
    width: 100%;
    padding: 0;
  }
}
.form__info {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .form__info {
    margin-top: 10px;
  }
}
.form--confirm .form__ttl.required:after {
  display: none;
}
.form--confirm .form__item {
  color: #B5B5B5;
}
.form-newsletter {
  margin: 10px 0;
  display: flex;
}
.form-newsletter .input {
  background: #f4f4f4;
  border: 1px solid #c1c4d3;
  border-radius: 3px 0 0 3px;
}
.form-newsletter .btn {
  background: #9C8275;
  color: #fff;
  padding: 0 10px;
  border-radius: 0 3px 3px 0;
}
/* --------------------------------------------------
 フォームパーツ装飾
-------------------------------------------------- */
.formbtn {
  display: flex;
  justify-content: center;
  position: relative;
  margin: 40px 0 0;
}
@media screen and (max-width: 767px) {
  .formbtn {
    flex-wrap: wrap;
  }
}
.formbtn__link {
  color: #7A6356;
  background: #FDF567;
  font-weight: bold;
  text-align: center;
  padding: 15px 85px;
  position: relative;
  border-radius: 35px;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .formbtn__link {
    width: 100%;
    margin: 20px 0;
    padding: 15px;
    font-size: 1.4rem;
  }
}
.formbtn .wpcf7-submit {
  margin: 0 0 0 20px;
}
@media screen and (max-width: 767px) {
  .formbtn .wpcf7-submit {
    margin: 0;
  }
}
.select01 {
  border-radius: 0;
  border: 0;
}
.check01 {
  display: block;
  position: relative;
  cursor: pointer;
}
.check01:not(:last-child) {
  margin-bottom: 10px;
}
.check01 span {
  padding-left: 30px;
}
.check01 span:before {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 100%;
  position: absolute;
  top: 3px;
  left: 0;
}
.check01 span:after {
  height: 10px;
  width: 10px;
  border-radius: 100%;
  position: absolute;
  top: 7px;
  left: 4px;
  background: #9C8275;
}
.check01 input[type="checkbox"], .check01 input[type="radio"] {
  display: none;
}
.check01 input[type="checkbox"]:checked + span:after, .check01 input[type="radio"]:checked + span:after {
  content: '';
}
/* --------------------------------------------------
 フォーム注意書き
-------------------------------------------------- */
.p-contact__link {
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
}
.p-contact__link a {
  background: #4ca63e;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  max-width: 320px;
  width: 100%;
  height: 60px;
  font-size: 20px;
  border-radius: 2px;
  -webkit-transition: .4s;
  transition: .4s;
  color: #fff;
  text-decoration: none;
}
.p-history_list__item__header__btn {
  margin: 0 auto 30px;
  padding: 0 0 0 30px;
  background: #31AE36 url(https://d2w53g1q050m78.cloudfront.net/mishonejp/uploads/themes/ec_force_basic_theme_20211124172244/ec_force/assets/images/login-line.png) 10px 5px no-repeat;
  background-size: 50px;
  font-family: "NotoSerifCJKjp-Bold", sans-serif;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  max-width: 320px;
  width: 100%;
  height: 60px;
  font-size: 2.0rem;
  border-radius: 2px;
  -webkit-transition: .4s;
  transition: .4s;
  color: #fff;
}
.p-contact__link__btn {
  margin: 0 auto;
  color: #9C8275;
  text-decoration: underline;
  font-size: 18px;
  display: -webkit-box;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  max-width: 320px;
  width: 100%;
  height: 40px;
  font-size: 18px;
  border-radius: 2px;
  -webkit-transition: .4s;
  transition: .4s;
}
.a-contact {
  font-size: 20px;
}
/* --------------------------------------------------
 エラー
-------------------------------------------------- */
.error01 {
  color: #d30000;
}
@media screen and (max-width: 767px) {
  .error01 {
    font-size: 1.4rem;
  }
}
/* --------------------------------------------------
 Contact form 7
-------------------------------------------------- */
.wpcf7-not-valid-tip {
  color: #d30000 !important;
}
.wpcf7-list-item {
  display: block !important;
  position: relative !important;
  margin: 0 !important;
}
.wpcf7-list-item > label {
  cursor: pointer !important;
}
.wpcf7-list-item:not(:last-child) {
  margin: 0 0 10px 0em !important;
}
.wpcf7-list-item .wpcf7-list-item-label {
  position: relative;
  padding-left: 30px;
}
.wpcf7-list-item .wpcf7-list-item-label:before {
  content: '' !important;
  display: block;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px solid #ccc;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .wpcf7-list-item .wpcf7-list-item-label:before {
    top: -2px;
  }
}
.wpcf7-list-item .wpcf7-list-item-label:after {
  content: initial !important;
  height: 10px;
  width: 10px;
  position: absolute;
  top: 4px;
  left: 4px;
  background: #9C8275;
}
.lineContactTitle
{font-size:20px;
	color:#9C8275;
	font-family:"Hiragino Mincho ProN", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, "Shippori Mincho", "Times New Roman", "HG明朝E", "ＭＳ Ｐ明朝", serif;}
.lineContactMain{
	display: flex; 
	flex-wrap: wrap; 
	justify-content: center; 
	margin-top:30px;
}
.contact-content{
	margin-top:60px; 
	text-align:center;
}
.lineContactButton{
	display: flex; 
	align-items: center; 
	border-radius: 300px; 
	padding: 12px 32px;
	background: #00a75b;
	color: #fff; 
	margin: 0 32px;}

@media screen and (max-width: 767px) {
  .wpcf7-list-item .wpcf7-list-item-label:after {
    top: 2px;
  }
.lineContactButton{
		padding: 8px 24px;
		margin: 12px 0;
		    font-size: 14px;
	width:100%;
	justify-content: center;
	}
}
.wpcf7-list-item input[type="radio"], .wpcf7-list-item input[type="checkbox"] {
  display: none;
}
.wpcf7-list-item input[type="radio"]:checked + .wpcf7-list-item-label:after, .wpcf7-list-item input[type="checkbox"]:checked + .wpcf7-list-item-label:after {
  content: '' !important;
}
.wpcf7-response-output {
  display: none !important;
}
.ajax-loader {
  position: absolute !important;
  top: 0;
  bottom: 0;
  margin: auto;
}

/* --------------------------------------------------
 Contact form 7 確認画面
-------------------------------------------------- */
.wpcf7c-conf, input.wpcf7c-conf, textarea.wpcf7c-conf {
  background: #fff;
  border: 0;
  border-radius: 0;
  padding: 0;
  color: #464346;
}
.wpcf7c-conf:-webkit-autofill {
  box-shadow: 0 0 0 1000px #fff inset;
}
.wpcf7-form.sent .wpcf7-response-output {
  display: none !important;
}
.custom-wpcf7c-confirmed input[name="acceptance-check"] + .wpcf7-list-item-label:after {
  content: '' !important;
}
.custom-wpcf7c-confirmed .form__item {
  padding: 10px;
}
.custom-wpcf7c-confirmed .form textarea {
  height: 50px;
}
/* --------------------------------------------------
 Contact form 7 完了画面
-------------------------------------------------- */
.thanks {
  color: #464346;
  font-family: "NotoSansCJKjp-Medium", sans-serif;
}
/* --------------------------------------------------
 追加
-------------------------------------------------- */
.privacy_link {
  margin-bottom: 20px;
}
.privacy_link a {
  color: #464346;
  text-decoration: underline;
}
@media screen and (max-width: 767px) {
  .privacy_link a {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .acceptance_check + .wpcf7-list-item-label {
    font-size: 1.4rem;
  }
}
/* --------------------------------------------------
TOPページスタイル
-------------------------------------------------- */
.l-footer.top {
  background: top center /cover no-repeat;
  background-image: url(../img/bg_footer.png);
}
@media screen and (max-width: 767px) {
  .l-footer.top {
    background: top left /100% no-repeat;
    background-image: url(../img/bg_footer_sp.png);
    background-size: 100% 100%;
  }
}
.l-footer.top:before {
  display: none;
}
.top__mv {
  position: relative;
  min-height: 50vw;
  z-index: 1;
  padding: 60px 0px 0px;
  background: url(../img/top/0907_top.jpg) center top/cover no-repeat;
}
@media screen and (max-width: 767px) {
  .top__mv {
    min-height: 90vw;
    padding: 60px 0px 0px;
    background: url(../img/top/0907_top_sp.jpg) left top/100% no-repeat;
  }
}
.top__mv:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 60px;
  background-size: 100% 100%;
  left: 0;
  bottom: 0;
}

.top__mv h1 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 50px;
  color: #fff;
  font-size: 2rem !important;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .top__mv h1 {
    bottom: 20px;
    font-size: 2.2rem;
    line-height: 1;
  }
}
.top__mv h1 img {
  width: 488px;
}
@media screen and (max-width: 767px) {
  .top__mv h1 img {
    width: 70%;
  }
}
.top__mv h1 .font_din_condensed_bold {
  font-family: "DIN_Condensed_Bold", serif;
}
@media screen and (max-width: 767px) {
  .top__mv h1 .font_din_condensed_bold {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .top__mv h1 span {
    font-size: 1.8rem;
  }
}
.top__imgtext {
  text-align: center;
}
.top__imgtext img {
  width: 496px;
}
@media screen and (max-width: 767px) {
  .top__imgtext img {
    width: 70%;
  }
}
.top__about {
  padding: 40px 0;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .top__about {
    margin-bottom: 60px;
  }
}
.top__about__inner {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
}
.top__about__inner ul{
  margin:0 70px; 
  display: flex;
}
@media screen and (max-width: 767px) {
  .top__about__inner ul{
    margin:0 10px; 
  }
}
.top__about__inner:before {
  content: "";
  position: absolute;
  top: -150px;
  right: -40px;
  width: 100%;
  height: 166px;
  background: top right/contain no-repeat;
  background-image: url(../img/top/top_mark01.png);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .top__about__inner:before {
    top: -60px;
    right: -10px;
    height: 86px;
  }
}
.top__box01 {
  display: flex;
}
@media screen and (min-width: 768px) {
  .top__box01 {
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .top__box01 {
    margin-bottom: 30px;
    padding: 0 20px 0 0;
  }
}
.top__box01__txt {
  width: 50%;
}
.top__box01__img {
  width: 50%;
}
.top__box01__txt {
  color: #9C8275;
  font-size: 2.0rem;
  text-align: center;
  line-height: 2.0;
}
@media screen and (max-width: 767px) {
  .top__box01__txt {
    font-size: 1.2rem;
    line-height: 1.8;
    letter-spacing: 0;
  }
}
.top__box01__txt > h2 {
  text-align: left;
}
@media screen and (max-width: 767px) {
  .top__box01__txt > h2 {
    margin-left: -20px;
  }
}
@media screen and (max-width: 767px) {
  .top__box01__txt > h2 img {
    max-width: 80%;
  }
}
.top__movie {
  position: relative;
  min-height: 635px;
  padding: 60px 0 220px;
  background: #e5f0b8;
  z-index: 1;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .top__movie {
    min-height: auto;
    padding: 0;
  }
}
.top__movie:before, .top__movie:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
}
.top__movie:before {
  height: 108px;
  background: url(../img/top/bg_movie_line01.png) center top no-repeat;
  background-size: 100% 100%;
  top: 0;
}
@media screen and (max-width: 767px) {
  .top__movie:before {
    height: 3.1vw;
    background: url(../img/top/bg_movie_line01_sp.png) center top/cover no-repeat;
  }
}
.top__movie:after {
  height: 101px;
  background: url(../img/top/bg_movie_line02.png) center top no-repeat;
  background-size: 100% 100%;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .top__movie:after {
    height: 4.5vw;
    background: url(../img/top/bg_movie_line02_sp.png) center top/cover no-repeat;
  }
}
.top__movie__logo {
  background: url(../img/top/mishone_movie.svg) repeat-y;
  position: absolute;
  top: 0;
  left: -40px;
  width: 168px;
  height: 100%;
}
.top__movie__inner {
  position: relative;
  max-width: 1060px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .top__movie__inner {
    padding: 0 0 30px;
  }
}
.top__movie__inner:before {
  content: "";
  position: absolute;
  top: -30px;
  left: -60px;
  width: 100%;
  height: 246px;
  background: top left/contain no-repeat;
  background-image: url(../img/top/top_mark02.png);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .top__movie__inner:before {
    background: top right/contain no-repeat;
    background-image: url(../img/top/top_mark02.png);
    top: -30px;
    left: 20px;
    height: 106px;
  }
}
.top__movie__ttl01 {
  padding: 180px 0 0;
}
@media screen and (max-width: 767px) {
  .top__movie__ttl01 {
    padding: 80px 0 0;
  }
}
.top__ttl01 {
  text-align: center;
  letter-spacing: 3px;
  line-height: 0.5;
}
.top__ttl01 span {
  position: relative;
  font-family: "DIN_Condensed_Bold", serif;
  font-size: 7.0rem;
}
@media screen and (max-width: 767px) {
  .top__ttl01 span {
    font-size: 5.0rem;
  }
}
.top__ttl01 .-new:before {
  content: "";
  position: absolute;
  top: -40px;
  left: -90px;
  width: 83px;
  height: 80px;
  background: url(../img/top/new.svg) no-repeat;
}
.top__ttl01__shadow {
  color: #fff;
  text-shadow: 1px 1px #9C8275, -1px 1px #9C8275, -1px -1px #9C8275, 1px -1px #9C8275, 1px 0px #9C8275, 0px 1px #9C8275, -1px 0px #9C8275, 0px -1px #9C8275;
}
.top__ttl01 .-brown {
  color: #9C8275;
}
.top__subttl01 {
  color: #9C8275;
  font-size: 3.6rem;
  text-align: center;
  letter-spacing: 3px;
}
@media screen and (max-width: 767px) {
  .top__subttl01 {
    font-size: 2.6rem;
  }
}
.top__box02 {
  display: flex;
}
@media screen and (max-width: 767px) {
  .top__box02 {
    flex-wrap: wrap;
    padding: 0 20px;
  }
}
.top__box02 li {
  width: 33.33333333%;
  padding: 0 10px;
}
@media screen and (max-width: 767px) {
  .top__box02 li {
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
  }
}
.top__box02 li dl {
  font-size: 1.4rem;
  cursor: pointer;
}
.top__box02 li dl dt {
  position: relative;
}
.top__box02 li dl dt:before, .top__box02 li dl dt:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  box-sizing: border-box;
}
.top__box02 li dl dt:before {
  width: 60px;
  height: 60px;
  border: 2px solid #fff;
  border-radius: 50%;
  box-shadow: 0 0 14px #00000085;
}
.top__box02 li dl dt:after {
  left: 12px;
  width: 12px;
  height: 0;
  border: 12px solid transparent;
  border-left: 12px solid #fff;
}
.top__box02 li dl dt:hover:before, .top__box02 li dl dt:hover:after {
  border-color: #ea3323;
}
.top__box02 li dl dt:hover:after {
  border: 10px solid transparent;
  border-left: 10px solid #ea3323;
}
.top__box02 li dl dd {
  color: #9C8275;
  font-family: "NotoSerifCJKjp-Bold", sans-serif;
  text-align: center;
}
.top__box02 li dl dd span {
  padding: 0 0 10px 0;
  border-bottom: 1px dotted #9C8275;
}
.top__btnlink {
  padding: 40px 0 130px;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .top__btnlink {
    padding: 0 0 100px;
  }
}
.top__btnlink__inner {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
}
.top__btnlink__inner:before {
  content: "";
  position: absolute;
  top: -190px;
  right: -80px;
  width: 100%;
  height: 130px;
  background: top right/contain no-repeat;
  background-image: url(../img/circle.png);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .top__btnlink__inner:before {
    top: -120px;
    left: 20px;
    height: 90px;
  }
}
.top__box03 {
  display: flex;
  justify-content: center;
  padding: 0 20px;
}
@media screen and (max-width: 767px) {
  .top__box03 {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .top__box03 li {
    margin-bottom: 30px;
  }
}
.top__box03 li a {
  display: block;
  position: relative;
}
@media screen and (max-width: 767px) {
  .top__box03 li a:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
  }
}
.top__box03 li:nth-child(even) {
  padding-left: 30px;
}
@media screen and (max-width: 767px) {
  .top__box03 li:nth-child(even) {
    padding-left: 0;
  }
}
.top__box03__txt {
  height: 30%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  color: #fff;
  font-size: 2.8rem;
  text-align: center;
  text-shadow: 1px 2px 3px #00000085;
  line-height: 1;
}
.top__box03__txt02 {
  height: 30%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  color: #fff;
  font-size: 2.8rem;
  text-align: center;
  text-shadow: 1px 2px 3px #00000085;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .top__box03__txt {
    font-size: 2.6rem;
  }
  .top__box03__txt02 {
    bottom: 60px;
  }
}
.top__box03__ttl, .top__box03__subttl {
  width: 100%;
}
.top__box03__ttl {
  font-family: "DIN_Condensed_Bold", serif;
  font-size: 6.1rem;
}
@media screen and (max-width: 767px) {
  .top__box03__ttl {
    font-size: 5.1rem;
  }
}
.top__news {
  position: relative;
  padding: 0 0 100px 0;
  background-size: contain;
  background-image: url(../img/top/bg_news.jpg);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .top__news {
    padding: 0 0 60px 0;
  }
}
.top__news__inner {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
}
.top__news__inner:before {
  content: "";
  position: absolute;
  top: -90px;
  left: -160px;
  width: 100%;
  height: 274px;
  background: top left/contain no-repeat;
  background-image: url(../img/top/top_food.png);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .top__news__inner:before {
    top: -70px;
    left: -10px;
    height: 194px;
  }
}
.top__news__inner:after {
  content: "";
  position: absolute;
  top: -60px;
  right: -130px;
  width: 100%;
  height: 101px;
  background: top right/contain no-repeat;
  background-image: url(../img/top/top_square.png);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .top__news__inner:after {
    top: -40px;
    right: -30px;
    height: 71px;
  }
}
.top__news__ttl01 {
  padding: 90px 0 0;
}
.top__news.-long {
  padding: 0 0 160px 0;
}
@media screen and (max-width: 767px) {
  .top__news.-long {
    padding: 0 0 60px 0;
  }
}
.top__box04 {
  padding: 0 20px;
}
.top__box04 li {
  padding: 0 0 30px;
}
.top__box04 li:last-child {
  border-bottom: none;
}
.top__box04 li dl {
  font-family: "NotoSerifCJKjp-Bold", sans-serif;
}
.top__box04 li dl dt {
  color: #D7D380;
  font-size: 2.6rem;
}
@media screen and (max-width: 767px) {
  .top__box04 li dl dt {
    font-size: 1.8rem;
  }
}
.top__box04 li dl dt.-new:after {
  content: 'New';
  color: #d30000;
  padding-left: 20px;
}
.top__box04 li dl dd a {
  color: #9C8275;
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .top__box04 li dl dd a {
    font-size: 1.6rem;
  }
}
.top__buy {
  padding: 40px 0 60px;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .top__buy {
    padding: 20px 0;
  }
}
.top__buy__inner {
  position: relative;
  max-width: 1000px;
  margin: 0 auto;
}
.top__buy__inner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 125px;
  background: top left/contain no-repeat;
  background-image: url(../img/top/top_mark03.png);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .top__buy__inner:before {
    height: 65px;
  }
}
.top__box05 {
  display: flex;
  align-items: flex-end;
  -webkit-align-items: flex-end;
  justify-content: center;
  color: #9C8275;
  font-family: "DIN_Condensed_Bold", serif;
  font-size: 2rem !important;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .top__box05 {
    padding: 0px 0 20px;
  }
}
.top__box05__txt {
  padding: 0 20px;
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .top__box05__txt {
    font-size: 1.6rem;
  }
}
.top__box05__img {
  padding: 0 20px;
}
@media screen and (max-width: 767px) {
  .top__box05__img {
    padding: 0;
  }
}
/* --------------------------------------------------
下層ページ 追加スタイル
-------------------------------------------------- */
.content.bg_green {
  background: #E8EED3;
}
.content.bg_lightgreen {
  background: #FBFEF5;
}
.content.bg_offwhite {
  background: #F1ECE7;
}
.content.bg_brown {
  background: #9C8275;
}
.content.bg_lightbrown {
  background: #F1E8E0;
}
.content.bg_lightbrown {
  background: #F1E8E0;
}
.content.bg_yellow {
  background: #F9F7D8;
}
.content.faq {
  position: relative;
  padding: 80px 0;
}
@media screen and (max-width: 767px) {
  .content.faq {
    padding: 20px 0;
  }
}
.content.faq:before {
  /*
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 920px;
    height: 100%;
    background: url(../img/about/bg_faq_food.png) no-repeat;
    background-size: contain;
    background-color: rgb(255 255 255 / 50%);
    background-blend-mode: lighten;
    z-index: -1;
    @media screen and (max-width: 767px){
        right: -30%;
        width: 100%;
        height: 100%;
    }
    */
}
.sub__mv {
  position: relative;
  min-height: 572px;
  background: top center /cover no-repeat;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .sub__mv {
    min-height: 63vw;
    background: top left /100% no-repeat;
  }
}
.sub__mv:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 98px;
  background-size: 100% 100%;
  left: 0;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .sub__mv:after {
    height: 4.0vw;
  }
}
@media screen and (min-width: 768px) {
  .sub__mv__inner {
    position: relative;
    max-width: 1000px;
    min-height: 572px;
    margin: 0 auto;
  }
}
.sub__mv__box {
  position: absolute;
  left: 0;
  bottom: 30%;
  color: #fff;
  text-align: left;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .sub__mv__box {
    left: 20px;
    bottom: 30px;
  }
}
.sub__mv__box__phrase {
  position: relative;
  margin: 0 0 22px;
  padding: 0 0 20px;
  font-size: 2.0rem;
  font-weight: bold;
  letter-spacing: 2px;
}
@media screen and (max-width: 767px) {
  .sub__mv__box__phrase {
    margin: 0 0 17px;
    padding: 0 0 15px;
    font-size: 1.6rem;
    letter-spacing: 1px;
  }
}
.sub__mv__box__phrase:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 2px solid #F9F167;
  width: 75px;
}
@media screen and (max-width: 767px) {
  .sub__mv__box__phrase:before {
    width: 45px;
  }
}
.sub__mv__box__title {
  font-family: "DIN_Condensed_Bold", serif;
  font-size: 10rem;
}
.sub__mv__box__title_{
  font-family: "DIN_Condensed_Bold", serif;
  font-size: 5.6rem;
}
@media screen and (max-width: 767px) {
  .sub__mv__box__title {
    font-size: 6rem;
  }
}
.sub__mv__box__subtitle {
  position: absolute;
  left: 0;
  bottom: -5px;
  font-family: "DIN_Condensed_Bold", serif;
  font-size: 2rem;
}
@media screen and (max-width: 767px) {
  .sub__mv__box__subtitle {
    font-size: 1.6rem;
  }
}
.sub__mv__box.-cl_brown {
  color: #9C8275;
}
.page-about .sub__mv {
  background-image: url(../img/about/about_pnheader.jpg);
}
#page-campaign .sub__mv {
  background-image: url(../img/campaign_header.jpg);
}
@media screen and (max-width: 767px) {
  .page-about .sub__mv {
    background-image: url(../img/about/about_pnheader_sp.jpg);
  }
  #page-campaign .sub__mv {
    background-image: url(../img/campaign_header_sp.jpg);
  }
}
.page-about .sub__mv:after {
  background: url(../img/about/bg_mv_line.png) center bottom no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-width: 767px) {
  .page-about .sub__mv:after {
    background: url(../img/about/bg_mv_line_sp.png) center top/cover no-repeat;
  }
}
.page-about .content.top {
  padding: 0 0 200px 0;
}
@media screen and (max-width: 767px) {
  .page-about .content.top {
    padding: 0 0 100px 0;
  }
}
.page-about .content.top .l-container:before {
  content: "";
  position: absolute;
  top: -160px;
  right: -40px;
  width: 147px;
  height: 252px;
  background: top right/contain no-repeat;
  background-image: url(../img/about/mark01.png);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .page-about .content.top .l-container:before {
    top: -60px;
    right: -20px;
    height: 122px;
  }
}
.page-about .content.top .l-container:after {
  content: "";
  position: absolute;
  top: 50%;
  left: -100px;
  width: 100%;
  height: 140px;
  background: top left/contain no-repeat;
  background-image: url(../img/about/mark02.png);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .page-about .content.top .l-container:after {
    top: 40%;
    left: 0;
    width: 72px;
    height: 100%;
    z-index: -1;
  }
}
.page-about .content.top .goods {
  position: relative;
  max-width: 1050px;
  margin: 0 auto;
  padding: 0 25px;
}
.page-about .content.top .goods li {
  width: 31.33333%;
}
@media screen and (max-width: 767px) {
  .page-about .content.top .goods li {
    width: 100% !important;
    margin-bottom: 100px;
  }
}
.page-about .content.top .goods li h3 {
  font-size: 18px;
  margin: 30px 0 0;
}
.page-about .content.top .goods li .accordion__list__box__head__photo img {
  border-radius: 15px;
}
.page-about .content.top .goods li .accordion__list__box__head__ttl {
  background: none;
  height: 170px;
  text-align: left;
  padding: 20px 20px 20px 0;
}
@media screen and (max-width: 767px) {
  .page-about .content.top .goods li .accordion__list__box__head__ttl {
    height: 140px;
  }
}
.page-about .content.top .goods li .accordion__list__box__head__ttl:before {
  display: none;
}
.page-about .content.top .goods li .accordion__list__box__head__ttl:after {
  display: none;
}
.page-about .content.top .goods .btn03 {
  text-align: center;
}
.page-about .content.top .goods .btn03 a {
  position: relative;
  padding: 20px 40px;
  border-radius: 50px;
  background: #FDF567;
  color: #7A6356;
  font-family: "NotoSerifCJKjp-Bold", sans-serif;
  font-weight: bold;
  font-size: 2rem;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .page-about .content.top .goods .btn03 a {
    font-size: 1.8rem;
  }
}
.page-about .content.top .goods .btn03 a:before {
  display: none;
  content: "";
  position: absolute;
  width: 95%;
  height: 100%;
  border-radius: 50px;
}
.page-about .content.top .goods .btn03 a:after {
  display: none;
  content: "";
  position: absolute;
  width: 95%;
  height: 100%;
  border-radius: 50px;
}
.page-about .content.top .goods .btn03 a span {
  padding: 0 0 5px 0;
  border-bottom: 1px dotted #7A6356;
}
.page-about .content.top .goods .btn03 a span:before {
  content: "▶︎";
}
.page-about .content.top .goods .pattern02 a {
  padding: 20px 80px;
}
@media screen and (max-width: 767px) {
  .page-about .content.top .goods .pattern02 a {
    padding: 20px 100px;
  }
}
.page-about .content.top .goods .pattern02 a span {
  position: relative;
  padding: 5px 0 10px 35px;
}
.page-about .content.top .goods .pattern02 a span:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 26px;
  height: 28px;
  background: url(../img/top/btn_dogmark.svg) no-repeat;
}
.page-about .content.scene {
  padding: 80px 0;
}
@media screen and (max-width: 767px) {
  .page-about .content.scene {
    padding: 40px 0;
  }
}
.page-about .content.scene.scene01 {
  padding: 0 0 80px 0;
}
@media screen and (max-width: 767px) {
  .page-about .content.scene.scene01 {
    padding: 0 0 20px 0;
  }
}
.page-about .content.scene.scene01 .l-container:before {
  content: "";
  position: absolute;
  top: -160px;
  right: 100px;
  width: 425px;
  height: 241px;
  background: top right/contain no-repeat;
  background-image: url(../img/about/mark03.png);
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .page-about .content.scene.scene01 .l-container:before {
    top: -80px;
    right: 0;
    width: 100%;
    height: 121px;
  }
}
.page-about .content.scene.scene01 .l-container:after {
  content: "";
  position: absolute;
  bottom: -150px;
  right: -50px;
  width: 130px;
  height: 130px;
  background: top right/contain no-repeat;
  background-image: url(../img/circle.png);
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .page-about .content.scene.scene01 .l-container:after {
    bottom: -80px;
    right: -10px;
    width: 100%;
    height: 70px;
  }
}
.page-about .content.scene.scene01 .ttl01 {
  padding-top: 130px;
}
@media screen and (max-width: 767px) {
  .page-about .content.scene.scene01 .ttl01 {
    padding-top: 80px;
  }
}
.page-about .content.scene.scene02 .l-container:before {
  content: "";
  position: absolute;
  top: 80px;
  bottom: 0;
  right: -80px;
  width: 162px;
  height: 277px;
  margin: auto;
  background: top right/contain no-repeat;
  background-image: url(../img/about/mark04.png);
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .page-about .content.scene.scene02 .l-container:before {
    right: -20px;
    width: 100%;
    height: 117px;
  }
}
.page-about .content.scene.scene03 {
  padding: 80px 0 160px 0;
}
@media screen and (max-width: 767px) {
  .page-about .content.scene.scene03 {
    padding: 40px 0 40px 0;
  }
}
.page-about .content.scene.scene03 .l-container:before {
  content: "";
  position: absolute;
  top: -80px;
  left: -140px;
  width: 150px;
  height: 307px;
  background: top left/contain no-repeat;
  background-image: url(../img/about/mark05.png);
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .page-about .content.scene.scene03 .l-container:before {
    top: 60%;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 150px;
  }
}
.page-about .content.scene.scene03 .l-container:after {
  content: "";
  position: absolute;
  bottom: -290px;
  right: 0;
  width: 170px;
  height: 319px;
  background: top right/contain no-repeat;
  background-image: url(../img/about/mark06.png);
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .page-about .content.scene.scene03 .l-container:after {
    bottom: -60px;
    width: 100%;
    height: 69px;
  }
}
.page-about .content.scene.scene04 .l-container:before {
  content: "";
  position: absolute;
  bottom: -210px;
  right: -170px;
  width: 219px;
  height: 434px;
  background: top right/contain no-repeat;
  background-image: url(../img/about/mark07.png);
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .page-about .content.scene.scene04 .l-container:before {
    bottom: -80px;
    right: -40px;
    width: 100%;
    height: 154px;
  }
}
.page-about .content.scene.scene05 .l-container:before {
  content: "";
  position: absolute;
  bottom: -180px;
  left: 0;
  width: 134px;
  height: 221px;
  background: top left/contain no-repeat;
  background-image: url(../img/about/mark08.png);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .page-about .content.scene.scene05 .l-container:before {
    bottom: -100px;
    width: 100%;
    height: 100px;
  }
}
.page-about .content.scene.scene06 {
  padding: 120px 0;
}
@media screen and (max-width: 767px) {
  .page-about .content.scene.scene06 {
    padding: 60px 0 100px;
  }
}
.page-about .content.as {
  margin: 70px 0 0;
}
@media screen and (max-width: 767px) {
  .page-about .content.as {
    margin: 0;
  }
}
.pro {
  margin: 10px 0 0;
}
@media screen and (max-width: 767px) {
  .pro {
    width: 84%;
    margin: 8vw 0 0 9vw;
  }
}
.page-about .content.bgline01 {
  position: relative;
}
.page-about .content.bgline01:before, .page-about .content.bgline01:after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  left: 0;
}
.page-about .content.bgline01:before {
  height: 47px;
  background: url(../img/about/bg_mishone_line01.png) center top no-repeat;
  background-size: 100% 100%;
  top: 0;
}
@media screen and (max-width: 767px) {
  .page-about .content.bgline01:before {
    height: 6.1vw;
    background: url(../img/about/bg_mishone_line01_sp.png) center top/cover no-repeat;
  }
}
.page-about .content.bgline01:after {
  height: 25px;
  background: url(../img/about/bg_mishone_line02.png) center top no-repeat;
  background-size: 100% 100%;
  bottom: 0;
}
@media screen and (max-width: 767px) {
  .page-about .content.bgline01:after {
    height: 5.1vw;
    background: url(../img/about/bg_mishone_line02_sp.png) center top/cover no-repeat;
  }
}
.page-quality .sub__mv {
  background-image: url(../img/about/quality/bg_mv.jpg);
}
@media screen and (max-width: 767px) {
  .page-quality .sub__mv {
    background-image: url(../img/about/quality/bg_mv_sp.jpg);
  }
}
.page-quality .sub__mv:after {
  background: url(../img/about/bg_mv_line.png) center bottom no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-width: 767px) {
  .page-quality .sub__mv:after {
    background: url(../img/about/bg_mv_line_sp.png) center top/cover no-repeat;
  }
}
.page-quality .content.top {
  padding: 0 0 130px 0;
}
@media screen and (max-width: 767px) {
  .page-quality .content.top {
    padding: 0 0 100px 0;
  }
}
.page-quality .content.top .box01__imgtxt__img {
  position: relative;
  top: -30px;
  z-index: -1;
}
.page-quality .content.top .box01__imgtxt__txt__body {
  line-height: 1.9;
}
.page-quality .content.scene {
  padding: 80px 0;
}
@media screen and (max-width: 767px) {
  .page-quality .content.scene {
    padding: 40px 0;
  }
}
.page-quality .content.scene.scene01 {
  padding: 0 0 40px;
}
.page-quality .content.scene.scene01 .box01__imgtxt__txt__body {
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, "Shippori Mincho", "Times New Roman", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  line-height: 1.9;
}
.page-quality .content.scene.scene01 .box04__til {
  position: relative;
  top: -20px;
}
@media screen and (max-width: 767px) {
  .page-quality .content.scene.scene01 .box04__til {
    top: -10px;
  }
}
.page-support .sub__mv {
  background-image: url(../img/about/support/bg_mv.jpg);
}
@media screen and (max-width: 767px) {
  .page-support .sub__mv {
    min-height: 67vw;
    background-image: url(../img/about/support/bg_mv_sp.jpg);
  }
}
.page-support .content.top {
  padding: 50px 0 80px;
}
@media screen and (max-width: 767px) {
  .page-support .content.top {
    padding: 0 0 40px;
  }
}
.page-support .content.top .l-container:before {
  content: "";
  position: absolute;
  top: 30px;
  left: 0;
  width: 130px;
  height: 123px;
  background: top right/contain no-repeat;
  background-image: url(../img/about/support/mark01.png);
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .page-support .content.top .l-container:before {
    top: 0;
    width: 60px;
    height: 100%;
  }
}
.page-support .content.top .l-container:after {
  content: "";
  position: absolute;
  top: 120px;
  right: 0;
  width: 128px;
  height: 126px;
  background: top right/contain no-repeat;
  background-image: url(../img/about/support/mark02.png);
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .page-support .content.top .l-container:after {
    display: none;
  }
}
.page-support .content.top .box01__imgtxt__txt__body {
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, "Shippori Mincho", "Times New Roman", "HG明朝E", "ＭＳ Ｐ明朝", serif;
  font-size: 1.7rem;
  line-height: 1.9;
}
@media screen and (max-width: 767px) {
  .page-support .content.top .box01__imgtxt__txt__body {
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767px) {
  .page-support .content.top .box01__imgtxt__img {
    margin-bottom: 0;
  }
}
.page-support .content.scene {
  padding: 80px 0;
}
@media screen and (max-width: 767px) {
  .page-support .content.scene {
    padding: 20px 0;
  }
}
.page-support .content.scene.scene01 .l-container:before {
  content: "";
  position: absolute;
  top: -150px;
  left: 60px;
  width: 166px;
  height: 167px;
  background: top right/contain no-repeat;
  background-image: url(../img/about/support/mark03.png);
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .page-support .content.scene.scene01 .l-container:before {
    display: none;
  }
}
.page-support .content.scene.scene01 .l-container:after {
  content: "";
  position: absolute;
  top: -150px;
  right: 20px;
  width: 151px;
  height: 147px;
  background: top right/contain no-repeat;
  background-image: url(../img/about/support/mark04.png);
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .page-support .content.scene.scene01 .l-container:after {
    top: -50px;
    right: 0;
    width: 60px;
    height: 100%;
  }
}
.page-support .content.scene.scene01 .ttl01__txt__ja {
  font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, "Shippori Mincho", "Times New Roman", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}
.page-support .content.scene.scene01 .ttl01__txt__en {
  position: relative;
}
.page-support .content.scene.scene01 .ttl01__txt__en:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -80px;
  width: 174px;
  height: 150px;
  margin: auto;
  background: top left/contain no-repeat;
  background-image: url(../img/about/support/mark05.png);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .page-support .content.scene.scene01 .ttl01__txt__en:before {
    top: 0;
    left: -20px;
    width: 100%;
    height: 50px;
  }
}
@media screen and (max-width: 767px) {
  .page-support .content.scene.scene01 .ttl01__txt__en.-spbefore:before {
    top: 0;
    left: -20px;
  }
}
@media screen and (max-width: 767px) {
  .page-support .content.scene.scene01 .box02__imgtxt__txt__body {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 767px) {
  .page-support .content.scene.scene02 {
    padding: 40px 0;
  }
}
.page-support .content.scene.scene02 .l-container {
  position: relative;
}
.page-support .content.scene.scene02 .l-container:before {
  content: "";
  position: absolute;
  left: -20px;
  bottom: 25%;
  width: 203px;
  height: 125px;
  background: top left/contain no-repeat;
  background-image: url(../img/about/support/mark08.png);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .page-support .content.scene.scene02 .l-container:before {
    top: auto;
    bottom: 0%;
    left: 0%;
    width: 100%;
    height: 40px;
    z-index: 0;
  }
}
@media screen and (min-width: 768px) {
  .page-support .content.scene.scene02 .ttl04 {
    font-size: 3.4rem;
  }
}
.page-support .content.scene.scene02 .box05 {
  position: relative;
}
.page-support .content.scene.scene02 .box05:before {
  content: "";
  position: absolute;
  top: -50px;
  right: 30px;
  width: 229px;
  height: 100px;
  background: top right/contain no-repeat;
  background-image: url(../img/about/support/mark06.png);
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .page-support .content.scene.scene02 .box05:before {
    top: -20px;
    right: -20px;
    width: 100%;
    height: 40px;
  }
}
.page-support .content.scene.scene02 .box05:after {
  content: "";
  position: absolute;
  bottom: -50px;
  left: 30px;
  width: 224px;
  height: 120px;
  background: top left/contain no-repeat;
  background-image: url(../img/about/support/mark07.png);
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .page-support .content.scene.scene02 .box05:after {
    bottom: -20px;
    left: -20px;
    width: 100%;
    height: 40px;
  }
}
.page-voice .sub__mv {
  background-image: url(../img/voice/bg_mv.jpg);
}
@media screen and (max-width: 767px) {
  .page-voice .sub__mv {
    background-image: url(../img/voice/bg_mv_sp.jpg);
  }
}
.page-voice .sub__mv:after {
  background: url(../img/voice/bg_mv_line.png) center bottom no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-width: 767px) {
  .page-voice .sub__mv:after {
    background: url(../img/voice/bg_mv_line_sp.png) center top/cover no-repeat;
  }
}
.page-voice .content.top {
  padding: 60px 0 120px;
}
@media screen and (max-width: 767px) {
  .page-voice .content.top {
    padding: 80px 0 80px;
  }
}
.page-voice .content.top .l-container {
  /*
    &:before{
        @media screen and (max-width: 767px){
            content: "";
            position: absolute;
            bottom: 80px;
            left: 0;
            width: 100%;
            height: 70px;
            background: top left/contain no-repeat;
            background-image: url(../img/voice/mark01.png);
            z-index: 0;
        }
    }
    */
}
.page-voice .content.top .l-container .box06 {
  margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .page-voice .content.top .l-container .box06 {
    margin-bottom: 0;
  }
}
.page-gallery .sub__mv {
  background-image: url(../img/gallery/bg_mv.jpg);
}
@media screen and (max-width: 767px) {
  .page-gallery .sub__mv {
    background-image: url(../img/gallery/bg_mv_sp.jpg);
  }
}
.page-gallery .sub__mv:after {
  background: url(../img/gallery/bg_mv_line.png) center bottom no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-width: 767px) {
  .page-gallery .sub__mv:after {
    background: url(../img/gallery/bg_mv_line_sp.png) center top/cover no-repeat;
  }
}
.page-gallery .content.top {
  padding: 0 0 120px;
}
@media screen and (max-width: 767px) {
  .page-gallery .content.top {
    padding: 40px 0 80px;
  }
}
.page-gallery .content.top .l-container:before {
  /*
    @media screen and (max-width: 767px){
        content: "";
        position: absolute;
        bottom: 80px;
        left: 0;
        width: 100%;
        height: 70px;
        background: top left/contain no-repeat;
        background-image: url(../img/voice/mark01.png);
        z-index: 0;
    }
    */
}
.page-gallery .content.top .l-container .-hash {
  padding: 5px 0;
  color: #464346;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
}
.page-gallery .content.top .l-container .btn01 {
  margin-bottom: 100px;
}
@media screen and (max-width: 767px) {
  .page-gallery .content.top .l-container .btn01 {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 767px) {
  .page-gallery .content.top .l-container .btn01 a.-long {
    padding: 20px 40px;
  }
}
.page-gallery .container-fluid {
  display: none !important;
}
.page-privacy .content.top {
  padding: 80px 0;
}
@media screen and (max-width: 767px) {
  .page-privacy .content.top {
    padding: 40px 0;
  }
}
@media screen and (max-width: 767px) {
  .page-contact .l-main {
    padding-bottom: 0;
  }
}
.page-contact .top__news__inner:before {
  top: 0;
  height: 234px;
}
@media screen and (max-width: 767px) {
  .page-contact .top__news__inner:before {
    top: 20px;
    height: 120px;
  }
}
.page-contact .top__news__inner:after {
  top: 0;
}
@media screen and (max-width: 767px) {
  .page-contact .top__news__inner:after {
    top: 30px;
    height: 61px;
  }
}
@media screen and (max-width: 767px) {
  .page-company .l-main {
    padding-bottom: 0;
  }
}
.page-company .top__news__inner {
  line-height: 1.9;
}
.page-company .top__news__inner:before {
  top: 0;
  height: 234px;
}
@media screen and (max-width: 767px) {
  .page-company .top__news__inner:before {
    top: 20px;
    height: 120px;
  }
}
.page-company .top__news__inner:after {
  top: 0;
}
@media screen and (max-width: 767px) {
  .page-company .top__news__inner:after {
    top: 30px;
    height: 61px;
  }
}
.page-faq .sub__mv {
  background-image: url(../img/faq/bg_mv.jpg);
}
@media screen and (max-width: 767px) {
  .page-faq .sub__mv {
    background-image: url(../img/faq/bg_mv_sp.jpg);
  }
}
.page-faq .sub__mv:after {
  background: url(../img/faq/bg_mv_line.png) center bottom no-repeat;
  background-size: 100% 100%;
}
@media screen and (max-width: 767px) {
  .page-faq .sub__mv:after {
    background: url(../img/faq/bg_mv_line_sp.png) center top/cover no-repeat;
  }
}
@media screen and (max-width: 767px) {
  .page-faq .l-main {
    padding-bottom: 0;
  }
}
.page-faq .top__news {
  background: #fff;
}
.page-faq .top__news__inner:before {
  top: -60px;
  height: 234px;
}
@media screen and (max-width: 767px) {
  .page-faq .top__news__inner:before {
    top: 20px;
    height: 120px;
  }
}
.page-faq .top__news__inner:after {
  top: 0;
}
@media screen and (max-width: 767px) {
  .page-faq .top__news__inner:after {
    top: 30px;
    height: 61px;
  }
}
@media screen and (min-width: 768px) {
  .page-faq .top__news__ttl01 {
    padding: 0;
  }
}
.faq_mbtn {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 750px;
  margin: 0 auto 0;
  font-size: 14px;
  padding-top: -80px;
  margin: 10px auto 60px;
}
@media screen and (max-width: 767px) {
  .faq_mbtn {
    margin: 10px auto 30px;
  }
}
.faq_mbtn p {
  display: table;
  width: 48.66666%;
  height: 70px;
  border: 1px solid #ccc;
  margin-bottom: 20px;
  text-align: center;
  box-sizing: border-box;
  position: relative;
}
@media screen and (max-width: 767px) {
  .faq_mbtn p {
    display: table;
    position: relative;
    float: left;
    width: 48.8888%;
    height: 50px;
    border: 1px solid #ccc;
    margin: 0 0 6px 0;
    text-align: center;
    box-sizing: border-box;
  }
}
.faq_mbtn p a {
  display: table-cell;
  vertical-align: middle;
}
.faq_mbtn p .Item-Content-Flg2 {
  /*三角形右下*/
  position: absolute;
  bottom: 0;
  right: 0;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #2F9873;
}
.faq_mbtn p:nth-child(2n + 1) {
  margin-left: 0;
}
.faq_mbtn p:last-child {
  margin: 0 auto;
}
.faq_mbtn p + p {
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .faq_mbtn p + p {
    margin-left: 5px;
  }
}
.faq_m_p a {
  color: #2F9873;
  text-decoration: underline;
}
.qtitle {
  border-bottom: 6px double #9C8275;
  max-width: 750px;
  margin: 0 auto 30px;
  font-family: "NotoSansCJKjp-Bold", sans-serif;
  font-size: 2rem;
  font-weight: bold;
  line-height: 45px;
}
@media screen and (max-width: 767px) {
  .qtitle {
    max-width: 750px;
    margin: 0 auto 30px;
    font-size: 1.6rem;
  }
}
/*friend-campaign*/
.campaign {
  padding: 0;
}
.friend_tb {
  margin: 1% auto;
}
@media (max-width:767px) {
  .friend_tb {
    margin: 1% auto;
  }
}
.friend_img {
  width: 90%;
  display: block;
  margin: auto;
}
@media (max-width:767px) {
  .friend_img {
    width: 90%;
    display: block;
    margin: 0 auto;
  }
}
.friend_tt1 {
  font-family: "m-plus-2p", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 44px;
  color: #815432;
  text-align: center;
  padding: 12px 0;
}
@media (max-width:767px) {
  .friend_tt1 {
    display: none !important;
  }
}
@media (min-width:768px) {
  .friend_tt1_sp {
    display: none !important;
  }
}
@media (max-width:767px) {
  .friend_tt1_sp {
    font-family: "m-plus-2p", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.5em;
    color: #815432;
    text-align: center;
    padding: 3% 0;
  }
}
.friend_tt2 {
  font-family: "m-plus-2p", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 44px;
  color: #815432;
  text-align: center;
  padding: 12px 0;
}
@media (max-width:767px) {
  .friend_colum_first {
    display: none !important;
  }
}
.friend_colum_first {
  position: relative;
  background-color: #FFF;
  width: 90%;
  height: 90%;
  border-radius: 3%;
  margin: 5% auto;
  list-style: none;
  padding: 0 0 5% 0;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
}
@media (min-width:768px) {
  .friend_colum_first_sp {
    display: none !important;
  }
}
@media (max-width:767px) {
  .friend_colum_first_sp {
    position: relative;
    background-color: #FFF;
    width: 90%;
    height: 90%;
    border-radius: 3%;
    margin: 8% auto;
    list-style: none;
    padding: 0 0 5% 0;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
  }
}
@media (max-width:767px) {
  .friend_colum {
    display: none !important;
  }
}
.friend_colum {
  position: relative;
  background-color: #FFF;
  width: 90%;
  height: 90%;
  border-radius: 3%;
  margin: 5% auto;
  list-style: none;
  padding: 0 0 5% 0;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
}
@media (min-width:768px) {
  .friend_colum_sp {
    display: none !important;
  }
}
@media (max-width:767px) {
  .friend_colum_sp {
    position: relative;
    background-color: #FFF;
    width: 90%;
    height: 90%;
    border-radius: 3%;
    margin: 8% auto;
    list-style: none;
    padding: 0 0 5% 0;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
  }
}
@media (max-width:768px) {
  .friend_colum_last {
    display: none !important;
  }
}
.friend_colum_last {
  position: relative;
  background-color: #FFF;
  width: 90%;
  height: 90%;
  border-radius: 3%;
  margin: 8% auto 10px;
  list-style: none;
  padding: 0 0 5% 0;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
}
@media (min-width:768px) {
  .friend_colum_last_sp {
    display: none !important;
  }
}
@media (max-width:767px) {
  .friend_colum_last_sp {
    position: relative;
    background-color: #FFF;
    width: 90%;
    height: 90%;
    border-radius: 3%;
    margin: 8% auto 10px;
    list-style: none;
    padding: 0 0 5% 0;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
  }
}
@media (max-width:767px) {
  .friend_colum_last2 {
    display: none !important;
  }
}
.friend_colum_last2 {
  position: relative;
  background-color: #FFF;
  width: 90%;
  height: 90%;
  border-radius: 3%;
  margin: 5% auto 100px;
  list-style: none;
  padding: 0 0 5% 0;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
}
@media (min-width:768px) {
  .friend_colum_last2_sp {
    display: none !important;
  }
}
@media (max-width:767px) {
  .friend_colum_last2_sp {
    position: relative;
    background-color: #FFF;
    width: 90%;
    height: 90%;
    border-radius: 3%;
    margin: 8% auto 10%;
    list-style: none;
    padding: 0 0 5% 0;
    box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.35);
  }
}
.tb_process {
  margin: 0 auto;
}
@media (max-width:767px) {
  .tt_process {
    display: none !important;
  }
}
.tt_process {
  position: absolute;
  background-color: #815432;
  color: #fff;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: 0 auto;
  text-align: center;
  font-size: 38px;
  font-family: "m-plus-2p", sans-serif;
  top: -30px;
  left: 50%;
  transform: translate(-50%);
}
@media (min-width:768px) {
  .tt_process_sp {
    display: none !important;
  }
}
@media (max-width:767px) {
  .tt_process_sp {
    position: absolute;
    background-color: #815432;
    color: #fff;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    margin: 0 auto;
    text-align: center;
    font-size: 28px;
    font-family: "m-plus-2p", sans-serif;
    top: -20px;
    left: 50%;
    transform: translate(-50%);
  }
}
.friend_link {
  color: #FF7707;
  box-shadow: inset 0 #1abc9c;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
  text-decoration: underline !important;
}
.friend_link:hover {
  box-shadow: inset 200px 0 0 0 #FF7707;
  color: #fff;
}
.processimg1 {
  width: 25%;
  display: block;
  margin: auto;
}
.processimg1_sp {
  width: 90%;
  display: block;
  margin: auto;
}
.processimg2 {
  width: 90%;
  display: block;
  margin: auto;
}
.processimg2_sp {
  width: 90%;
  display: block;
  margin: auto;
}
.processimg3 {
  width: 30%;
  display: block;
  margin: auto;
}
.processimg4 {
  width: 23%;
  display: block;
  margin: auto;
}
.processimg4_sp {
  width: 45%;
  display: block;
  margin: auto;
}
.processimg5_sp {
  width: 90%;
  display: block;
  margin: auto;
}
.process_text {
  font-family: "ヒラギノ角ゴ", sans-serif;
  font-weight: 600;
  color: #815432;
  font-size: 1.38em;
  text-align: center;
  padding: 5% 5%;
  margin: 0;
}
.process_text_sp {
  font-family: "ヒラギノ角ゴ", sans-serif;
  font-weight: 600;
  color: #815432;
  font-size: 1.1em;
  text-align: center;
  padding: 10% 1% 5% 1%;
  ;
  margin: 0;
}
.friend_tb3 {
  background-color: #FFEB99;
  margin: 0 auto;
}
.campaign_careful {
  margin: 0 auto;
  list-style: none;
}
.carefully {
  width: 90%;
  margin: 0 auto 10%;
  padding: 5px 0 5px 0;
  font-size: 0.9em;
  font-family: "ヒラギノ角ゴ", sans-serif;
  line-height: 1.5em;
}
.campaign_out {
  max-width: 90%;
  margin: 0 auto;
}
.process_text_list {
  display: flex;
}
.process_text_out_tt {
  font-family: "ヒラギノ角ゴ", sans-serif;
  font-weight: 600;
  color: #797979;
  font-size: 25px;
}
@media (max-width:767px) {
  .process_text_out {
    display: none !important;
  }
}
.process_text_out {
  font-family: "ヒラギノ角ゴ", sans-serif;
  font-weight: 600;
  color: #815432;
  font-size: 1.3em;
  margin: 2% auto;
}
@media (max-width:767px) {
  .process_text_out_cap {
    display: none !important;
  }
}
.process_text_out_cap {
  font-family: "ヒラギノ角ゴ", sans-serif;
  font-weight: 600;
  color: #815432;
  font-size: 1.3em;
  margin: 0 auto;
  text-align: center;
}
.process_text_out_ht {
  font-family: "ヒラギノ角ゴ", sans-serif;
  font-weight: 600;
  color: #815432;
  font-size: 1.35em;
  margin: 3% auto;
}
@media (min-width:768px) {
  .process_text_out_sp {
    display: none !important;
  }
}
@media (max-width:767px) {
  .process_text_out_sp {
    font-family: "ヒラギノ角ゴ", sans-serif;
    font-weight: 600;
    color: #815432;
    font-size: 1.1em;
    margin: 2% auto;
  }
}
@media (min-width:768px) {
  .process_text_out_cap_sp {
    display: none !important;
  }
}
@media (max-width:767px) {
  .process_text_out_cap_sp {
    font-family: "ヒラギノ角ゴ", sans-serif;
    font-weight: 600;
    color: #815432;
    font-size: 1.04em;
    margin: 0 auto;
    text-align: center;
  }
}
.mogutime {
  margin: 10% 0;
}
.mogu_img {
  width: 100%;
  display: block;
  margin: 0 auto;
}
/*friend-campaignend*/
.docter_image100 {
  margin-bottom: 30px !important;
}
.page-small .sub__mv {
  background-image: url(https://mishone.co.jp/assets/img/smallhead.jpg) !important;
}
@media screen and (max-width: 767px) {
  .page-small .sub__mv {
    background-image: url(https://mishone.co.jp/assets/img/smallhead_sp.jpg) !important;
  }
}
.page-semi .sub__mv__box__title {
  font-size: 9rem;
}
.page-semi .sub__mv {
  background-image: url(https://mishone.co.jp/assets/img/semihead.jpg) !important;
}
@media screen and (max-width: 767px) {
  .page-semi .sub__mv__box__title {
    font-size: 6rem;
  }
  .page-semi .sub__mv {
    background-image: url(https://mishone.co.jp/assets/img/semihead_sp.jpg) !important;
  }
}
.page-allstage .sub__mv {
  background-image: url(https://mishone.co.jp/assets/img/allstage_headimage.jpg) !important;
}
@media screen and (max-width: 767px) {
  .page-allstage .sub__mv {
    background-image: url(https://mishone.co.jp/assets/img/allstage_headimage_sp.jpg) !important;
  }
}

/*voice_adding*/
.voice_menu{
	display:flex;
	flex-wrap:wrap;
	font-size:1.4rem;
	padding:15px;
	max-width: 1050px;
	margin:0 auto;
}
.voice_menu_product-list{
	padding:0 10px;
	text-align:center;
	min-width:190px;
}
.voice_menu_product-list p{
	height:40px;
}

.voice_menu_arrow-bottom span{
	display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 10px;
  border-bottom: 2px solid #9F8575;
  border-right: 2px solid #9F8575;
  transform: rotate(45deg);
}
.voice_menu_allstage_title,.voice_menu_kogatamenu_title{
	font-size:2.4rem;
	margin-bottom:10px;
	border-bottom: 1px solid #c3b4ab;
}
.voice_menu_allstage,.voice_menu_kogatamenu{
	margin-bottom:90px;
}
.margin_adjust.content.top{
	margin-top:-80px;
	padding-top:140px;
}

/* --------------------------------------------------
 シニア犬用プレミアムフード詳細ページ
 -------------------------------------------------- */
 #senior .pb_l {
  padding-bottom: 60px !important;
}
#senior .border-b {
  border-bottom: 1px solid #cdc0ba;
}
 #senior .sub__mv {
  background-image: url(../../assets/img/about/senior/seniorhead.jpg) !important;
}
#senior .smallmate .box02__imgtxt02__block__photo:before{
  display: none ;
}
#senior .box02 .text-smell{
  display: block;
  font-size: 14px;
  margin-top: -4px;
}
#senior .img_box p{
  width: 100%;
  text-align: center;
}
 @media screen and (min-width: 1000px){
  #senior li.box02__imgtxt02__block.smallmate{
    width: calc(100% / 3);
  }
  #senior .box02__imgtxt02__block__txt__body{
    width: 320px;
  }
}
@media screen and (min-width: 768px) {
  #senior .box02__imgtxt02__block__photo {
      padding: 0;
  }
}
@media screen and (max-width: 767px) {
  .pc-line-break{
    display: none;
  }
  #senior .pb_l {
    padding-bottom: 30px !important;
  }
  #senior .text_long{
    font-size: 7.5vw;
  }
  #senior .sub__mv {
    background-image: url(../../assets/img/about/senior/seniorhead_sp.jpg) !important;
  }
  #senior .box02__imgtxt02__block__txt{
    padding-top: 0;
  }
  #senior .smallmate .box02__imgtxt02__block__txt:before{
    display: none;
  }
  #senior .box06 .accordion__list__box__head__photo{
    min-height: 250px;
  }
  #senior .box06 .accordion__list__box__head__photo img{
    width: 100%;
  }
  .senior_text_box {
    height: max-content!important;
  }
}

/* ▼250123_TOPページ 修正 */
.top__mv {
background: url(../img/top/top-fix.jpg) center top / cover no-repeat;
}
.top__mv h1 {
top: 30px;
}
.movie_top01_box {
text-align: center;
}
.movie_top01_box video {
width: 100%;
max-width: 742px;
margin: 0 auto 50px;
}
.top__box02 {
justify-content: center;
}
@media screen and (max-width: 767px) {
.top__mv {
background: url(../img/top/top-fix_sp.jpg) left top / 100% no-repeat;
}
.movie_top01_box {
padding: 0 20px;
}
}

/* ▼240724_FAQとCONTACTボタン修正 */
a.btn_240704 {
  padding:24px 20px;
  border-radius:200px;
  background-color:#FDF567;
  position: relative;
  display: inline-block;
  color: #7A6356;
  text-decoration: none;
  margin-top: 12px;
  text-align: center;
  width: 56%;
}
a.btn_tel_240704 {
  padding:12px 20px;
}
.btn_text_240704 {
  text-align: center;
  width: 56%;
}

.contact_240704 {
  text-align: center;
  }
  .contact_240704 .btn_tel_240704 {
  padding:16px 56px;
  border-radius:200px;
  background-color:#FDF567;
  position: relative;
  display: inline-block;
  color: #7A6356;
  text-decoration: none;
  margin: 12px;
  text-align: center;
  font-family: "NotoSerifCJKjp-Bold", sans-serif;
  line-height: 1.4;
  font-weight: 600;
  font-size: 20px;
  }
  .contact_240704 .btn_text_240704 {
  text-align: center;
  }
@media screen and (max-width: 767px) {
a.btn_240704 {
  padding:18px 20px;
  width: 100%;
}
a.btn_tel_240704 {
  padding:10px 20px;
}
.btn_text_240704 {
  width: 100%;
}

a .btn_tel_240724 {
  padding-left: 7.5%;
}

.contact_240704 .btn_tel_240704 {
  padding: 14px 52px 12px;
  font-size: 18px;
}
}

a.btn_240724 {
  display: block;
  margin-bottom: 30px;
  padding: 0 10px;
  text-align: center;
  box-sizing: border-box;
}

a .btn_txt_240724 {
  font-size: 14px;
}

a .btn_tel_240724 {
  position: relative;
  font-size: 24px;
  display: inline-block;
  padding-left: 5.5%;
}

a .btn_tel_240724::before {
  content: "";
  position: absolute;
  top: 8px;
  left: 0;
  width: 35px;
  height: 20px;
  background: url(../img/faq_free.png) top left / 100% no-repeat;
  z-index: 1000;
}

a .btn_small_240724 {
  display: block;
  font-size: 12px;
}

@media screen and (max-width: 670px) {
  a .btn_tel_240724 {
    padding-left: 7.5%;
  }
}

@media screen and (max-width: 500px) {
  a .btn_tel_240724 {
    padding-left: 9.5%;
  }
}

@media screen and (max-width: 385px) {
  a .btn_tel_240724 {
    padding-left: 11.5%;
  }
}

@media screen and (max-width: 340px) {
  a .btn_tel_240724 {
    padding-left: 13.5%;
  }
}

a.float_240726 {
  position: fixed;
  bottom: 0;
  left: 0;
  display: block;
  width: 100%;
  z-index: 1000;
}

a.flost_SP_240726 {
  display: none;
}

a .float_tel_240726 {
  position: relative;
  font-size: 24px;
  display: block;
  padding: 5px 0 5px 5.5%;
  background: #f7d3cd;
  text-align: center;
}

a .float_tel_240726::before {
  content: "";
  position: absolute;
  top: 50%;
  margin-left: -6vh;
  width: 35px;
  height: 20px;
  background: url(../img/faq_free.png) top left / 100% no-repeat;
  transform: translateY(-50%);
  z-index: 1000;
}

a .float_br_240726 {
  display: none;
}

a .float_txt_240726 {
  display: block;
  text-align: center;
  font-size: 14px;
  padding: 10px;
  background: #fce5cd;
  box-sizing: border-box;
}

a .btn_small_240726 {
  font-size: 12px;
  vertical-align: middle;
}

@media screen and (max-width: 768px) {
  a.flost_SP_240726 {
    display: block;
  }
}

@media screen and (max-width: 400px) {
  a.flost_SP_240726 {
    display: block;
  }

  a .float_tel_240726 {
    padding: 5px 0 5px 12.5%;
    line-height: 1;
  }

  a .float_br_240726 {
    display: block;
  }
}

/* --------------------------------------------------
 ミシュワンフード定期便特典ページ Regular service
 -------------------------------------------------- */
 #regular-service .sub__mv {
  background-image: url('../img/regularservice/head.jpg') !important;
  background-position-y: top;
  background-position-x: center;
}
#regular-service .box02.box02__01 .ttl01{
  padding-top: 0;
}
#regular-service .heading4-side-dec,
.heading6-side-dec{
  width: max-content;
  margin: auto;
  text-align: center;
  position: relative;
 }
#regular-service .heading4-side-dec::before,
#regular-service .heading4-side-dec::after,
#regular-service .heading6-side-dec::before,
#regular-service .heading6-side-dec::after{
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 41px;
  height: 44px;
  background-image: url('../img/regularservice/heading__side-dec.png');
  background-size: cover;
  background-repeat: no-repeat;
}
#regular-service .heading4-side-dec::before,
#regular-service .heading6-side-dec::before{
  left: -50px;
}
#regular-service .heading4-side-dec::after,
#regular-service .heading6-side-dec::after{
  right: -50px;
  transform: translateY(-50%) scaleX(-1);
}
#regular-service .ttl-3__dec{
  display: inline-block;
  width: 516px;
  position: relative;
}
#regular-service .ttl-3__dec::before{
  content: '';
  position: absolute;
  top: -46px;
  left: -42px;
  width: 63px;
  height: 57px;
  background-image: url('../img/regularservice/ttl-3-dec.png');
  background-size: cover;
  background-repeat: no-repeat;
}
#regular-service .ttl-3__dec-position{
  position: absolute;
  top: -156.5px;
  left: 50%;
  transform: translateX(-50%);
}
#regular-service .txt-underline{
  background: linear-gradient(transparent 60%, #f6ff5f 60%);
}
#regular-service .scratch{
  margin-bottom: 120px;
}
#regular-service .scratch-list,
#regular-service .good-list{
  display: flex;
  justify-content: center;
  gap: 70px;
  padding: 40px 0;
  border-radius: 43px;
  background-image: url('../img/regularservice/pattern.jpeg');
  background-repeat: repeat;
  background-size: cover;
  position: relative;
}
#regular-service .scratch-list::before{
  content: '';
  position: absolute;
  top: -40px;
  left: -33px;
  width: 176px;
  height: 154px;
  background-image: url('../img/regularservice/secret03__scratch_dec.png');
  background-size: cover;
  background-repeat: no-repeat;
  transform: scale(0.9);
}
#regular-service .scratch-list-img{
  width: 200px;
  height: auto;
}
#regular-service .scratch-list-item-txt{
  text-align: center;
  margin-top: 8px;
}
#regular-service .box02 .exchange:nth-child(4){
  margin-bottom: 100px;
}
#regular-service .box02 .exchange:nth-child(5){
  margin-bottom: -100px;
}
#regular-service .exchange-box{
  margin: 60px auto;
  padding-bottom: 60px;
  border: 1px dotted #9C8275;
  border-radius: 43px;
}
#regular-service .exchange-box h5{
  width: 400px;
  margin: auto;
  margin-top: -34px;
  margin-bottom: 40px;
  background: #9C8275;
  color: #fff;
  padding: 20px;
  border-radius: 10px;
  text-align: center;
}
#regular-service .exchange-box-flex{
  display: flex;
  align-items: center;
}
#regular-service .exchange-box-flex > div{
  width: 50%;
  text-align: center;
}
#regular-service .wrap-img{
  width: 60%;
  height: auto;
  margin: auto;
  position: relative;
}
#regular-service .wrap-img::before{
  content: '※見本です。';
  font-size: 14px;
  position: absolute;
  right: 0;
  bottom: -24px;
}
#regular-service .exchange-box-txt{
  padding: 0 40px;
}
#regular-service .exchange-box-txt h6{
  font-size: 18px;
  margin-bottom: 18px;
}
#regular-service .exchange-box-txt > p{
  font-size: 16px;
  text-align: left;
  margin-bottom: 18px;
}
#regular-service .good-list-img{
  width: 60%;
  height: auto;
}
#regular-service .good-list{
  gap: 30px;
  padding: 10px 0;
  border-radius: 10px;
}
#regular-service .good-list-item-txt{
  font-size: 14px;
  margin-top: 4px;
}

#regular-service .tokuten{
  position: relative;
}
#regular-service .tokuten::before{
  content: '';
  position: absolute;
  top: -130px;
  right: -37px;
  width: 191px;
  height: 174px;
  background-image: url('../img/regularservice/secret04__step_dec.png');
  background-size: cover;
  background-repeat: no-repeat;
  transform: scale(0.8);
}
#regular-service .tokuten .step-list{
  display: flex;
  gap: 24px;
  margin: 0 0 60px;
}
#regular-service .tokuten .step-list-item{
  width: 25%;
  position: relative;
}
#regular-service .tokuten .step-list-label{
  width: 74px;
  height: 74px;
  background: #9C8275;
  border-radius: 100px;
  color: #fff;
  font-size: 26px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}

#regular-service .step{
  position: relative;
}
#regular-service .step::before{
  content: '';
  position: absolute;
  top: -130px;
  right: -37px;
  width: 191px;
  height: 174px;
  background-image: url('../img/regularservice/secret04__step_dec.png');
  background-size: cover;
  background-repeat: no-repeat;
  transform: scale(0.8);
}
#regular-service .step-list{
  display: flex;
  gap: 24px;
}
#regular-service .step-list-item{
  width: 25%;
  position: relative;
}
#regular-service .step-list-label{
  width: 74px;
  height: 74px;
  background: #9C8275;
  border-radius: 100px;
  color: #fff;
  font-size: 26px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
}
#regular-service .label-txt-small{
  display: block;
  font-size: 12px;
  margin-top: 8px;
  margin-bottom: -8px;
}
#regular-service .step-list-wrap-img{
  position: relative;
  margin-bottom: 12px;
}
#regular-service .step-list-wrap-img.step-lis-arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -18px;
  transform: translateY(-50%) rotate(270deg);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 16px solid #9C8275;
}
#regular-service .step-list-txt{
  font-size: 14px;
}
#regular-service .step-list-address{
  margin-top: 20px;
  padding: 12px;
  border-radius: 10px;
  font-size: 12px;
  line-height: 24px;
  background-image: url('../img/regularservice/pattern.jpeg');
  background-repeat: repeat;
  background-size: cover;
}
#regular-service .card{
  background: #fff;
  border: 1px dotted #9C8275;
  border-radius: 43px;
  padding: 60px;
  font-size: 16px;
}
#regular-service .card-tilte{
  text-align: center;
  margin-bottom: 40px;
  font-size: 18px;
}
#regular-service .card-list-item{
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}
#regular-service .card-list-item-label{
  width: 210px;
  font-size: 14px;
}
#regular-service .card-list-item-value{
  width: calc( 100% - 210px );
  font-size: 14px;
}
#regular-service .value-list{
  list-style-type: disc;
  padding-left: 14px;
}

@media screen and (max-width: 767px) {
  #regular-service .sub__mv {
    background-image: url('../img/regularservice/head-sp.jpg') !important;
  }
  #regular-service .sub__mv__box__phrase{
    font-size: 3.6vw;
  }
  #regular-service .sub__mv__box__title{
    font-size: 13vw;
    margin-bottom: 5vw;
  }
  #regular-service .sub__mv__box__title_{
    font-size: 9.4vw;
  }
  #regular-service .box02__imgtxt__txt__head{
    font-size: 5vw;
  }
  #regular-service .box02.box02__01 .ttl01 {
    margin-bottom: 60px !important;
  }
  #regular-service .flex-reverse {
    flex-direction: column-reverse !important;
  }
  #regular-service .heading4-side-dec::before,
  #regular-service .heading4-side-dec::after,
  #regular-service .heading6-side-dec::before,
  #regular-service .heading6-side-dec::after{
    width: 20px;
    height: 23px;
  }
  #regular-service .heading4-side-dec::before,
  #regular-service .heading6-side-dec::before{
    left: -28px;
  }
  #regular-service .heading4-side-dec::after,
  #regular-service .heading6-side-dec::after{
    right: -28px;
  }
  #regular-service .box02__imgtxt__txt__body{
    text-align: left;
    margin-bottom: 5vw;
  }
  #regular-service .content.scene.scene01{
    padding: 0 0 50px;
  }
  #regular-service .ttl-3__dec-position{
    top: -26vw;
  }
  #regular-service .ttl-3__dec{
    width: 300px;
    font-size: 6vw;
  }
  #regular-service .ttl-3__dec::before{
    top: -28px;
    left: -26px;
    width: 30px;
    height: 36px;
  }
  #regular-service.page-quality .content.scene{
    padding: 60px 0;
  }
  #regular-service .scratch-list{
    gap: 7vw;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-radius: 16px;
  }
  #regular-service .scratch-list-item{
    width: calc( 50% - 7vw );
  }
  #regular-service .scratch-list::before{
    top: -7vw;
    left: -5vw;
    width: 33vw;
    height: calc(33vw * 0.8167);
    transform: scale(1);
  }
  #regular-service .scratch-list-img{
    width: 100%;
  }
  #regular-service .exchange-box h5{
    width: 240px;
    margin-bottom: 8px;
  }
  #regular-service .exchange-box{
    border-radius: 16px;
    padding-bottom: 8px;
  }
  #regular-service .exchange-box-flex{
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
  }
  #regular-service .exchange-box-flex > div{
    width: 100%;
    padding: 20px;
  }
  #regular-service .wrap-img{
    width: 80%;
  }
  #regular-service .exchange-box-txt h6{
    font-size: 5vw;
  }
  #regular-service exchange-box-txt > p{
    font-size: 3.66vw;
    line-height: 6vw;
  }
  #regular-service .good-list{
    gap: 4vw;
    padding: 4vw;
  }
  #regular-service .good-list-img{
    width: 100%;
  }
  #regular-service .good-list-item-txt{
    font-size: 3.27vw;
  }
  #regular-service .step::before{
    display: none;
  }
  #regular-service .step-list{
    flex-direction: column;
    align-items: center;
  }
  #regular-service .step-list-item{
    width: 76%;
  }
  #regular-service .step-list-wrap-img.step-lis-arrow::after{
    display: none;
  }
  #regular-service .step-list .step-list-item:last-child .step-list-wrap-img{
    position: relative;
  }
  #regular-service .step-list .step-list-img{
    width: 100%;
  }
  #regular-service .step-list .step-list-item:last-child .step-list-wrap-img::before{
    content: '';
    position: absolute;
    top: -12vw;
    right: -10vw;
    width: 44vw;
    height: calc(44vw * 0.8917);
    background-image: url(../img/regularservice/secret04__step_dec.png);
    background-size: cover;
    background-repeat: no-repeat;
    transform: scale(1);
  }
  #regular-service .step-list-txt{
    font-size: 3.6vw;
  }
  #regular-service #regular-service .card{
    padding: 20px;
    border-radius: 16px;
  }
  #regular-service .card-tilte{
    margin-bottom: 20px;
  }
  #regular-service .card-list-item{
    flex-direction: column;
    gap: 8px;
  }
  #regular-service .card-list-item-label,
  #regular-service .card-list-item-value{
    width: 100%;
  }
  .comingsoon{
    font-size: 10vw;
  }
}

a.float_240726 {
  position: fixed;
  bottom: 10px;
  left: 10px;
  display: none;
  width: 50%;
  max-width: 150px;
  z-index: 1000;
  opacity: 1;
  transition: .5s;
}

a.float_240726:hover {
  opacity: .7;
}

@media screen and (max-width: 768px) {
  a.float_240726 {
    display: block;
  }
}

/* --------------------------------------------------
  成犬用（国産マグロ＆タラ）プレミアムドッグフード
 -------------------------------------------------- */
 /* ページ専用カラー設定 */
:root{
  --fish-primary-color: #9cc2d1;
}
.fish-text-color{
  color: var(--fish-primary-color);
}
.fish-back-color{
  background-color: var(--fish-primary-color);
}
/* 共通 */
.mx-auto{
  margin: auto;
}
.content.bg_fish{
  background: #e7f8fd;
}
#adult-fish .ttl01__no:before {
  background: url(../img/about/adult-fish/secrets_logo_sub.svg) no-repeat;
}
#adult-fish .ttl01__no:after{
  border-right: 2px solid #5dbfc9;
}
#adult-fish .ttl03__border{
  border: 1px dotted #9cc2d1;
}
#adult-fish.page-about .content.scene.scene01 .l-container:after{
  background-image: url(../img/about/adult-fish/circle.png);
}
.material-list{
  display: flex;
  gap: 10px;
}
.material-item{
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: center;
  width: 100%;

}
.material-text h5{
  font-weight: bold;
  font-size: 2.4rem;
}
.material-text p{
  font-size: 1.8rem;
  line-height: 1.9;
}
/* mv */
#adult-fish .sub__mv {
  background-image: url(../img/about/adult-fish/head.jpg) !important;
}
/* secret_02 */
#adult-fish.page-about .content.scene.scene02 .l-container:before{
  top: 20px;
  width: 242px;
  height: 208px;
  background-image: url(../img/about/adult-fish/mark04.png);
}
/* secret_03 */
#adult-fish.page-about .content.scene.scene03 .l-container:before{
  background-image: url(../img/about/adult-fish/mark05.png);
}
/* secret_04 */
#adult-fish.page-about .content.scene.scene04 .l-container:before{
  bottom: -200px;
  width: 210px;
  height: 222px;
  background-image: url(../img/about/adult-fish/mark07.png);
  transform: rotate(328deg);
}
/* secret_05 */
#adult-fish .btn01 a{
  color: #078FD7;
}
#adult-fish .btn01 a span{
  border-bottom: 1px dotted #078FD7;
}
/* secret_06 */
#adult-fish .modal01__bg{
  background: #7cbbd5;
}
.modal_card{
  background: #fff;
  box-shadow: 0px 0px 16px 4px #0000006b;
  width: 540px;
}
.modal_card_title{
  background: #078FD7;
  color: #fff;
  text-align: center;
  font-size: 26px;
  letter-spacing: 4px;
  padding: 6px 0;
  position: relative;
}
.modal_card_title::before{
  content: "";
  position: absolute;
  left: 50%;
  bottom: -11px;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #078FD7; 
}
.modal_card_body{
  padding: 24px;
}
.modal_card_body table{
  width: 100%;
  border-collapse: collapse;
  font-weight: bold;
  font-size: 18px;
  text-align: left;
  color: #000;
}
.modal_card_body tr{
  border: 1px solid #078FD7;
}
.modal_card_body th,
.modal_card_body td{
  background: #f8f8f8;
  padding: 6px 10px;
  font-weight: bold;
  font-family: "NotoSerifCJKjp-Bold", sans-serif;
}
.modal_card_body tr:nth-child(2n) th,
.modal_card_body tr:nth-child(2n) td{
  background: #cdddef;
}
.modal_card_body td:nth-child(2){
  text-align: right;
}
/* secret_08 */
#adult-fish .box06 .accordion__list{
  color: var(--fish-primary-color);
}
#adult-fish .box06 .accordion__list__box__head__icon{
  top: -68px;
  left: -30px;
  background: url(../img/about/adult-fish/voice_icon01.png) no-repeat;
  background-size: contain;
  transform: scale(0.8);
}
#adult-fish .box06 .accordion__list__box__head__ttl:after{
  border-top: 2px solid #9cc2d1;
  border-right: 2px solid #9cc2d1;
}
#adult-fish .box06 .accordion__list__box__head__ttl,
#adult-fish .box06 .accordion__list__box__body{
  background: url(../img/about/adult-fish/bg_voice.jpg) repeat;
}
#adult-fish .box06 .accordion__list__box__body__txt{
  border-top: 1px dotted #9cc2d1;
}
#adult-fish .btn01.pattern02 a span:before{
  background: url(../img/about/adult-fish/btn_dogmark.svg) no-repeat;
}
#adult-fish.page-about .content.top .l-container:after{
  background-image: url(../img/about/adult-fish/mark02.png);
}
#adult-fish.page-about .content.top .l-container:before{
  top: -141px;
  right: -57px;
  width: 170px;
  height: 158px;
  background-image: url(../img/about/adult-fish/mark01.png);
  z-index: 0;
  transform: rotate(196deg);
}
@media screen and (max-width: 767px) {
  /* 共通 */
  #adult-fish .text_long {
    font-size: 7.5vw;
  }
  #adult-fish .ttl01__no:before{
    background-size: contain;
  }
  .material-list{
    display: flex;
    flex-direction: column;
    gap: 30px;
  }
  .material-item{
    display: flex;
    gap: 10px;
    flex-direction: row;
  }
  .material-img{
    width: 32%;
  }
  .material-text{
    width: 68%;
  }
  .material-text h5{
    margin-bottom: 10px;
    font-size: 2.0rem;
  }
  .material-text p{
    font-size: 1.3rem;
    line-height: 1.5;
  }
  .sp-text-align-right{
    text-align: right;
  }
  .sp-row-reverse{
    flex-direction: row-reverse;
  }
  /* mv */
  #adult-fish .sub__mv {
    background-image: url(../img/about/adult-fish/head_sp.jpg) !important;
  }
  /* secret_02 */
  #adult-fish.page-about .content.scene.scene02 .l-container:before{
    top: -2vw;
    right: -35vw;
    width: 48vw;
    height: 40vw;
  }
  /* secret_03 */
  #adult-fish.page-about .content.scene.scene03 .l-container:before{
    top: initial;
    left: -18vw;
    bottom: -82px;
    width: 37vw;
    height: 56vw;
  }
  /* secret_04 */
  #adult-fish.page-about .content.scene.scene04 .l-container:before{
    bottom: -30vw;
    width: 30vw;
    height: 30vw;
  }
  /* secret_06  */
  .modal_card{
    width: 90%;
  }
  .modal_card_title{
    font-size: 16px;
    letter-spacing: 2px;
  }
  .modal_card_title::before{
    bottom: -2.7vw;
    border-left: 3vw solid transparent;
    border-right: 3vw solid transparent;
    border-top: 3vw solid #078FD7; 
  }
  .modal_card_body{
    padding: 16px;
  }
  .modal_card_body table{
    font-size: 3.9vw;
  }
  /* secret_08 */
  #adult-fish .box06 .accordion__list__box__head__icon{
    top: -14vw;
    left: -3vw;
  }
  #adult-fish .box06 .accordion__list__box__head__photo img {
    width: 100%;
  }
  #adult-fish.page-about .content.top .l-container:before{
    top: -48vw;
    right: -20vw;
    width: 40vw;
    height: 37vw;
  }
}

/* ▼20240830お問い合わせフォームポップアップ */
.custom-popup {
  display: none;
  position: fixed;
  left: 50%;
  top: 56%;
  transform: translate(-50%, -50%);
  z-index: 10000; /* ポップアップのz-indexを高く設定 */
  max-width: 500px;
  max-height: 90%;
  overflow: auto;
}

.custom-overlay {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 9999; /* オーバーレイのz-indexをポップアップより低く設定 */
}

.close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  cursor: pointer;
  background-color: #737373;
  padding: 10px;
  z-index: 10001; /* クローズボタンのz-indexをポップアップより高く設定 */
  line-height: 1;
  border-radius: 60px;
}

/* スクロール禁止のスタイル */
.no-scroll {
  overflow: hidden;
}

.custom-popup a {
  display: inline-block;
}
.custom-popup a:hover {
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .custom-popup {
      width: 88vw; /* 小さい画面の場合、幅を広げる */
      max-width: 95%; /* 最大幅をさらに広げる */
      height: auto;
      top: 52%;
  }
  .close-button {
      position: absolute;
      top: 4px;
      right: 4px;
      font-size: 24px;
      font-weight: bold;
      color: #fff;
      cursor: pointer;
      background-color: #737373;
      padding: 4px;
      z-index: 10001;
      line-height: 0.8;
      border-radius: 60px;
      width: 30px;
      height: 30px;
      text-align: center;
}
}

.faq_mbtn p:last-child {
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .faq_mbtn p {
    height: 80px;
  }
  .faq_mbtn p:last-child {
    margin-left: 5px;
  }
}

/*  aboutメニューボタン追加 */
.goods-menu{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 750px;
  font-size: 14px;
  margin: auto;
  margin-bottom: 70px;
  gap: 20px;
}
.goods-menu li{
  display: table;
  margin-bottom: 0 !important;
  width: 48.66666%;
  height: 70px;
  border: 1px solid #ccc;
  text-align: center;
  box-sizing: border-box;
  position: relative;
}
.goods-menu li::before{
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  border-left: 10px solid transparent;
  border-bottom: 10px solid #2F9873;
}
.goods-menu li a{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 10px 0;
}
.goods-menu li a img{
  height: 40px;
}
.goods-menu li:nth-child(2) a img{
  height: 28px;
  margin: 10px 0 2px;
}
.page-about .content.top .goods li.faveone-itme{
  width: 100%;
  height: auto;
  border-radius: 12px;
}
.faveone-itme a{
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  margin: 0 30px 0 0;
}
@media screen and (max-width: 767px) {
  .faveone-itme a{
    margin: 0 10px 0 0;
  }
}
.faveone-itme a img{
  width: 100%;
}

/* ▼241018 footer PCに電話番号追加 */
.l-footer__tel {
  text-align: center;
  margin-bottom: 50px;
}
.l-footer__tel .l-footer__teltext {
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.2;
  border-radius: 14px;
  border: 2px solid;
  padding: 14px;
}
.l-footer__tel .l-footer__teltext span {
  font-size: 1.8rem;
  font-weight: normal;
}









/* ▼250414 栗原追加 */

.product-detail-section {
  display: flex;
  flex-direction: column;
  margin-top: -70px;
  padding-top: 70px;
  position: relative;
  width: 100%
}

@media screen and (max-width: 760px) {
.product-detail-section {
      margin-top:-55px;
      padding: 55px 0;
  }
}

.product-detail-section .product-detail-section__slide-nav {
  align-items: center;
  display: flex;
  gap: 24px;
  position: absolute;
  right: 0;
  top: 6px
}

@media screen and (max-width: 760px) {
.product-detail-section .product-detail-section__slide-nav {
      justify-content:space-between;
      margin-top: 16px;
      position: static;
      right: 0;
      top: 0
  }

  ;}

.product-detail-section .product-detail-section__slide-nav-pages {
  align-items: center;
  display: none;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  gap: 24px;
  letter-spacing: .02em;
  line-height: 1
}

@media screen and (max-width: 760px) {
.product-detail-section .product-detail-section__slide-nav-pages {
      font-size:18px;
      gap: 6px
  }
}

.product-detail-section .product-detail-section__slide-nav-current-page {
  color: #fa6f45;
}

.product-detail-section__slide-arrows {
  display: none;
}

.product-detail-section .product-detail-section__slide-arrows .splide__arrows {
  align-items: center;
  display: flex;
  gap: 16px;
}

.product-detail-section .product-detail-section__slide-arrows .splide__arrows .splide__arrow {
  height: 40px;
  width: 40px;
}

.product-detail-section .product-detail-section__slide-arrows .splide__arrows .splide__arrow:disabled {
  opacity: .3;
  pointer-events: none;
}

.product-detail-section .product-detail-section__header {
  margin: 0 auto;
}

@media screen and (max-width: 760px) {
.product-detail-section .product-detail-section__header {
      margin-bottom:16px
  }
}

.product-detail-section .product-detail-section__title {
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 160%;
  text-align: center;
  margin: 0 0 30px;
}

@media screen and (max-width: 760px) {
.product-detail-section .product-detail-section__title {
      font-size:22px;
      padding-left: 14px;
      padding-right: 14px;
      text-align: center;
  }

  .product-detail-section__title img {
      width: 70%;
      margin: 0 auto;
  }
}

 .product-detail-section .product-detail-section__description {
  font-size: 15px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: .02em;
  line-height: 200%;
}

.product-detail-section__description span {
  font-size: 24px;
  font-weight: bold;
}

@media screen and (max-width: 760px) {
 .product-detail-section .product-detail-section__description {
      font-size:15px;
      padding: 14px 14px 0;
  }
}

.product-detail-section__aafco img {
  width: 70% !important;
}

@media screen and (max-width: 760px) {
  .product-detail-section__aafco img {
      width: 80% !important;
      margin: 0 auto;
  }
}

.product-detail-section .product-detail-section__aafco {
  align-items: anchor-center;
  display: flex;
  gap: 40px;
  margin: 120px auto;
  max-width: 1120px;
  width: 100%;
}

@media screen and (max-width: 760px) {
  .product-detail-section .product-detail-section__aafco {
      display: inline-block;
  }
}

.product-detail-section .product-detail-section__aafco>img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 150px
}

.product-detail-section .product-detail-section__aafco>span {
  display: inline-block;
  font-size: 15px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 160%
}

@media screen and (max-width: 760px) {
.product-detail-section .product-detail-section__aafco>span {
      font-size:15px
  }
}

.product-detail-section .product-detail-section__checks {
  border-radius: 40px;
  padding: 40px;
}


.bs-footer__contact__inner {
  align-items: center;
  display: grid;
  gap: 56px;
  grid-template-columns: 38% 1fr;
  margin-left: auto;
  margin-right: auto;
  max-width: 1120px;
  width: 100%
}

@media screen and (max-width: 760px) {
  .bs-footer__contact__inner {
      gap:30px;
      grid-template-columns: 1fr;
  }

  .bs-footer__contact__faq {
      background: #fff;
      padding: 0 24px
  }

  ;}

.bs-footer__contact__faq h2 {
  color: #4e4d4d;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.6;
  text-align: center;
}

.bs-footer__contact__faq b {
  font-size: 24px;
  font-weight: bold;
}
.bs-footer,.bs-header.is-static {
  position: relative;
}

.bs-footer__contact {
  padding: 0 24px
}

@media screen and (max-width: 760px) {
  .bs-footer__contact {
      padding:0 16px
  }

  ;}

.bs-footer__contact__wrap {
  margin-left: auto;
  margin-right: auto;
  max-width: 1440px;
  padding: 56px;
  width: 100%
}

@media screen and (max-width: 760px) {
  .bs-footer__contact__wrap {
      background:none;
      border: none;
      border-radius: 0;
      padding: 0
  }

  ;}

.bs-footer__contact__inner {
  align-items: center;
  display: grid;
  gap: 56px;
  grid-template-columns: 38% 1fr;
  margin-left: auto;
  margin-right: auto;
  max-width: 1120px;
  width: 100%
}

@media screen and (max-width: 760px) {
  .bs-footer__contact__inner {
      gap:30px;
      grid-template-columns: 1fr;
  }

  .bs-footer__contact__faq {
      background: #fff;
      padding: 0 24px
  }

  ;}

.bs-footer__contact__faq h2 {
  color: #4e4d4d;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.6;
  text-align: center;
}

.bs-footer__contact__faq b {
  font-size: 24px;
  font-weight: bold;
}

@media screen and (max-width: 760px) {
  .bs-footer__contact__faq h2 {
      font-size:20px
  }

  ;}

.bs-footer__contact__faq p {
  font-size: 15px;
  letter-spacing: .04em;
  line-height: 2;
  margin-top: 16px;
}

@media screen and (max-width: 760px) {
  .bs-footer__contact__faq p {
      font-size:15px
  }
}

.bs-footer__contact__faq .bc-link-primary {
  margin: 40px auto
}

@media screen and (max-width: 760px) {
  .bs-footer__contact__faq .bc-link-primary {
      margin:30px auto 0
  }

  .bs-footer__contact__form {
      background: #fff;
      padding: 0 0 40px;
  }
}

.bs-footer__contact__form h2 {
  color: #4e4d4d;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.6;
  text-align: center
}

@media screen and (max-width: 760px) {
  .bs-footer__contact__form h2 {
      font-size:20px
  }

  ;}

.bs-footer__contact__form p {
  font-size: 15px;
  letter-spacing: .04em;
  line-height: 2;
  margin-top: 16px;
  text-align: center
}

@media screen and (max-width: 760px) {
  .bs-footer__contact__form p {
      font-size:15px
  }
}

.bs-footer__contact__form img {
  margin: 0 10px;
}

.bs-footer__contact__form div {
  display: block;
  gap: 20px;
  grid-template-columns: repeat(3,1fr);
  margin-top: 24px
}

@media screen and (max-width: 760px) {
  .bs-footer__contact__form div {
      gap:10px;
      grid-template-columns: auto
  }

  ;}

.bs-footer__contact__form a {
  align-items: center;
  background: #857972;
  color: #fff;
  border-radius: 30px;
  display: flex;
  padding: 30px 20px;
  transition: .3s;
  margin: 20px 0;
  line-height: 1.5;
  gap: 30px;
}

.bs-footer__contact__form a b {
  display: contents;
  font-weight: bold;
}

.bs-footer__contact__form a:hover {
  opacity: .4
}

@media screen and (max-width: 760px) {
  .bs-footer__contact__form a {
      align-items:center;
      border-radius: 20px;
      gap: 0 5px;
      grid-column: span 2;
      padding: 30px 0;
      grid-template-columns: subgrid;
      padding: 16px;
      font-size: 2.2vw;
  }

  .bs-footer__contact__form a b {
      font-size: 4.7vw;
  }
}

.bs-footer__contact__form svg {
  display: inline-block;
  width: 40px;
}

@media screen and (max-width: 760px) {
  .bs-footer__contact__form svg {
      justify-self:end;
      margin: 0;
      width: 32px
  }
}

.bs-footer__contact__form a.is-line svg {
  fill: #06c755
}

.bs-footer__contact__form span {
  display: inline-block;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.2;
  text-align: center
}

.bs-footer__contact__form span:first-of-type {
  font-size: 15px;
}

@media screen and (max-width: 760px) {
  .bs-footer__contact__form span:first-of-type {
      font-size:15px;
      margin-top: 0;
      text-align: left
  }
}

.bs-footer__contact__form span:nth-of-type(2) {
  color: #fa6f45;
  font-size: 20px;
  margin-top: 6px;
  text-decoration: underline
}

@media screen and (max-width: 760px) {
  .bs-footer__contact__form span:nth-of-type(2) {
      font-size:18px;
      grid-area: 2/1/3/3;
      margin-top: 0
  }
}

.bs-footer__contact__form small {
  color: #b8b8b8;
  display: block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .04em;
  line-height: 1.4;
  margin-top: 24px;
  text-align: center
}

@media screen and (max-width: 760px) {
  .bs-footer__contact__form small {
      font-size:13px
  }

  ;}

.bs-footer__main {
  background: #f5f2f0;
  padding: 80px 40px
}

.bs-footer__logo {
  text-align: -webkit-center;
}

@media screen and (max-width: 760px) {
  .bs-footer__main {
      padding-left:16px;
      padding-right: 16px;
      padding: 64px 30px
  }
}

.bs-footer__main__inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 1120px;
  width: 100%
}

.bs-footer__head {
  align-items: center;
  display: grid;
  gap: 56px;
  grid-template-columns: 1fr 56%
}

@media screen and (max-width: 760px) {
  .bs-footer__head {
      gap:40px;
      grid-template-columns: 1fr
  }

  .bs-footer__logo img {
      margin: 0 auto;
      max-width: 293px
  }
}

.bs-footer__external {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2,1fr)
}

@media screen and (max-width: 760px) {
  .bs-footer__external {
      gap:10px;
      grid-template-columns: 1fr
  }
}

.bs-footer__external a {
  background: #fff;
  border: 2px solid #e8e1d7;
  border-radius: 30px;
  padding: 26px 24px
}

@media screen and (max-width: 760px) {
  .bs-footer__external a {
      border-radius:20px;
      padding: 17px 24px
  }
}

.bs-footer__external span {
  display: block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.4;
  text-align: center
}

@media screen and (max-width: 760px) {
  .bs-footer__external span {
      font-size:13px
  }
}

.bs-footer__external a.is-omusubi span {
  color: #f2a49b
}

.bs-footer__external a.is-media span {
  color: #fa6f45
}

.bs-footer__external img {
  height: 45px;
  margin: 4px auto 0;
  width: auto
}

@media screen and (max-width: 760px) {
  .bs-footer__external img {
      height:40px
  }
}

.bs-footer__external a>* {
  transition: .3s
}

.bs-footer__external a:hover>* {
  opacity: .4
}

.bs-footer__menu {
  display: grid;
  gap: 56px;
  grid-template-columns: repeat(2,1fr);
  margin-top: 80px
}

@media screen and (max-width: 760px) {
  .bs-footer__menu {
      gap:48px;
      grid-template-columns: 1fr;
      margin-top: 64px
  }
}

.bs-footer__menu__purpose {
  display: grid;
  gap: 40px;
  grid-template-columns: repeat(2,1fr)
}

@media screen and (max-width: 760px) {
  .bs-footer__menu__purpose {
      gap:48px;
      grid-template-columns: 1fr
  }

  ;}

.bs-footer__menu dt {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.2
}

@media screen and (max-width: 760px) {
  .bs-footer__menu dt {
      border-bottom:2px solid hsla(0,0%,100%,.4);
      cursor: pointer;
      font-size: 18px;
      padding-bottom: 18px;
      padding-right: 28px;
      position: relative
  }

  .bs-footer__menu dt:after,.bs-footer__menu dt:before {
      background: #fff;
      content: "";
      position: absolute;
  }

  .bs-footer__menu dt:before {
      height: 2px;
      right: 0;
      top: calc(50% - 10px);
      width: 18px;
  }

  .bs-footer__menu dt:after {
      height: 18px;
      opacity: 0;
      right: 8px;
      top: calc(50% - 18px);
      width: 2px
  }
}

.bs-footer__menu dd {
  display: grid;
  gap: 20px 40px;
  margin-top: 30px
}

@media screen and (min-width: 761px) {
  .bs-footer__menu dd {
      display:grid!important
  }
}

@media screen and (max-width: 760px) {
  .bs-footer__menu dd {
      gap:16px;
      grid-template-columns: repeat(2,1fr);
      margin-top: 20px
  }

  ;}

.bs-footer__menu dd a {
  align-items: center;
  color: #000;
  display: flex;
  font-size: 15px;
  font-weight: 700;
  gap: 10px;
  letter-spacing: .04em;
  line-height: 1.2;
  transition: .3s;
}

@media screen and (max-width: 760px) {
  .bs-footer__menu dd a {
      font-size:15px
  }
}

.bs-footer__menu dd a:hover {
  opacity: .4
}

.bs-footer__menu dd a svg {
  margin-left: 10px;
  width: 10px
}

.bs-footer__menu__about dd,.bs-footer__menu__category dd,.bs-footer__menu__feature dd {
  grid-template-columns: repeat(2,1fr)
}



/* index_product
============================================================================================================ */
.index_product {
	/* overflow: hidden; */
	/* position: relative; */
	/* padding: 90px 0 0; */
	/* background-color: #eeeeea; */
	/* z-index: 2; */
}

.index_product::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 500px;
	background-color: #e48424;
	z-index: -1;
}

.index_product .en_title {
	color: #fff;
}

.index_product .tab {
	display: flex;
	margin-top: 70px;
}

.index_product .tab a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 70px;
	background-color: #eaeae5;
	border-radius: 8px 8px 0 0;
	font-weight: bold;
	text-decoration: none;
	font-size: 2rem;
	line-height: 1.5;
}

.index_product .tab a.active {
	background-color: #fff;
	color: #e48424;
}

.index_product .tab a img {
	position: absolute;
	bottom: 0;
	left: 15px;
}

.index_product .contents {
	padding: 60px 20px 80px;
	background-color: #fff;
	border-radius: 0 10px 10px 10px;
}

.index_product .search_tab {
	display: flex;
	margin-bottom: 50px;
}

.index_product .search_tab>* {
	width: 100%;
}

.index_product .search_tab a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 70px;
	border: 2px solid #dfdfd8;
	background-color: #eeeeea;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.9rem;
	line-height: 1.5;
}

.index_product .search_tab a.active {
	background-color: #e48424;
	color: #fff;
}

.index_product .more {
	margin-top: 50px;
}

@media screen and (min-width: 768px),
print {
	.index_product .tab li {
		width: 300px;
		margin-right: 10px;
	}

	.index_product .tab a:hover {
		background-color: #fff;
		color: #e48424;
	}

	.index_product .cateory {
		max-width: 1100px;
		margin: 0 auto;
	}

	.index_product .search_tab a {
		border-left-width: 0;
		border-right-width: 0;
	}

	.index_product .search_tab>*:first-child a {
		border-left-width: 2px;
		border-radius: 8px 0 0 8px;
	}

	.index_product .search_tab>*:nth-child(n + 2) a {
		border-left-width: 1px;
	}

	.index_product .search_tab>*:last-child a {
		border-right-width: 2px;
		border-radius: 0 8px 8px 0;
	}

	.index_product .search_tab a:hover {
		background-color: #e48424;
		color: #fff;
	}

	.product_search_box ul a {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

@media screen and (max-width: 767px) {
	.index_product {
		padding: 45px 0 0;
	}

	.index_product::before {
		height: 270px;
	}

	.index_product .tab {
		justify-content: space-between;
		margin-top: 30px;
	}

	.index_product .tab li {
		width: calc((100% - 6px) / 4);
	}

	.index_product .tab a {
		height: 40px;
		border-radius: 5px 5px 0 0;
		font-size: 1.2rem;
		line-height: 1.3;
		text-align: center;
	}

	.index_product .tab a[data-product-category="dog"],
	.index_product .tab a[data-product-category="cat"] {
		padding-left: 25px;
	}

	.index_product .tab a img {
		left: -4px;
		bottom: 3px;
		width: 36px;
		pointer-events: none;
	}

	.index_product .contents {
		padding: 25px 4vw 40px;
		border-radius: 0 0 6px 6px;
	}

	.index_product .search_tab {
		margin: 0 0 20px;
	}

	.index_product .search_tab a {
		height: 54px;
		padding: 0;
		border-width: 1px;
		font-size: 1.2rem;
		line-height: 1.3;
		text-align: center;
	}

	.index_product .search_tab>*:first-child a {
		border-radius: 5px 0 0 5px;
	}

	.index_product .search_tab>*:last-child a {
		border-radius: 0 5px 5px 0;
	}

	.index_product .list li+li {
		margin-top: 8px;
	}

	.index_product .list a {
		font-size: 1.4rem;
		line-height: 1.3;
	}

	.index_product .list a .ico {
		width: 36px;
	}

	.index_product .list a .name {
		width: calc(100% - 48px);
	}

	.index_product .more {
		margin-top: 30px;
	}
}

.index_product .contents {
	position: relative;
	overflow: hidden;
}

.index_product .contents>* {
	position: absolute;
	top: -9999em;
	left: -9999em;
	width: 100%;
	opacity: 0;
}

.index_product .contents>*.active {
	position: static;
	opacity: 1;
}

body.init .index_product .contents>*.active {
	transition: opacity .4s;
}


/* index_column
============================================================================================================ */
.index_column {
	padding: 90px 0 120px;
}

.index_column h3 {
	margin-bottom: 50px;
	padding: 10px 0;
	border-top: 4px solid #c7ccce;
	border-bottom: 1px solid #c7ccce;
	font-size: 2.4rem;
	line-height: 1.5;
	text-align: center;
}

.index_column .list li+li {
	margin-top: 60px;
}

.index_column .list a {
	display: flex;
	justify-content: space-between;
	font-weight: bold;
	text-decoration: none;
}

.index_column .list a .img {
	width: 220px;
}

.index_column .list a .img>span {
	position: relative;
	overflow: hidden;
	display: block;
	padding-top: 63.63%;
	background-color: #fff;
	border-radius: 6px;
}

.index_column .list a .img>span::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	border: 1px solid #ddd;
	border-radius: 6px;
	z-index: 3;
}

.index_column .list a .img>span img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: calc(100% - 10px);
	max-height: calc(100% - 10px);
	transform: translate(-50%, -50%);
}

.index_column .list a .text {
	display: flex;
	width: calc(100% - 255px);
	flex-direction: column;
}

.index_column .list a .title {
	display: block;
}

.index_column .list a .foot {
	display: flex;
	flex-wrap: wrap;
	margin-top: auto;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #838383;
}

.index_column .list a .foot>* {
	margin-top: 10px;
}

.index_column .list a .cat {
	position: relative;
	margin-right: 2em;
	color: #e48424;
}

.index_column .list a .cat::before {
	content: "";
	position: absolute;
	bottom: -3px;
	left: 0;
	right: 0;
	border-top: 2px solid;
}

.index_column .list a .cat::before {
	content: "";
	position: absolute;
	bottom: -3px;
	left: 0;
	right: 0;
	border-top: 2px solid;
}

.index_column .list a .cat::after {
	/*content: "";*/
	position: absolute;
	bottom: 3px;
	top: 3px;
	right: -1em;
	border-left: 1px solid #8a8a8a;
	opacity: 0.5;
}

.index_column .more {
	margin-top: 70px;
}

.index_column .more a .ico {
	position: absolute;
	left: 25px;
	top: 50%;
	width: 36px;
	height: 36px;
	margin-top: -18px;
	fill: #e48424;
}

@media screen and (min-width: 768px),
print {
	.index_column .contents {
		display: flex;
		justify-content: space-between;
	}

	.index_column .contents>section {
		width: 500px;
	}

	.index_column .list a[href]:hover .title {
		text-decoration: underline;
	}

	body.init .index_column .list a .img>span img {
		transition: transform 0.6s, opacity .3s;
	}

	.index_column .list a[href]:hover .img>span img {
		transform: translate(-50%, -50%) scale(1.05);
		opacity: 0.7;
	}

	.index_column .more a:hover .ico {
		fill: #fff;
	}
}

@media screen and (max-width: 767px) {
	.index_column {
		padding: 45px 0 50px;
	}

	.index_column .contents>section+section {
		margin-top: 60px;
	}

	.index_column h3 {
		margin-bottom: 0;
		border-top-width: 3px;
		font-size: 1.7rem;
	}

	.index_column .list li+li {
		margin-top: 0;
		border-top: 1px solid #c7ccce;
	}

	.index_column .list a {
		padding: 30px 0;
	}

	.index_column .list a .img {
		width: 33.8%;
	}

	.index_column .list a .img>span {
		padding-top: 77.27%;
		border-radius: 4px;
	}

	.index_column .list a .text {
		width: calc(100% - 33.8% - 20px);
	}

	.index_column .list a .title {
		font-size: 1.2rem;
	}

	.index_column .list a .foot {
		font-size: 1.2rem;
	}

	.index_column .more {
		margin-top: 10px;
	}
}



/* index_main
============================================================================================================ */
.index_main {
	position: relative;
	margin-bottom: 80px;
	background-repeat: no-repeat;
	font-size: 2rem;
	line-height: 1.8;
	font-weight: bold;
}

.index_main .lead {
	font-size: 5.4rem;
	margin-left: -0.5em;
	line-height: 1.4;
	font-family: serif;
}

.index_main .sub {
	margin-bottom: 30px;
	font-size: 2.4rem;
}

.index_main .concier_btn {
	margin-top: 50px;
}

.index_main .concier_btn dt {
	font-size: 1.6rem;
	margin-bottom: 10px;
}

.index_main .bg {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
}

.index_main .bg * {
	height: 100%;
}

.index_main .bg div:nth-child(1) {
	position: relative;
	z-index: 1;
}

.index_main .bg .bg_dots {
	position: absolute;
	display: flex;
	gap: 8px;
	bottom: 6%;
	left: 5%;
	height: auto;
	z-index: 2;
}

.index_main .bg .bg_dots li {
	width: 10px;
	aspect-ratio: 1/1;
	border-radius: 50%;
	border: 1.5px solid #ba0010;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
}

.index_main .bg .bg_dots .slick-active {
	background-color: #ba0010;
}

.index_main .bg .bg_dots li button {
	opacity: 0;
	height: auto;
	padding: 0 10px;
}

.index_main .bg picture {
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: -1;
}

@media screen and (min-width: 768px),
print {
	.index_main {
		display: flex;
		align-items: center;
		max-height: 900px;
		height: 100vh;
	}

	.index_main>* {
		max-height: 900px;
		width: 100%;
	}
}

@media screen and (max-width: 767px) {
	.index_main {
		margin-bottom: 40px;
		padding-top: 374px;
		font-size: 1.4rem;
	}

	.index_main .lead {
		font-size: 3rem;
	}

	.index_main .sub {
		margin-bottom: 20px;
		font-size: 1.6rem;
	}

	.index_main .concier_btn {
		margin-top: 50px;
	}

	.index_main .bg {
		bottom: 70px;
	}

	.index_main .bg .slick-slide::after {
		content: "";
		position: absolute;
		bottom: -10px;
		right: 0;
		left: 0;
		height: 20%;
		background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 40%);
		background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 50%);
		background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 40%);
	}
	.index_main .bg .slick-list {
		height: 570px;
	}

	.index_main .bg .bg_dots {
		display: flex;
		left: 50%;
		bottom: 12%;
		transform: translateX(-50%);
	}
	.index_main .bg .bg_dots li {
		width: 6px;
		gap: 5px;
	}
	.index_main .bg .bg_dots li button {
		padding: 0 6px;
	}
}

.index_main .concier_banner {
	z-index: 3;
	display: none;
}

@media screen and (max-width: 767px) {
	.index_main .concier_banner {
		display: flex;
		max-width: 330px;
		margin: 190px auto 0;
		border-radius: 4px;
	}
}


.index_main .scroll {
	position: absolute;
	left: 50%;
	bottom: 35px;
	width: 120px;
	margin-left: -60px;
	color: #fff;
	text-align: center;
	font-size: 1.2rem;
	line-height: 1;
	text-decoration: none;
	z-index: 110;
}

.index_main .scroll .mouse {
	position: relative;
	display: block;
	margin: 10px auto 0;
	width: 22px;
	height: 38px;
	border: 1px solid #fff;
	border-radius: 100px;
}

.index_main .scroll .mouse:after {
	content: "";
	position: absolute;
	top: 4px;
	left: 50%;
	margin-left: -3px;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background-color: #fff;
	animation: scroll 2.5s ease 0s infinite;
}

@keyframes scroll {
	0% {
		top: 4px;
	}

	20% {
		top: 4px;
	}

	24% {
		top: 6px;
	}

	25% {
		top: 4px;
	}

	40% {
		top: 4px;
	}

	45% {
		top: 6px;
	}

	46% {
		top: 4px;
	}
}

@media screen and (min-width: 768px),
print {
	.index_main .scroll:hover {
		color: #e48424;
	}

	body.init .index_main .scroll .mouse {
		transition: color 0.2s ease-in-out, background 0.2s ease-in-out, border 0.2s ease-in-out, opacity 0.2s ease-in-out;
	}

	.index_main .scroll:hover .mouse {
		background-color: #e48424;
		border-color: #e48424;
	}

}


/* lead_block
============================================================================================================ */
.lead_block {
	padding: 0 0 60px;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.lead_block {
		padding: 40px 15px;
	}
}

/* index_about
============================================================================================================ */
.index_about {
	position: relative;
	background-color: #eeeeea;
	padding: 90px 0 100px;
}

.index_about::before {
	content: "";
	position: absolute;
	width: 160px;
	height: 240px;
	background: url(../images/footprint01.png) no-repeat 50%;
	background-size: 100%;
	pointer-events: none;
	z-index: 2;
}

.index_about .box {
	background-color: #fff;
}

.index_about .lead {
	margin-bottom: 30px;
	font-weight: bold;
	font-size: 2.4rem;
	line-height: 1.8;
}

.index_about .more {
	margin-top: 50px;
}

@media screen and (min-width: 768px),
print {
	.index_about::before {
		top: 20px;
		left: 50%;
		margin-left: 260px;
	}

	.index_about .contents {
		position: relative;
		margin-top: 90px;
	}

	.index_about .img {
		position: absolute;
		left: 0;
		top: -40px;
		width: 50%;
	}

	.index_about .img img {
		max-width: 100%;
		height: auto;
		border-radius: 10px;
	}

	.index_about .box {
		min-height: 590px;
		width: calc(50% + 120px);
		max-width: 740px;
		margin-left: auto;
		padding: 60px 60px 60px 170px;
		border-radius: 10px;
	}

	.index_about .lead {
		white-space: nowrap;
	}
}

@media screen and (max-width: 767px) {
	.index_about {
		padding: 45px 0 50px;
	}

	.index_about::before {
		right: 3vw;
		top: -20px;
		width: 90px;
		background-position: 0 0;
	}

	.index_about .img img {
		border-radius: 6px 6px 0 0;
	}

	.index_about .box {
		padding: 30px 0 45px;
		border-radius: 0 0 6px 6px;
	}

	.index_about .lead {
		margin-bottom: 20px;
		font-size: 1.6rem;
	}

	.index_about .more {
		margin-top: 30px;
	}
}


/* index_advantage
============================================================================================================ */
/*
.index_advantage {
	position: relative;
	padding: 90px 0 100px;
	z-index: 1;
}
.index_advantage::before {
	content: "";
	position: absolute;
	width: 160px;
	height: 410px;
	background: url(../images/footprint02.png) no-repeat 50%;
	background-size: 100%;
	pointer-events: none;
	z-index: 2;
}
.index_advantage::after {
	content: "";
	position: absolute;
	width: 110px;
	height: 520px;
	background: url(../images/footprint03.png) no-repeat 50%;
	background-size: 100%;
	pointer-events: none;
	z-index: 2;
}
.index_advantage .bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
}
.index_advantage .box {
	position: relative;
	padding: 80px 20px;
	background-color: rgba(247,247,245,.9);
	border-radius: 10px;
}
.index_advantage .box > * {
	position: relative;
	z-index: 3;
}
.index_advantage .contents {
	font-size: 1.4rem;
}
.index_advantage .contents .point {
	position: relative;
	margin-bottom: 30px;
}
.index_advantage .contents .point span {
	position: absolute;
	top: 50px;
	right: 0;
	left: 0;
	text-align: center;
	font-size: 2.4rem;
	line-height: 1.5;
}
.index_advantage .contents .point img {
	width: 100%;
	border-radius: 100%;
}
.index_advantage .contents h3 {
	margin-bottom: 15px;
	font-size: 2rem;
	line-height: 1.5;
	text-align: center;
}
.index_advantage .more {
	margin-top: 70px;
}
@media screen and (min-width: 768px), print {
	.index_advantage::before {
		top: -110px;
		right: 50%;
		margin-right: 350px;
	}
	.index_advantage::after {
		bottom: 15px;
		right: 50%;
		margin-right: 180px;
	}
	.index_advantage .img {
		overflow: hidden;
		position: absolute;
		top: -40px;
		right: 0;
		left: 0;
		height: 340px;
		text-align: right;
		pointer-events: none;
		z-index: 2;
	}
	.index_advantage .img > * {
		position: relative;
		max-width: 1200px;
		margin: auto;
	}
	.index_advantage .img img {
		margin-right: -100px;
	}
	.index_advantage .en_title {
		position: relative;
		z-index: 3;
	}
	.index_advantage .box {
		margin-top: 60px;
	}
	.index_advantage .contents {
		display: flex;
		justify-content: space-between;
		max-width: 1130px;
		margin: auto;
	}
	.index_advantage .contents > section {
		width: 330px;
	}
}
@media screen and (max-width: 767px) {
	.index_advantage {
		padding: 45px 0 50px;
	}
	.index_advantage::before {
		top: -40px;
		left: 5vw;
		width: 80px;
		background-position: 0 0;
	}
	.index_advantage::after {
		bottom: 0;
		right: 8vw;
		width: 50px;
		height: 100px;
		background-position: 0 0;
	}
	.index_advantage .img {
		overflow: hidden;
		position: absolute;
		top: 90px;
		right: 0;
		z-index: 2;
	}
	.index_advantage .img > * {
		margin-right: -30px;
	}
	.index_advantage .img img {
		max-width: none;
		width: 190px;
	}
	.index_advantage .box {
		padding: 30px 0;
		border-radius: 6px;
	}
	.index_advantage .contents {
		font-size: 1.2rem;
	}
	.index_advantage .contents section + section {
		margin-top: 30px;
		padding-top: 30px;
		border-top: 1px solid #c1c1c1;
	}
	.index_advantage .contents header {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 15px;
	}
	.index_advantage .contents .point {
		position: relative;
		width: 125px;
		margin-bottom: 0;
	}
	.index_advantage .contents .point span {
		top: 10px;
		font-size: 1.4rem;
	}
	.index_advantage .contents h3 {
		width: calc(100% - 145px);
		margin-bottom: 0;
		font-size: 1.5rem;
		text-align: left;
	}
	.index_advantage .more {
		margin-top: 30px;
	}
}
*/
.index_advantage {
	padding-bottom: 100px;
	text-align: center;
}

.index_advantage .title {
	margin-bottom: 30px;
	font-weight: bold;
	font-size: 2.4rem;
}

.index_advantage .title>span {
	display: block;
	font-family: serif;
	font-size: 4.8rem;
	line-height: 1.3;
}

.index_advantage .lead {
	font-weight: bold;
	font-size: 2rem;
}

.index_advantage .img {
	margin: 20px 0 50px;
}

@media screen and (max-width: 767px) {
	.index_advantage {
		padding: 45px 0 50px;
	}

	.index_advantage .title {
		margin-bottom: 20px;
		font-size: 1.6rem;
	}

	.index_advantage .title>span {
		font-size: 2.8rem;
	}

	.index_advantage .lead {
		font-size: 1.4rem;
	}

	.index_advantage .img {
		margin: 20px 0 30px;
	}
}

/* index_product
============================================================================================================ */
.index_product {
	overflow: hidden;
	position: relative;
	padding: 90px 0 0;
	background-color: #eeeeea;
	z-index: 2;
}

.index_product::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	height: 500px;
	background-color: #e48424;
	z-index: -1;
}

.index_product .en_title {
	color: #fff;
}

.index_product .tab {
	display: flex;
	margin-top: 70px;
}

.index_product .tab a {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 70px;
	background-color: #eaeae5;
	border-radius: 8px 8px 0 0;
	font-weight: bold;
	text-decoration: none;
	font-size: 2rem;
	line-height: 1.5;
}

.index_product .tab a.active {
	background-color: #fff;
	color: #e48424;
}

.index_product .tab a img {
	position: absolute;
	bottom: 0;
	left: 15px;
}

.index_product .contents {
	padding: 60px 20px 80px;
	background-color: #fff;
	border-radius: 0 10px 10px 10px;
}

.index_product .search_tab {
	display: flex;
	margin-bottom: 50px;
}

.index_product .search_tab>* {
	width: 100%;
}

.index_product .search_tab a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 70px;
	border: 2px solid #dfdfd8;
	background-color: #eeeeea;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.9rem;
	line-height: 1.5;
}

.index_product .search_tab a.active {
	background-color: #e48424;
	color: #fff;
}

.index_product .more {
	margin-top: 50px;
}

@media screen and (min-width: 768px),
print {
	.index_product .tab li {
		width: 300px;
		margin-right: 10px;
	}

	.index_product .tab a:hover {
		background-color: #fff;
		color: #e48424;
	}

	.index_product .cateory {
		max-width: 1100px;
		margin: 0 auto;
	}

	.index_product .search_tab a {
		border-left-width: 0;
		border-right-width: 0;
	}

	.index_product .search_tab>*:first-child a {
		border-left-width: 2px;
		border-radius: 8px 0 0 8px;
	}

	.index_product .search_tab>*:nth-child(n + 2) a {
		border-left-width: 1px;
	}

	.index_product .search_tab>*:last-child a {
		border-right-width: 2px;
		border-radius: 0 8px 8px 0;
	}

	.index_product .search_tab a:hover {
		background-color: #e48424;
		color: #fff;
	}

	.product_search_box ul a {
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

@media screen and (max-width: 767px) {
	.index_product {
		padding: 45px 0 0;
	}

	.index_product::before {
		height: 270px;
	}

	.index_product .tab {
		justify-content: space-between;
		margin-top: 30px;
	}

	.index_product .tab li {
		width: calc((100% - 6px) / 4);
	}

	.index_product .tab a {
		height: 40px;
		border-radius: 5px 5px 0 0;
		font-size: 1.2rem;
		line-height: 1.3;
		text-align: center;
	}

	.index_product .tab a[data-product-category="dog"],
	.index_product .tab a[data-product-category="cat"] {
		padding-left: 25px;
	}

	.index_product .tab a img {
		left: -4px;
		bottom: 3px;
		width: 36px;
		pointer-events: none;
	}

	.index_product .contents {
		padding: 25px 4vw 40px;
		border-radius: 0 0 6px 6px;
	}

	.index_product .search_tab {
		margin: 0 0 20px;
	}

	.index_product .search_tab a {
		height: 54px;
		padding: 0;
		border-width: 1px;
		font-size: 1.2rem;
		line-height: 1.3;
		text-align: center;
	}

	.index_product .search_tab>*:first-child a {
		border-radius: 5px 0 0 5px;
	}

	.index_product .search_tab>*:last-child a {
		border-radius: 0 5px 5px 0;
	}

	.index_product .list li+li {
		margin-top: 8px;
	}

	.index_product .list a {
		font-size: 1.4rem;
		line-height: 1.3;
	}

	.index_product .list a .ico {
		width: 36px;
	}

	.index_product .list a .name {
		width: calc(100% - 48px);
	}

	.index_product .more {
		margin-top: 30px;
	}
}

.index_product .contents {
	position: relative;
	overflow: hidden;
}

.index_product .contents>* {
	position: absolute;
	top: -9999em;
	left: -9999em;
	width: 100%;
	opacity: 0;
}

.index_product .contents>*.active {
	position: static;
	opacity: 1;
}

body.init .index_product .contents>*.active {
	transition: opacity .4s;
}


/* index_column
============================================================================================================ */
.index_column {
	padding: 90px 0 120px;
}

.index_column h3 {
	margin-bottom: 50px;
	padding: 10px 0;
	border-top: 4px solid #c7ccce;
	border-bottom: 1px solid #c7ccce;
	font-size: 2.4rem;
	line-height: 1.5;
	text-align: center;
}

.index_column .list li+li {
	margin-top: 60px;
}

.index_column .list a {
	display: flex;
	justify-content: space-between;
	font-weight: bold;
	text-decoration: none;
}

.index_column .list a .img {
	width: 220px;
}

.index_column .list a .img>span {
	position: relative;
	overflow: hidden;
	display: block;
	padding-top: 63.63%;
	background-color: #fff;
	border-radius: 6px;
}

.index_column .list a .img>span::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	border: 1px solid #ddd;
	border-radius: 6px;
	z-index: 3;
}

.index_column .list a .img>span img {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: calc(100% - 10px);
	max-height: calc(100% - 10px);
	transform: translate(-50%, -50%);
}

.index_column .list a .text {
	display: flex;
	width: calc(100% - 255px);
	flex-direction: column;
}

.index_column .list a .title {
	display: block;
}

.index_column .list a .foot {
	display: flex;
	flex-wrap: wrap;
	margin-top: auto;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #838383;
}

.index_column .list a .foot>* {
	margin-top: 10px;
}

.index_column .list a .cat {
	position: relative;
	margin-right: 2em;
	color: #e48424;
}

.index_column .list a .cat::before {
	content: "";
	position: absolute;
	bottom: -3px;
	left: 0;
	right: 0;
	border-top: 2px solid;
}

.index_column .list a .cat::before {
	content: "";
	position: absolute;
	bottom: -3px;
	left: 0;
	right: 0;
	border-top: 2px solid;
}

.index_column .list a .cat::after {
	/*content: "";*/
	position: absolute;
	bottom: 3px;
	top: 3px;
	right: -1em;
	border-left: 1px solid #8a8a8a;
	opacity: 0.5;
}

.index_column .more {
	margin-top: 70px;
}

.index_column .more a .ico {
	position: absolute;
	left: 25px;
	top: 50%;
	width: 36px;
	height: 36px;
	margin-top: -18px;
	fill: #e48424;
}

@media screen and (min-width: 768px),
print {
	.index_column .contents {
		display: flex;
		justify-content: space-between;
	}

	.index_column .contents>section {
		width: 500px;
	}

	.index_column .list a[href]:hover .title {
		text-decoration: underline;
	}

	body.init .index_column .list a .img>span img {
		transition: transform 0.6s, opacity .3s;
	}

	.index_column .list a[href]:hover .img>span img {
		transform: translate(-50%, -50%) scale(1.05);
		opacity: 0.7;
	}

	.index_column .more a:hover .ico {
		fill: #fff;
	}
}

@media screen and (max-width: 767px) {
	.index_column {
		padding: 45px 0 50px;
	}

	.index_column .contents>section+section {
		margin-top: 60px;
	}

	.index_column h3 {
		margin-bottom: 0;
		border-top-width: 3px;
		font-size: 1.7rem;
	}

	.index_column .list li+li {
		margin-top: 0;
		border-top: 1px solid #c7ccce;
	}

	.index_column .list a {
		padding: 30px 0;
	}

	.index_column .list a .img {
		width: 33.8%;
	}

	.index_column .list a .img>span {
		padding-top: 77.27%;
		border-radius: 4px;
	}

	.index_column .list a .text {
		width: calc(100% - 33.8% - 20px);
	}

	.index_column .list a .title {
		font-size: 1.2rem;
	}

	.index_column .list a .foot {
		font-size: 1.2rem;
	}

	.index_column .more {
		margin-top: 10px;
	}
}

/* bland_bnr
================= */
.bland_bnr {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

@media screen and (min-width: 768px),
print {
	.bland_bnr {
		padding-bottom: 100px;
	}
}

@media screen and (max-width: 767px) {
	.bland_bnr {
		padding-bottom: calc(45px - 12px);
	}
}

.bland_bnr .item {
	display: block;
	position: relative;
	transition: all 0.3s ease;
}

.bland_bnr .item::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #db0010;
	z-index: -1;
	transition: all 0.3s ease;
}

@media screen and (min-width: 768px),
print {
	.bland_bnr .item::after {
		transform: translate(5px, 5px);
	}
}

@media screen and (max-width: 767px) {
	.bland_bnr .item::after {
		transform: translate(2px, 2px);
	}
}

.bland_bnr .item:hover {
	opacity: 0.9;
}

@media screen and (min-width: 768px),
print {
	.bland_bnr .item:hover:after {
		transform: translate(8px, 8px);
		transition: all 0.3s ease;
	}
}

@media screen and (min-width: 768px),
print {
	.bland_bnr .item {
		width: calc((99.9% - 100px)/3);
	}

	.bland_bnr .item:not(:nth-child(3n)) {
		margin-right: 50px;
	}

	.bland_bnr .item:nth-child(n + 4) {
		margin-top: 40px;
	}
}

@media screen and (max-width: 767px) {
	.bland_bnr .item {
		width: calc((99.9% - 10px)/2);
		margin-bottom: 12px;
	}
}

.bland_bnr .item img {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 767px) {
	.drs {
		order: 1;
		margin-right: 10px;
	}

	.pro {
		order: 2;
	}

	.medycoat {
		order: 3;
		margin-right: 10px;
	}

	.medyfas {
		order: 4;
	}

	.kaiseki {
		order: 5;
		margin-right: 10px;
	}

	.petitinu {
		order: 6;
	}
}


/* insta_bnr
================= */
.insta_bnr {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

@media screen and (min-width: 768px),
print {
	.insta_bnr {
		/* padding-bottom: 100px; */
	}
}

@media screen and (max-width: 767px) {
	.insta_bnr {
		/* padding-bottom: calc(45px - 12px); */
		justify-content: space-between;
	}
}

.insta_bnr .item {
	display: block;
	position: relative;
	transition: all 0.3s ease;
}

.insta_bnr .item:hover {
	opacity: 0.9;
}

@media screen and (min-width: 768px),
print {
	.insta_bnr .item {
		width: calc((99.9% - 50px)/2);
		/* width: calc((1100px - 50px)/2); */
	}

	.insta_bnr .item:not(:nth-child(2n)) {
		margin-right: 50px;
	}

	.insta_bnr .item:nth-child(n + 3) {
		margin-top: 40px;
	}
}

@media screen and (max-width: 767px) {
	.insta_bnr .item {
		/* width: calc((99.9% - 10px)/2); */
		width: 100%;
	}

	.insta_bnr .item {
		margin-bottom: 12px;
	}
}

.insta_bnr .item img {
	width: 100%;
	height: auto;
}



/* pickup_bnr_wrap
================= */
@media screen and (min-width: 768px),
print {
	.pickup_bnr_wrap {
		padding: 90px 0 100px;
	}
}

@media screen and (max-width: 767px) {
	.pickup_bnr_wrap {
		padding: 45px 0 50px;
	}
}

.pickup_bnr {
	text-align: center;
}

.pickup_bnr .item {
	display: inline-block;
	position: relative;
	transition: all 0.3s ease;
}

.pickup_bnr .item:hover {
	opacity: 0.8;
}

.pickup_bnr .item img {
	max-width: 100%;
	height: auto;
}


/* index_news
============================================================================================================ */
.index_news {
	overflow: hidden;
	position: relative;
	padding-bottom: 120px;
}

@media screen and (min-width: 768px),
print {
	.index_news>.w {
		position: relative;
		min-height: 640px;
		padding: 60px 0 80px 80px;
	}

	.index_news>.w::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 2000px;
		background-color: #d2e2e2;
		border-radius: 10px 0 0 10px;
		z-index: -1;
	}

	.index_news .en_title {
		float: left;
		padding-top: 20px;
		text-align: left;
	}

	.index_news .news_list {
		margin-left: 420px;
	}

	.index_news .more {
		position: absolute;
		top: 200px;
		left: 80px;
		z-index: 3;
	}

	.index_news .img {
		position: relative;
		max-width: 1300px;
		margin: auto;
		pointer-events: none;
	}

	.index_news .img>* {
		position: absolute;
		left: -70px;
		bottom: -80px;
	}
}

@media screen and (max-width: 767px) {
	.index_news {
		padding: 45px 0 50px;
		background-color: #d2e2e2;
	}

	.index_news .more {
		margin-top: 35px;
	}

	.index_news .more a {
		margin: 0 auto;
	}
}


/* index_customer
============================================================================================================ */
.index_customer {
	position: relative;
	padding: 90px 0 100px;
	background-color: #c7ccce;
	z-index: 1;
}

.index_customer .lead {
	text-align: center;
	font-weight: bold;
	font-size: 2rem;
	line-height: 1.7;
}

.index_customer .box {
	margin-top: 40px;
	margin-bottom: 70px;
	background-color: #fff;
	border-radius: 10px;
	font-size: 1.4rem;
}

.index_customer .box a {
	display: block;
	text-decoration: none;
	text-align: center;
}

.index_customer .box dt {
	margin-bottom: 20px;
	padding-top: 70px;
	background-position: 50% 0;
	background-repeat: no-repeat;
	background-size: 70px;
	font-weight: bold;
	font-size: 2rem;
	line-height: 1.5;
	text-align: center;
}

.index_customer .box .tel dt {
	background-image: url(../images/customer_ico_tel.png);
}

.index_customer .box .letter dt {
	background-image: url(../images/customer_ico_letter.png);
}

.index_customer .box .mail dt {
	background-image: url(../images/customer_ico_mail.png);
}

.index_customer .box .qa a {
	display: flex;
	align-items: center;
	font-weight: bold;
	font-size: 2rem;
	line-height: 1.5;
}

@media screen and (min-width: 768px),
print {
	.index_customer .en_title {
		color: #fff;
	}

	.index_customer .lead {
		color: #fff;
	}

	.index_customer .bg {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: -1;
	}

	.index_customer .box ul {
		padding: 30px 0 0;
		display: flex;
		flex-wrap: wrap;
	}

	.index_customer .box ul>li {
		position: relative;
		width: 33.33%;
		padding: 0 50px;
	}

	.index_customer .box ul>li:nth-child(1)::after,
	.index_customer .box ul>li:nth-child(2)::after {
		content: "";
		position: absolute;
		right: 0;
		top: 10px;
		bottom: 0;
		border-left: 1px solid #c7ccce;
	}

	.index_customer .box a:hover dt {
		text-decoration: underline;
	}

	.index_customer .box .qa {
		width: calc(100% - 100px);
		margin: 40px auto 0;
		border-top: 1px solid #c7ccce;
	}

	.index_customer .box .qa a {
		justify-content: center;
		height: 100px;
	}

	.index_customer .box .qa a>span {
		position: relative;
		padding-left: 100px;
	}

	.index_customer .box .qa a>span::before {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		width: 70px;
		height: 60px;
		margin-top: -30px;
		background: url(../images/customer_ico_qa.png) no-repeat 50%;
		background-size: 100%;
	}
}

@media screen and (max-width: 767px) {
	.index_customer {
		padding: 45px 0 50px;
	}

	.index_customer .lead {
		font-size: 1.4rem;
	}

	.index_customer .box {
		margin-top: 20px;
		margin-bottom: 35px;
		padding-bottom: 5px;
		border-radius: 6px;
		font-size: 1.3rem;
		line-height: 1.5;
	}

	.index_customer .box li+li {
		border-top: 1px solid #c7ccce;
	}

	.index_customer .box dl {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 20px 0;
	}

	.index_customer .box dt {
		width: 60px;
		margin-bottom: 0;
		padding-top: 46px;
		background-size: 54px;
		font-size: 1.6rem;
	}

	.index_customer .box dd {
		width: calc(100% - 80px);
		text-align: left;
	}

	.index_customer .box .qa a {
		position: relative;
		height: 70px;
		padding-left: 80px;
		font-size: 1.5rem;
	}

	.index_customer .box .qa a::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		width: 60px;
		background: url(../images/customer_ico_qa.png) no-repeat 50%;
		background-size: 54px;
	}
}

/* index_company
============================================================================================================ */
.index_company {
	padding: 100px 0;
	background-color: #eeeeea;
}

.index_company .box {
	position: relative;
	overflow: hidden;
	background-color: #fff;
	border-radius: 10px;
}

.index_company .box .en_title {
	padding-top: 80px;
	background: url(../images/company_logo.png?_=n) no-repeat 50% 0;
	background-size: 100px;
}

.index_company .box ul li+li {
	margin-top: 30px;
}

@media screen and (min-width: 768px),
print {
	.index_company .box {
		height: 460px;
		padding-left: 550px;
		padding-top: 60px;
	}

	.index_company .box .img {
		position: absolute;
		top: 0;
		left: 0;
		width: 550px;
		height: 460px;
	}
}

@media screen and (max-width: 767px) {
	.index_company {
		padding: 50px 0;
	}

	.index_company .box {
		border-radius: 6px;
		padding-bottom: 40px;
	}

	.index_company .box .img {
		position: relative;
		margin-bottom: 25px;
		padding-top: 52.65%;
	}

	.index_company .box .en_title {
		padding-top: 60px;
		background-size: 80px;
	}

	.index_company .box ul li+li {
		margin-top: 20px;
	}
}

/* bottom_bnr
============================================================================================================ */
.bottom_bnr {
	border-top-width: 0;
}