@charset "UTF-8";
/*---------------------------------------------
  Browser Default Initialization
---------------------------------------------*/
body {
  word-break: break-all;
  text-align: justify;
}

body,
div,
dl,
dt,
dd,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
section,
nav,
article,
aside,
hgroup,
header,
address,
figure,
figcaption {
  margin: 0;
  padding: 0;
  line-height: 1.7;
}

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th {
  text-align: left;
}

q:before,
q:after {
  content: "";
}

object,
embed {
  vertical-align: top;
}

hr,
legend {
  display: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
}

img,
abbr,
acronym,
fieldset {
  border: 0;
}

img {
  width: 100%;
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
}

ul li {
  list-style-type: none;
}

a,
button,
input,
textarea {
  outline: none;
  text-decoration: none;
}

a {
  color: #53565a;
}

@media all and (max-width: 1000px) {
  img {
    max-width: 100%;
    height: auto;
  }
}

/*---------------------------------------------
  FontSize Initialization
---------------------------------------------*/
html {
  font-family: YakuHanMP,'Noto Sans JP', sans-serif;
  font-weight: 400;
}

body {
  font-size: 14px;
  letter-spacing: 0em;
  -webkit-text-size-adjust: 100%;
  background: #d8d5cc;
  color: #464646;
}

select,
input,
button,
textarea,
table {
  font-family: YakuHanMP,'Noto Sans JP', sans-serif;
  font-weight: 400;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

@media all and (max-width: 1000px) {
  .u-pc-only {
    display: none !important;
  }
}

@media screen and (min-width: 1001px), print {
  .u-sp-only {
    display: none !important;
  }
}

#wrap {
  -webkit-transition: 1s 0.2s;
  transition: 1s 0.2s;
  position: relative;
  overflow: hidden;
}

.u-up[data-scroll] {
  opacity: 0;
  -webkit-transition: 1.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  transition: 1.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}

.u-up[data-scroll="in"] {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}

.p-top02-story-box__ico[data-scroll],
.p-top03-story-box__ico[data-scroll] {
  opacity: 0;
  -webkit-transition: 1.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  transition: 1.3s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  -webkit-transform: translateY(10px);
          transform: translateY(10px);
}

.p-top02-story-box__ico[data-scroll="in"],
.p-top03-story-box__ico[data-scroll="in"] {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}

.u-more[data-scroll] {
  opacity: 0;
  -webkit-transition: 1.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  transition: 1.2s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
}

.u-more[data-scroll="in"] {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}

.u-txt[data-scroll] {
  -webkit-transition: opacity 1.4s linear 0s, -webkit-transform 1.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
  transition: opacity 1.4s linear 0s, -webkit-transform 1.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
  transition: opacity 1.4s linear 0s, transform 1.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
  transition: opacity 1.4s linear 0s, transform 1.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0s, -webkit-transform 1.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
  -webkit-transition-duration: 2s;
          transition-duration: 2s;
  opacity: 0;
  -webkit-transform: translateY(30px) translateX(30px) scale(1.1);
          transform: translateY(30px) translateX(30px) scale(1.1);
  -webkit-transform-origin: left top !important;
          transform-origin: left top !important;
}

.u-txt[data-scroll] p {
  -webkit-transition: opacity 1s linear 0s, -webkit-transform 2s ease-in-out 0s;
  transition: opacity 1s linear 0s, -webkit-transform 2s ease-in-out 0s;
  transition: opacity 1s linear 0s, transform 2s ease-in-out 0s;
  transition: opacity 1s linear 0s, transform 2s ease-in-out 0s, -webkit-transform 2s ease-in-out 0s;
}

.u-txt[data-scroll] p span {
  display: inline-block;
  opacity: 0;
  -webkit-transform: translate(10px, 10px) skew(-10deg, -20deg);
          transform: translate(10px, 10px) skew(-10deg, -20deg);
  -webkit-transition: opacity 0.4s linear 0s, -webkit-transform 1s linear 0s;
  transition: opacity 0.4s linear 0s, -webkit-transform 1s linear 0s;
  transition: opacity 0.4s linear 0s, transform 1s linear 0s;
  transition: opacity 0.4s linear 0s, transform 1s linear 0s, -webkit-transform 1s linear 0s;
}

.u-txt[data-scroll] p:nth-of-type(1) {
  -webkit-transform: rotate(5deg) translate(10px, 10px);
          transform: rotate(5deg) translate(10px, 10px);
}

.u-txt[data-scroll] p:nth-of-type(2) {
  -webkit-transform: rotate(-3deg) translate(-20px, -10px);
          transform: rotate(-3deg) translate(-20px, -10px);
}

.u-txt[data-scroll] p:nth-of-type(3) {
  -webkit-transform: rotate(3deg) translate(5px, 10px);
          transform: rotate(3deg) translate(5px, 10px);
}

.u-txt[data-scroll] p:nth-of-type(4) {
  -webkit-transform: rotate(-3deg) translate(-20px, -10px);
          transform: rotate(-3deg) translate(-20px, -10px);
}

.u-txt[data-scroll] p:nth-of-type(5) {
  -webkit-transform: rotate(6deg) translate(15px, 29px);
          transform: rotate(6deg) translate(15px, 29px);
}

.u-txt[data-scroll] p:nth-of-type(6) {
  -webkit-transform: rotate(1deg) translate(5px, 10px);
          transform: rotate(1deg) translate(5px, 10px);
}

.u-txt[data-scroll] p:nth-of-type(1) span:nth-of-type(1) {
  -webkit-transition-delay: 0.07s;
          transition-delay: 0.07s;
}

.u-txt[data-scroll] p:nth-of-type(1) span:nth-of-type(2) {
  -webkit-transition-delay: 0.14s;
          transition-delay: 0.14s;
}

.u-txt[data-scroll] p:nth-of-type(1) span:nth-of-type(3) {
  -webkit-transition-delay: 0.21s;
          transition-delay: 0.21s;
}

.u-txt[data-scroll] p:nth-of-type(1) span:nth-of-type(4) {
  -webkit-transition-delay: 0.28s;
          transition-delay: 0.28s;
}

.u-txt[data-scroll] p:nth-of-type(1) span:nth-of-type(5) {
  -webkit-transition-delay: 0.35s;
          transition-delay: 0.35s;
}

.u-txt[data-scroll] p:nth-of-type(1) span:nth-of-type(6) {
  -webkit-transition-delay: 0.42s;
          transition-delay: 0.42s;
}

.u-txt[data-scroll] p:nth-of-type(1) span:nth-of-type(7) {
  -webkit-transition-delay: 0.49s;
          transition-delay: 0.49s;
}

.u-txt[data-scroll] p:nth-of-type(1) span:nth-of-type(8) {
  -webkit-transition-delay: 0.56s;
          transition-delay: 0.56s;
}

.u-txt[data-scroll] p:nth-of-type(1) span:nth-of-type(9) {
  -webkit-transition-delay: 0.63s;
          transition-delay: 0.63s;
}

.u-txt[data-scroll] p:nth-of-type(1) span:nth-of-type(10) {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}

.u-txt[data-scroll] p:nth-of-type(1) span:nth-of-type(11) {
  -webkit-transition-delay: 0.77s;
          transition-delay: 0.77s;
}

.u-txt[data-scroll] p:nth-of-type(1) span:nth-of-type(12) {
  -webkit-transition-delay: 0.84s;
          transition-delay: 0.84s;
}

.u-txt[data-scroll] p:nth-of-type(1) span:nth-of-type(13) {
  -webkit-transition-delay: 0.91s;
          transition-delay: 0.91s;
}

.u-txt[data-scroll] p:nth-of-type(1) span:nth-of-type(14) {
  -webkit-transition-delay: 0.98s;
          transition-delay: 0.98s;
}

.u-txt[data-scroll] p:nth-of-type(1) span:nth-of-type(15) {
  -webkit-transition-delay: 1.05s;
          transition-delay: 1.05s;
}

.u-txt[data-scroll] p:nth-of-type(1) span:nth-of-type(16) {
  -webkit-transition-delay: 1.12s;
          transition-delay: 1.12s;
}

.u-txt[data-scroll] p:nth-of-type(1) span:nth-of-type(17) {
  -webkit-transition-delay: 1.19s;
          transition-delay: 1.19s;
}

.u-txt[data-scroll] p:nth-of-type(1) span:nth-of-type(18) {
  -webkit-transition-delay: 1.26s;
          transition-delay: 1.26s;
}

.u-txt[data-scroll] p:nth-of-type(1) span:nth-of-type(19) {
  -webkit-transition-delay: 1.33s;
          transition-delay: 1.33s;
}

.u-txt[data-scroll] p:nth-of-type(1) span:nth-of-type(20) {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}

.u-txt[data-scroll] p:nth-of-type(2) span:nth-of-type(1) {
  -webkit-transition-delay: 0.17s;
          transition-delay: 0.17s;
}

.u-txt[data-scroll] p:nth-of-type(2) span:nth-of-type(2) {
  -webkit-transition-delay: 0.24s;
          transition-delay: 0.24s;
}

.u-txt[data-scroll] p:nth-of-type(2) span:nth-of-type(3) {
  -webkit-transition-delay: 0.31s;
          transition-delay: 0.31s;
}

.u-txt[data-scroll] p:nth-of-type(2) span:nth-of-type(4) {
  -webkit-transition-delay: 0.38s;
          transition-delay: 0.38s;
}

.u-txt[data-scroll] p:nth-of-type(2) span:nth-of-type(5) {
  -webkit-transition-delay: 0.45s;
          transition-delay: 0.45s;
}

.u-txt[data-scroll] p:nth-of-type(2) span:nth-of-type(6) {
  -webkit-transition-delay: 0.52s;
          transition-delay: 0.52s;
}

.u-txt[data-scroll] p:nth-of-type(2) span:nth-of-type(7) {
  -webkit-transition-delay: 0.59s;
          transition-delay: 0.59s;
}

.u-txt[data-scroll] p:nth-of-type(2) span:nth-of-type(8) {
  -webkit-transition-delay: 0.66s;
          transition-delay: 0.66s;
}

.u-txt[data-scroll] p:nth-of-type(2) span:nth-of-type(9) {
  -webkit-transition-delay: 0.73s;
          transition-delay: 0.73s;
}

.u-txt[data-scroll] p:nth-of-type(2) span:nth-of-type(10) {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
}

.u-txt[data-scroll] p:nth-of-type(2) span:nth-of-type(11) {
  -webkit-transition-delay: 0.87s;
          transition-delay: 0.87s;
}

.u-txt[data-scroll] p:nth-of-type(2) span:nth-of-type(12) {
  -webkit-transition-delay: 0.94s;
          transition-delay: 0.94s;
}

.u-txt[data-scroll] p:nth-of-type(2) span:nth-of-type(13) {
  -webkit-transition-delay: 1.01s;
          transition-delay: 1.01s;
}

.u-txt[data-scroll] p:nth-of-type(2) span:nth-of-type(14) {
  -webkit-transition-delay: 1.08s;
          transition-delay: 1.08s;
}

.u-txt[data-scroll] p:nth-of-type(2) span:nth-of-type(15) {
  -webkit-transition-delay: 1.15s;
          transition-delay: 1.15s;
}

.u-txt[data-scroll] p:nth-of-type(2) span:nth-of-type(16) {
  -webkit-transition-delay: 1.22s;
          transition-delay: 1.22s;
}

.u-txt[data-scroll] p:nth-of-type(2) span:nth-of-type(17) {
  -webkit-transition-delay: 1.29s;
          transition-delay: 1.29s;
}

.u-txt[data-scroll] p:nth-of-type(2) span:nth-of-type(18) {
  -webkit-transition-delay: 1.36s;
          transition-delay: 1.36s;
}

.u-txt[data-scroll] p:nth-of-type(2) span:nth-of-type(19) {
  -webkit-transition-delay: 1.43s;
          transition-delay: 1.43s;
}

.u-txt[data-scroll] p:nth-of-type(2) span:nth-of-type(20) {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}

.u-txt[data-scroll] p:nth-of-type(3) span:nth-of-type(1) {
  -webkit-transition-delay: 0.22s;
          transition-delay: 0.22s;
}

.u-txt[data-scroll] p:nth-of-type(3) span:nth-of-type(2) {
  -webkit-transition-delay: 0.29s;
          transition-delay: 0.29s;
}

.u-txt[data-scroll] p:nth-of-type(3) span:nth-of-type(3) {
  -webkit-transition-delay: 0.36s;
          transition-delay: 0.36s;
}

.u-txt[data-scroll] p:nth-of-type(3) span:nth-of-type(4) {
  -webkit-transition-delay: 0.43s;
          transition-delay: 0.43s;
}

.u-txt[data-scroll] p:nth-of-type(3) span:nth-of-type(5) {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}

.u-txt[data-scroll] p:nth-of-type(3) span:nth-of-type(6) {
  -webkit-transition-delay: 0.57s;
          transition-delay: 0.57s;
}

.u-txt[data-scroll] p:nth-of-type(3) span:nth-of-type(7) {
  -webkit-transition-delay: 0.64s;
          transition-delay: 0.64s;
}

.u-txt[data-scroll] p:nth-of-type(3) span:nth-of-type(8) {
  -webkit-transition-delay: 0.71s;
          transition-delay: 0.71s;
}

.u-txt[data-scroll] p:nth-of-type(3) span:nth-of-type(9) {
  -webkit-transition-delay: 0.78s;
          transition-delay: 0.78s;
}

.u-txt[data-scroll] p:nth-of-type(3) span:nth-of-type(10) {
  -webkit-transition-delay: 0.85s;
          transition-delay: 0.85s;
}

.u-txt[data-scroll] p:nth-of-type(3) span:nth-of-type(11) {
  -webkit-transition-delay: 0.92s;
          transition-delay: 0.92s;
}

.u-txt[data-scroll] p:nth-of-type(3) span:nth-of-type(12) {
  -webkit-transition-delay: 0.99s;
          transition-delay: 0.99s;
}

.u-txt[data-scroll] p:nth-of-type(3) span:nth-of-type(13) {
  -webkit-transition-delay: 1.06s;
          transition-delay: 1.06s;
}

.u-txt[data-scroll] p:nth-of-type(3) span:nth-of-type(14) {
  -webkit-transition-delay: 1.13s;
          transition-delay: 1.13s;
}

.u-txt[data-scroll] p:nth-of-type(3) span:nth-of-type(15) {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
}

.u-txt[data-scroll] p:nth-of-type(3) span:nth-of-type(16) {
  -webkit-transition-delay: 1.27s;
          transition-delay: 1.27s;
}

.u-txt[data-scroll] p:nth-of-type(3) span:nth-of-type(17) {
  -webkit-transition-delay: 1.34s;
          transition-delay: 1.34s;
}

.u-txt[data-scroll] p:nth-of-type(3) span:nth-of-type(18) {
  -webkit-transition-delay: 1.41s;
          transition-delay: 1.41s;
}

.u-txt[data-scroll] p:nth-of-type(3) span:nth-of-type(19) {
  -webkit-transition-delay: 1.48s;
          transition-delay: 1.48s;
}

.u-txt[data-scroll] p:nth-of-type(3) span:nth-of-type(20) {
  -webkit-transition-delay: 1.55s;
          transition-delay: 1.55s;
}

.u-txt[data-scroll] p:nth-of-type(4) span:nth-of-type(1) {
  -webkit-transition-delay: 0.27s;
          transition-delay: 0.27s;
}

.u-txt[data-scroll] p:nth-of-type(4) span:nth-of-type(2) {
  -webkit-transition-delay: 0.34s;
          transition-delay: 0.34s;
}

.u-txt[data-scroll] p:nth-of-type(4) span:nth-of-type(3) {
  -webkit-transition-delay: 0.41s;
          transition-delay: 0.41s;
}

.u-txt[data-scroll] p:nth-of-type(4) span:nth-of-type(4) {
  -webkit-transition-delay: 0.48s;
          transition-delay: 0.48s;
}

.u-txt[data-scroll] p:nth-of-type(4) span:nth-of-type(5) {
  -webkit-transition-delay: 0.55s;
          transition-delay: 0.55s;
}

.u-txt[data-scroll] p:nth-of-type(4) span:nth-of-type(6) {
  -webkit-transition-delay: 0.62s;
          transition-delay: 0.62s;
}

.u-txt[data-scroll] p:nth-of-type(4) span:nth-of-type(7) {
  -webkit-transition-delay: 0.69s;
          transition-delay: 0.69s;
}

.u-txt[data-scroll] p:nth-of-type(4) span:nth-of-type(8) {
  -webkit-transition-delay: 0.76s;
          transition-delay: 0.76s;
}

.u-txt[data-scroll] p:nth-of-type(4) span:nth-of-type(9) {
  -webkit-transition-delay: 0.83s;
          transition-delay: 0.83s;
}

.u-txt[data-scroll] p:nth-of-type(4) span:nth-of-type(10) {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}

.u-txt[data-scroll] p:nth-of-type(4) span:nth-of-type(11) {
  -webkit-transition-delay: 0.97s;
          transition-delay: 0.97s;
}

.u-txt[data-scroll] p:nth-of-type(4) span:nth-of-type(12) {
  -webkit-transition-delay: 1.04s;
          transition-delay: 1.04s;
}

.u-txt[data-scroll] p:nth-of-type(4) span:nth-of-type(13) {
  -webkit-transition-delay: 1.11s;
          transition-delay: 1.11s;
}

.u-txt[data-scroll] p:nth-of-type(4) span:nth-of-type(14) {
  -webkit-transition-delay: 1.18s;
          transition-delay: 1.18s;
}

.u-txt[data-scroll] p:nth-of-type(4) span:nth-of-type(15) {
  -webkit-transition-delay: 1.25s;
          transition-delay: 1.25s;
}

.u-txt[data-scroll] p:nth-of-type(4) span:nth-of-type(16) {
  -webkit-transition-delay: 1.32s;
          transition-delay: 1.32s;
}

.u-txt[data-scroll] p:nth-of-type(4) span:nth-of-type(17) {
  -webkit-transition-delay: 1.39s;
          transition-delay: 1.39s;
}

.u-txt[data-scroll] p:nth-of-type(4) span:nth-of-type(18) {
  -webkit-transition-delay: 1.46s;
          transition-delay: 1.46s;
}

.u-txt[data-scroll] p:nth-of-type(4) span:nth-of-type(19) {
  -webkit-transition-delay: 1.53s;
          transition-delay: 1.53s;
}

.u-txt[data-scroll] p:nth-of-type(4) span:nth-of-type(20) {
  -webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
}

.u-txt[data-scroll] p:nth-of-type(5) span:nth-of-type(1) {
  -webkit-transition-delay: 0.07s;
          transition-delay: 0.07s;
}

.u-txt[data-scroll] p:nth-of-type(5) span:nth-of-type(2) {
  -webkit-transition-delay: 0.14s;
          transition-delay: 0.14s;
}

.u-txt[data-scroll] p:nth-of-type(5) span:nth-of-type(3) {
  -webkit-transition-delay: 0.21s;
          transition-delay: 0.21s;
}

.u-txt[data-scroll] p:nth-of-type(5) span:nth-of-type(4) {
  -webkit-transition-delay: 0.28s;
          transition-delay: 0.28s;
}

.u-txt[data-scroll] p:nth-of-type(5) span:nth-of-type(5) {
  -webkit-transition-delay: 0.35s;
          transition-delay: 0.35s;
}

.u-txt[data-scroll] p:nth-of-type(5) span:nth-of-type(6) {
  -webkit-transition-delay: 0.42s;
          transition-delay: 0.42s;
}

.u-txt[data-scroll] p:nth-of-type(5) span:nth-of-type(7) {
  -webkit-transition-delay: 0.49s;
          transition-delay: 0.49s;
}

.u-txt[data-scroll] p:nth-of-type(5) span:nth-of-type(8) {
  -webkit-transition-delay: 0.56s;
          transition-delay: 0.56s;
}

.u-txt[data-scroll] p:nth-of-type(5) span:nth-of-type(9) {
  -webkit-transition-delay: 0.63s;
          transition-delay: 0.63s;
}

.u-txt[data-scroll] p:nth-of-type(5) span:nth-of-type(10) {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}

.u-txt[data-scroll] p:nth-of-type(5) span:nth-of-type(11) {
  -webkit-transition-delay: 0.77s;
          transition-delay: 0.77s;
}

.u-txt[data-scroll] p:nth-of-type(5) span:nth-of-type(12) {
  -webkit-transition-delay: 0.84s;
          transition-delay: 0.84s;
}

.u-txt[data-scroll] p:nth-of-type(5) span:nth-of-type(13) {
  -webkit-transition-delay: 0.91s;
          transition-delay: 0.91s;
}

.u-txt[data-scroll] p:nth-of-type(5) span:nth-of-type(14) {
  -webkit-transition-delay: 0.98s;
          transition-delay: 0.98s;
}

.u-txt[data-scroll] p:nth-of-type(5) span:nth-of-type(15) {
  -webkit-transition-delay: 1.05s;
          transition-delay: 1.05s;
}

.u-txt[data-scroll] p:nth-of-type(5) span:nth-of-type(16) {
  -webkit-transition-delay: 1.12s;
          transition-delay: 1.12s;
}

.u-txt[data-scroll] p:nth-of-type(5) span:nth-of-type(17) {
  -webkit-transition-delay: 1.19s;
          transition-delay: 1.19s;
}

.u-txt[data-scroll] p:nth-of-type(5) span:nth-of-type(18) {
  -webkit-transition-delay: 1.26s;
          transition-delay: 1.26s;
}

.u-txt[data-scroll] p:nth-of-type(5) span:nth-of-type(19) {
  -webkit-transition-delay: 1.33s;
          transition-delay: 1.33s;
}

.u-txt[data-scroll] p:nth-of-type(5) span:nth-of-type(20) {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}

.u-txt[data-scroll] p:nth-of-type(6) span:nth-of-type(1) {
  -webkit-transition-delay: 0.27s;
          transition-delay: 0.27s;
}

.u-txt[data-scroll] p:nth-of-type(6) span:nth-of-type(2) {
  -webkit-transition-delay: 0.34s;
          transition-delay: 0.34s;
}

.u-txt[data-scroll] p:nth-of-type(6) span:nth-of-type(3) {
  -webkit-transition-delay: 0.41s;
          transition-delay: 0.41s;
}

.u-txt[data-scroll] p:nth-of-type(6) span:nth-of-type(4) {
  -webkit-transition-delay: 0.48s;
          transition-delay: 0.48s;
}

.u-txt[data-scroll] p:nth-of-type(6) span:nth-of-type(5) {
  -webkit-transition-delay: 0.55s;
          transition-delay: 0.55s;
}

.u-txt[data-scroll] p:nth-of-type(6) span:nth-of-type(6) {
  -webkit-transition-delay: 0.62s;
          transition-delay: 0.62s;
}

.u-txt[data-scroll] p:nth-of-type(6) span:nth-of-type(7) {
  -webkit-transition-delay: 0.69s;
          transition-delay: 0.69s;
}

.u-txt[data-scroll] p:nth-of-type(6) span:nth-of-type(8) {
  -webkit-transition-delay: 0.76s;
          transition-delay: 0.76s;
}

.u-txt[data-scroll] p:nth-of-type(6) span:nth-of-type(9) {
  -webkit-transition-delay: 0.83s;
          transition-delay: 0.83s;
}

.u-txt[data-scroll] p:nth-of-type(6) span:nth-of-type(10) {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}

.u-txt[data-scroll] p:nth-of-type(6) span:nth-of-type(11) {
  -webkit-transition-delay: 0.97s;
          transition-delay: 0.97s;
}

.u-txt[data-scroll] p:nth-of-type(6) span:nth-of-type(12) {
  -webkit-transition-delay: 1.04s;
          transition-delay: 1.04s;
}

.u-txt[data-scroll] p:nth-of-type(6) span:nth-of-type(13) {
  -webkit-transition-delay: 1.11s;
          transition-delay: 1.11s;
}

.u-txt[data-scroll] p:nth-of-type(6) span:nth-of-type(14) {
  -webkit-transition-delay: 1.18s;
          transition-delay: 1.18s;
}

.u-txt[data-scroll] p:nth-of-type(6) span:nth-of-type(15) {
  -webkit-transition-delay: 1.25s;
          transition-delay: 1.25s;
}

.u-txt[data-scroll] p:nth-of-type(6) span:nth-of-type(16) {
  -webkit-transition-delay: 1.32s;
          transition-delay: 1.32s;
}

.u-txt[data-scroll] p:nth-of-type(6) span:nth-of-type(17) {
  -webkit-transition-delay: 1.39s;
          transition-delay: 1.39s;
}

.u-txt[data-scroll] p:nth-of-type(6) span:nth-of-type(18) {
  -webkit-transition-delay: 1.46s;
          transition-delay: 1.46s;
}

.u-txt[data-scroll] p:nth-of-type(6) span:nth-of-type(19) {
  -webkit-transition-delay: 1.53s;
          transition-delay: 1.53s;
}

.u-txt[data-scroll] p:nth-of-type(6) span:nth-of-type(20) {
  -webkit-transition-delay: 1.6s;
          transition-delay: 1.6s;
}

.u-txt[data-scroll="in"] {
  opacity: 1;
  -webkit-transform: translateY(0) scale(1);
          transform: translateY(0) scale(1);
}

.u-txt[data-scroll="in"] p:nth-of-type(1),
.u-txt[data-scroll="in"] p:nth-of-type(2),
.u-txt[data-scroll="in"] p:nth-of-type(3),
.u-txt[data-scroll="in"] p:nth-of-type(4),
.u-txt[data-scroll="in"] p:nth-of-type(5),
.u-txt[data-scroll="in"] p:nth-of-type(6) {
  opacity: 1;
  -webkit-transform: rotate(0deg) translate(0px, 0px);
          transform: rotate(0deg) translate(0px, 0px);
}

.u-txt[data-scroll="in"] p {
  opacity: 1;
  -webkit-transform: rotate(0deg) translate(0px, 0px);
          transform: rotate(0deg) translate(0px, 0px);
}

.u-txt[data-scroll="in"] p span {
  -webkit-transform: translate(0px, 0px) skew(0deg, 0deg);
          transform: translate(0px, 0px) skew(0deg, 0deg);
  opacity: 1;
}

.u-txt02[data-scroll] span {
  position: relative;
  overflow: hidden;
  display: block;
  -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
  -webkit-transition: 0.7s cubic-bezier(0.31, -0.01, 0.18, 0.97);
  transition: 0.7s cubic-bezier(0.31, -0.01, 0.18, 0.97);
  -webkit-transform-origin: top bottom;
          transform-origin: top bottom;
}

.u-txt02[data-scroll] span:nth-of-type(2):after {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.u-txt02[data-scroll="in"] span {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  will-change: auto;
}

.u-txt02[data-scroll="in"] span:after {
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}

.u-txt03[data-scroll] {
  opacity: 0;
  -webkit-transform: translateY(30px) translateX(0px) scale(1.1);
          transform: translateY(30px) translateX(0px) scale(1.1);
  -webkit-transform-origin: left top !important;
          transform-origin: left top !important;
  -webkit-transition: opacity 1s linear 0s, -webkit-transform 1.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
  transition: opacity 1s linear 0s, -webkit-transform 1.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
  transition: opacity 1s linear 0s, transform 1.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
  transition: opacity 1s linear 0s, transform 1.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0s, -webkit-transform 1.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
  -webkit-transition-duration: 1.5s;
          transition-duration: 1.5s;
}

.u-txt03[data-scroll="in"] {
  opacity: 1;
  -webkit-transform: translateY(0) scale(1);
          transform: translateY(0) scale(1);
}

.p-top02-box2[data-scroll] figure,
.u-photo[data-scroll] {
  overflow: hidden;
  position: relative;
  opacity: 0;
  -webkit-transition: 2s;
  transition: 2s;
}

.p-top02-box2[data-scroll] figure:after,
.u-photo[data-scroll]:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transition: 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.p-top02-box2[data-scroll] figure.bg:after,
.u-photo[data-scroll].bg:after {
  background: #d8d5cc;
}

.p-top02-box2[data-scroll] figure img,
.u-photo[data-scroll] img {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: 4s;
  transition: 4s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.p-top02-box2[data-scroll="in"] figure,
.u-photo[data-scroll="in"] {
  opacity: 1;
}

.p-top02-box2[data-scroll="in"] figure:after,
.u-photo[data-scroll="in"]:after {
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

.p-top02-box2[data-scroll="in"] figure img,
.u-photo[data-scroll="in"] img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.u-photo02[data-scroll] {
  overflow: hidden;
  position: relative;
  opacity: 0;
  -webkit-transition: 2s;
  transition: 2s;
}

.u-photo02[data-scroll]:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: -1px;
  width: 102%;
  height: 100%;
  background: #fff;
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.u-photo02[data-scroll] img {
  -webkit-transform: scale(1.15);
          transform: scale(1.15);
  -webkit-transition: 5s;
  transition: 5s;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}

.u-photo02[data-scroll="in"] {
  opacity: 1;
}

.u-photo02[data-scroll="in"]:after {
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}

.u-photo02[data-scroll="in"] img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.p-top02-box[data-scroll]:after {
  overflow: hidden;
  display: block;
  -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
  -webkit-transition: 2s cubic-bezier(0.31, -0.01, 0.18, 0.97);
  transition: 2s cubic-bezier(0.31, -0.01, 0.18, 0.97);
  -webkit-transform-origin: top bottom;
          transform-origin: top bottom;
}

.p-top02-box[data-scroll="in"]:after {
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  will-change: auto;
}

body.fixed {
  width: 100%;
  height: 100%;
  position: fixed;
}

.u-btn01 {
  display: block;
  position: relative;
  border: solid 1px;
  border-radius: 64px;
}

.u-btn01 span {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  display: block;
  letter-spacing: 0.2em;
  line-height: 2.8;
}

@media all and (max-width: 1000px) {
  .u-btn01 {
    margin: 8vw auto 0vw;
    width: 68.53333vw;
  }
  .u-btn01 span {
    font-size: 12px;
    font-size: 3.2vw;
  }
}

.u-more.u-btn01:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -20px;
  left: 50%;
  width: 7px;
  height: 7px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  opacity: 1;
  margin: 0 0 0 -1px;
  -webkit-transform: rotate(45deg) scale(0);
          transform: rotate(45deg) scale(0);
  -webkit-transform-origin: top center;
          transform-origin: top center;
}

.u-more.u-btn01:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -20px;
  left: 50%;
  width: 1px;
  height: 13px;
  background: #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  overflow: hidden;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  -webkit-transform-origin: top center;
          transform-origin: top center;
}

.u-more.u-btn01.act:after {
  -webkit-transform: scaleY(1);
          transform: scaleY(1);
}

.u-more.u-btn01.act:before {
  -webkit-transform: rotate(45deg) scale(1);
          transform: rotate(45deg) scale(1);
  -webkit-transition: 0.3s 0.3s;
  transition: 0.3s 0.3s;
}

@media screen and (min-width: 1001px), print {
  .u-more.u-btn01:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 7px;
    height: 7px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    opacity: 1;
    margin: 0 0 0 -1px;
    -webkit-transform: rotate(45deg) scale(0);
            transform: rotate(45deg) scale(0);
    -webkit-transform-origin: top center;
            transform-origin: top center;
  }
  .u-more.u-btn01:after {
    content: "";
    display: block;
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 1px;
    height: 13px;
    background: #000;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    overflow: hidden;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: top center;
            transform-origin: top center;
  }
  .u-more.u-btn01.act:after, .u-more.u-btn01:hover:after {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  .u-more.u-btn01.act:before, .u-more.u-btn01:hover:before {
    -webkit-transform: rotate(45deg) scale(1);
            transform: rotate(45deg) scale(1);
    -webkit-transition: 0.3s 0.3s;
    transition: 0.3s 0.3s;
  }
}

@media all and (max-width: 1000px) {
  .p-content {
    margin: 29.33333vw 0vw 0vw 0vw;
  }
}

.p-mv {
  position: relative;
  /*
  @media screen and (min-width: 1001px),print {
    padding : 155px 0 0;
    &__inner{
      position : relative;
      width : 1000px;
      margin : 0 auto;
    }
    &__tit{
      img{
        width : 967px;
      }
    }
    &__txt {
      font-size: 12px;
      display : block;
      position: absolute;
      top : 270px;
      left : 40px;
    }
  }
  */
}

.p-mv__tit {
  text-align: center;
  position: relative;
  z-index: 1;
}

.p-mv__tit img {
  display: inline-block;
}

.p-mv__txt {
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.9;
  letter-spacing: 0.2em;
}

.p-mv__txt p {
  line-height: 2.9;
}

@media all and (max-width: 1000px) {
  .p-mv {
    padding: 0vw 0vw 13.33333vw 0vw;
  }
  .p-mv__tit img {
    width: 85.33333vw;
  }
  .p-mv__txt {
    font-size: 11px;
    font-size: 2.93333vw;
    padding: 12vw 0vw 0vw 16.8vw;
  }
}

@media screen and (min-width: 1001px), print {
  .p-mv {
    padding: 12.10938vw 0vw 0vw 0vw;
  }
  .p-mv__inner {
    position: relative;
    width: 78.125vw;
    margin: 0 auto;
  }
  .p-mv__tit img {
    width: 75.54688vw;
  }
  .p-mv__txt {
    font-size: 12px;
    font-size: 12px;
    font-size: 0.9375vw;
    display: block;
    position: absolute;
    top: 21.09375vw;
    left: 3.125vw;
  }
}

.p-top01 {
  position: relative;
  z-index: 1;
  /*
  @media screen and (min-width: 1001px),print {
    margin : 100px 0 0;
    padding: 800px 0 0px;
    &__inner {
      width : 1000px;
      margin : 0 auto;
      position: relative;
      min-height : 675px;
    }
    &__innerwrap{
      position : relative;
      z-index: 2;
      background: #d8d5cc;
    }
    &__photo{
      position : absolute;
      top : 0;
      width : 100%;
      height : 800px;
      overflow : hidden;
      video{
        width : 100%;
        height : 800px;
        object-fit: cover;
      }
      &.act{
        position : fixed;
      }
    }
    &__tit {
      img {
        width: 438px;
      }
    }
    &__txt {
      position : absolute;
      top : -400px;
      right : 0;
      width: 260px;
      font-size: 15px;
      line-height: 2.5;
      z-index: 2;
    }
    &__txt2 {
      position: absolute;
      left : 10px;
      top : 148px;
      font-size: 12px;
    }

    &__photo2 {
      position: absolute!important;
      left : 345px;
      top : 268px;
      width : 260px;
      z-index: 2;
    }
    &__photo3 {
      position: absolute!important;
      left : 668px;
      top : 108px;
      width : 474px;
    }
  }
  */
}

.p-top01__tit {
  text-align: center;
  line-height: 1;
  position: relative;
  z-index: 1;
}

.p-top01__tit img {
  display: inline-block;
}

.p-top01__txt {
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.9;
  letter-spacing: 0.2em;
}

.p-top01__txt p {
  line-height: 2.9;
}

.p-top01__txt2 {
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.9;
  letter-spacing: 0.2em;
}

.p-top01__txt2 p {
  line-height: 2.9;
}

@media all and (max-width: 1000px) {
  .p-top01 {
    padding: 0vw 0vw 0vw 0vw;
    height: 329.33333vw;
  }
  .p-top01:after {
    content: "";
    display: block;
    position: absolute;
    top: 100vw;
    width: 100%;
    height: 189.33333vw;
    z-index: 1;
    background: #d8d5cc;
  }
  .p-top01__txt {
    position: absolute;
    left: 48vw;
    top: 56vw;
    font-size: 11px;
    font-size: 2.93333vw;
    z-index: 3;
  }
  .p-top01__txt2 {
    position: absolute;
    left: 16vw;
    font-size: 11px;
    font-size: 2.93333vw;
    z-index: 3;
    top: 93.33333vw;
  }
  .p-top01-fixpoint {
    position: absolute;
    top: 81.33333vw;
    width: 100%;
    height: 189.33333vw;
    width: 100%;
  }
  .p-top01__innerwrap {
    position: relative;
    z-index: 2;
    background: #d8d5cc;
    top: auto;
    width: 100%;
  }
  .p-top01__innerwrap.act {
    position: fixed;
    top: 0;
  }
  .p-top01__photo {
    position: absolute;
    top: 0;
    width: 100%;
    height: 73.33333vw;
    overflow: hidden;
  }
  .p-top01__photo video {
    width: 100%;
    height: 73.33333vw;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .p-top01__photo.act {
    position: fixed;
  }
  .p-top01__photo2 {
    position: absolute !important;
    left: 8vw;
    top: 89.33333vw;
    width: 34.66667vw;
    z-index: 3;
  }
  .p-top01__photo3 {
    position: absolute !important;
    left: 16vw;
    top: 21.33333vw;
    width: 89.06667vw;
    z-index: 3;
  }
}

@media screen and (min-width: 1001px), print {
  .p-top01 {
    margin: 7.8125vw 0vw 0vw 0vw;
    padding: 39.0625vw 0vw 0vw 0vw;
  }
  .p-top01-fixpoint {
    min-height: 90.23438vw;
    width: 100%;
  }
  .p-top01__inner {
    width: 78.125vw;
    margin: 0 auto;
    position: relative;
    width: 78.125vw;
    min-height: 51.17188vw;
  }
  .p-top01__innerwrap {
    position: relative;
    z-index: 2;
    background: #d8d5cc;
    top: auto;
    width: 100%;
  }
  .p-top01__innerwrap.act {
    position: fixed;
    top: 0;
  }
  .p-top01__photo {
    position: absolute;
    top: 0;
    width: 100%;
    height: 39.0625vw;
    overflow: hidden;
  }
  .p-top01__photo video {
    width: 100%;
    height: 39.0625vw;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .p-top01__photo.act {
    position: fixed;
  }
  .p-top01__tit img {
    width: 34.21875vw;
  }
  .p-top01__txt {
    position: absolute;
    right: 0;
    top: -25vw;
    width: 20.3125vw;
    font-size: 12px;
    font-size: 0.9375vw;
    line-height: 2.7;
    z-index: 2;
  }
  .p-top01__txt p {
    line-height: 3.3;
  }
  .p-top01__txt2 {
    position: absolute;
    left: 0.78125vw;
    top: 13.90625vw;
    font-size: 12px;
    font-size: 0.9375vw;
  }
  .p-top01__photo2 {
    position: absolute !important;
    z-index: 2;
    left: 26.95312vw;
    top: 20.9375vw;
    width: 20.3125vw;
  }
  .p-top01__photo3 {
    position: absolute !important;
    left: 38.125vw;
    top: 8.4375vw;
    width: 53.59375vw;
  }
}

.p-top02 {
  background: #fff;
  position: relative;
  z-index: 2;
}

.p-top02__tit {
  text-align: center;
  position: relative;
  z-index: 1;
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  display: block;
  letter-spacing: 0.2em;
  line-height: 2.4;
}

.p-top02__tit2 {
  text-align: center;
  position: relative;
  z-index: 1;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  display: block;
  letter-spacing: 0.2em;
  line-height: 1.6;
}

.p-top02__tit3 {
  text-align: center;
  line-height: 1;
  position: relative;
  z-index: 1;
}

.p-top02__tit3 .jp {
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  display: block;
  letter-spacing: 0.2em;
  line-height: 1.6;
}

.p-top02__tit3 .en {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  display: block;
  letter-spacing: 0.2em;
  line-height: 1.6;
}

.p-top02-item__tit {
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  display: block;
  letter-spacing: 0.2em;
  line-height: 1.8;
}

.p-top02-item__tit .jp {
  display: block;
}

.p-top02-item__tit .en {
  display: block;
}

.p-top02-item__txt {
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  display: block;
  letter-spacing: 0.1em;
  line-height: 2;
}

.p-top02-story {
  text-align: center;
}

.p-top02-story__tit {
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  display: block;
  letter-spacing: 0.2em;
  line-height: 1.6;
}

.p-top02-story__txt {
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  display: block;
  letter-spacing: 0.2em;
  line-height: 1.6;
}

.p-top02-story__txt p {
  line-height: 1.6;
}

.p-top02-story-box__ico {
  display: block;
  left: 0;
  top: 0;
  position: absolute;
}

.p-top02-box2 {
  position: relative;
  z-index: 100;
}

.p-top02-movie-item {
  position: relative;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 100;
}

.p-top02-movie-item a {
  position: relative;
  display: block;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.p-top02-movie-item a:after {
  content: "";
  display: block;
  position: absolute;
  top: 55%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 2.8125vw;
  height: 2.8125vw;
  background: url(../img/ico_play.svg) center center;
  background-size: contain;
  z-index: 2;
}

.p-top02-movie-item a:hover {
  opacity: 0.7;
}

@media all and (max-width: 1000px) {
  .p-top02 {
    padding: 0vw 12vw 8vw 12vw;
  }
  .p-top02-box {
    padding: 10.66667vw 0vw 0vw 0vw;
    text-align: center;
    position: relative;
  }
  .p-top02-box:after {
    content: "";
    display: block;
    position: absolute;
    margin: 18.66667vw 0vw 0vw 0vw;
    top: 50%;
    left: 50%;
    width: 144.53333vw;
    height: 145.6vw;
    background: url(../img/bg_03.svg) center center no-repeat;
    background-size: contain;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 1;
  }
  .p-top02-box2 {
    padding: 13.33333vw 0vw 0vw 0vw;
  }
  .p-top02-box3 {
    padding: 13.33333vw 0vw 0vw 0vw;
  }
  .p-top02__tit {
    text-align: center;
    font-size: 13px;
    font-size: 3.46667vw;
    line-height: 2.2;
  }
  .p-top02__tit2 {
    text-align: center;
    font-size: 10px;
    font-size: 2.66667vw;
    padding: 0vw 0vw 2.66667vw 0vw;
  }
  .p-top02__tit3 .jp {
    font-size: 10px;
    font-size: 2.66667vw;
    padding: 1.33333vw 0vw 0vw 0vw;
  }
  .p-top02__tit3 .en {
    font-size: 14px;
    font-size: 3.73333vw;
    padding: 0vw -2.66667vw 0vw -2.66667vw;
  }
  .p-top02-movie-item {
    margin: 1.33333vw -4vw 0vw -4vw;
  }
  .p-top02-movie-item a:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 4.8vw;
    height: 4.8vw;
    background: url(../img/ico_play.svg) center center;
    background-size: contain;
    z-index: 2;
  }
  .p-top02-item {
    margin: 8vw auto 0vw;
    background: url(../img/bg_02.svg) center center no-repeat;
    height: 55.46667vw;
    width: 55.46667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
    z-index: 2;
  }
  .p-top02-item__tit .jp {
    font-size: 12px;
    font-size: 3.2vw;
  }
  .p-top02-item__tit .en {
    font-size: 10px;
    font-size: 2.66667vw;
  }
  .p-top02-item__txt {
    padding: 5.33333vw 0vw 2.66667vw 0vw;
    display: block;
    width: 100%;
    font-size: 11px;
    font-size: 2.93333vw;
  }
  .p-top02-story {
    padding: 6.66667vw 0vw 0vw 0vw;
  }
  .p-top02-story-box {
    position: relative;
  }
  .p-top02-story-box__ico {
    display: block;
    position: absolute;
    width: 10.66667vw;
    left: 16vw;
    top: 5.33333vw;
  }
  .p-top02-story__tit {
    font-size: 15px;
    font-size: 4vw;
    padding: 1.33333vw 0vw 0vw 0vw;
  }
  .p-top02-story__tit .en {
    display: block;
    margin: 0 auto;
    padding: 5.33333vw 0vw 4.8vw 0vw;
  }
  .p-top02-story__tit .en.type1 {
    padding: 2.66667vw 0vw 4.8vw 0vw;
    width: 9.33333vw;
  }
  .p-top02-story__tit .en.type2 {
    width: 9.33333vw;
  }
  .p-top02-story__tit .en.type3 {
    width: 9.33333vw;
  }
  .p-top02-story__tit .en.type4 {
    width: 9.33333vw;
  }
  .p-top02-story__txt {
    display: block;
    font-size: 11px;
    font-size: 2.93333vw;
    margin: 5.33333vw -5.33333vw 0vw -5.33333vw;
    line-height: 2.7;
  }
  .p-top02-story__txt p {
    line-height: 2.7;
  }
  .p-top02-story__photo {
    display: block;
    margin: 4vw 0vw 0vw 0vw;
  }
  .p-top02-story .u-btn01 {
    margin: 6.66667vw auto 0vw;
  }
}

@media screen and (min-width: 1001px), print {
  .p-top02 {
    padding: 9.375vw 0vw 0vw 0vw;
  }
  .p-top02__inner {
    position: relative;
  }
  .p-top02-box {
    width: 78.125vw;
    margin: 0 auto;
    padding: 3.125vw 0vw 0vw 0vw;
    position: relative;
  }
  .p-top02-box:after {
    content: "";
    display: block;
    position: absolute;
    margin: 23.4375vw 0vw 0vw 0vw;
    top: 50%;
    left: 50%;
    width: 85.9375vw;
    height: 82.42188vw;
    background: url(../img/bg_03_pc.png) center center no-repeat;
    background-size: contain;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: 1;
  }
  .p-top02-box2 {
    width: 78.125vw;
    margin: 5.46875vw auto 0vw;
  }
  .p-top02-box2 figure {
    margin: 1.95312vw auto 0vw;
    width: 43.75vw;
  }
  .p-top02-box3 {
    margin: 0 auto;
    padding: 11.17188vw 0vw 3.125vw 0vw;
  }
  .p-top02__tit {
    font-size: 18px;
    font-size: 1.40625vw;
  }
  .p-top02__tit2 {
    font-size: 14px;
    font-size: 1.09375vw;
    font-size: 14px;
  }
  .p-top02__tit3 .jp {
    padding: 0.78125vw 0vw 0vw 0vw;
    font-size: 13px;
    font-size: 1.01562vw;
  }
  .p-top02__tit3 .en {
    font-size: 26px;
    font-size: 2.03125vw;
  }
  .p-top02-items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 65.625vw;
    margin: 4.29688vw auto 0vw;
  }
  .p-top02-item {
    text-align: center;
    width: 17.96875vw;
    height: 17.96875vw;
    background: url(../img/bg_02.svg) center center no-repeat;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: relative;
    z-index: 2;
  }
  .p-top02-item__tit .jp {
    font-size: 14px;
    font-size: 1.09375vw;
  }
  .p-top02-item__tit .en {
    font-size: 11px;
    font-size: 0.85938vw;
  }
  .p-top02-item__txt {
    padding: 2.34375vw 0vw 0.78125vw 0vw;
    display: block;
    width: 100%;
    font-size: 11px;
    font-size: 0.85938vw;
  }
  .p-top02-story {
    margin: 7.8125vw auto 0vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 78.125vw;
  }
  .p-top02-story:nth-of-type(1) {
    margin: 6.25vw auto 0vw;
  }
  .p-top02-story.type1 .p-top02-story-box {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .p-top02-story.type1 .p-top02-story__photo {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    margin: 0 3% 0 0;
  }
  .p-top02-story.type2 .p-top02-story-box {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .p-top02-story.type2 .p-top02-story__photo {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    margin: 0 0 0 3%;
  }
  .p-top02-story-box {
    position: relative;
    width: 40%;
    padding: 0.78125vw 0vw 0vw 0vw;
  }
  .p-top02-story-box__ico {
    display: block;
    position: absolute;
    width: 4.45312vw;
    left: 3.90625vw;
    top: 0vw;
  }
  .p-top02-story__photo {
    width: 57%;
  }
  .p-top02-story__tit .en img {
    display: block;
    width: 2.96875vw;
    margin: 0 auto;
  }
  .p-top02-story__tit .jp {
    display: block;
    font-size: 20px;
    font-size: 1.5625vw;
    margin: 1.5625vw 0vw 0vw 0vw;
    letter-spacing: 0.3em;
  }
  .p-top02-story__tit .jp.kanaria {
    margin: 1.17188vw 0vw 0vw 0vw;
  }
  .p-top02-story__txt {
    display: block;
    font-size: 12px;
    font-size: 0.9375vw;
    margin: 2.34375vw 0vw 0vw 0vw;
    line-height: 3;
  }
  .p-top02-story__txt p {
    line-height: 3;
  }
  .p-top02-story__txt.kanaria {
    margin: 1.95312vw 0vw 0vw 0vw;
  }
  .p-top02-story__txt.kanaria p {
    line-height: 2.8;
  }
  .p-top02-story .u-btn01 {
    width: 285px;
    margin: 40px auto 0;
  }
}

.p-top-bg {
  position: relative;
  z-index: 2;
  background: #d8d5cc;
}

@media all and (max-width: 1000px) {
  .p-top-bg {
    padding: 0vw 0vw 21.33333vw 0vw;
    text-align: center;
    height: 121.33333vw;
  }
  .p-top-bg img {
    display: inline-block;
    width: 83.73333vw;
  }
  .p-top-bg__inner {
    width: 100%;
    position: absolute;
    top: 16vw;
  }
  .p-top-bg__inner.act {
    position: fixed;
  }
}

@media screen and (min-width: 1001px), print {
  .p-top-bg {
    text-align: center;
    padding: 5.3125vw 0vw 4.53125vw 0vw;
    height: 48.82812vw;
  }
  .p-top-bg__inner {
    width: 100%;
    position: absolute;
    top: 5.3125vw;
  }
  .p-top-bg__inner.act {
    position: fixed;
  }
  .p-top-bg img {
    display: inline-block;
    width: 68.67188vw;
    margin: 0vw 0vw 0vw 7.8125vw;
  }
}

.p-top03 {
  background: #fff;
  position: relative;
  z-index: 3;
}

.p-top03__tit {
  text-align: center;
  line-height: 1;
  position: relative;
  z-index: 1;
}

.p-top03__tit .jp {
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  display: block;
  letter-spacing: 0.2em;
  line-height: 1.6;
}

.p-top03__tit .en {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  display: block;
  letter-spacing: 0.2em;
  line-height: 1.6;
}

.p-top03-story {
  text-align: center;
}

.p-top03-story__tit {
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  display: block;
  letter-spacing: 0.2em;
  line-height: 1.6;
}

.p-top03-story__txt {
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  display: block;
  letter-spacing: 0.2em;
  line-height: 1.6;
}

@media all and (max-width: 1000px) {
  .p-top03 {
    padding: 12vw 12vw 14.66667vw 12vw;
  }
  .p-top03.baton {
    padding: 12vw 12vw 1.33333vw 12vw;
  }
  .p-top03.kan {
    padding: 1.33333vw 12vw 9.33333vw 12vw;
  }
  .p-top03.type2 {
    padding: 0vw 0vw 5.33333vw 0vw;
  }
  .p-top03.type2 .u-btn01 {
    margin: 5.33333vw auto 0vw;
  }
  .p-top03.type2 .p-top03-story__photo.u-photo02 {
    margin: 8vw 0vw 0vw 0vw;
  }
  .p-top03__tit .jp {
    font-size: 10px;
    font-size: 2.66667vw;
    padding: 1.33333vw 0vw 0vw 0vw;
  }
  .p-top03__tit .en {
    font-size: 14px;
    font-size: 3.73333vw;
    padding: 0vw -2.66667vw 0vw -2.66667vw;
  }
  .p-top03-story {
    padding: 6.66667vw 0vw 5.33333vw 0vw;
  }
  .p-top03-story-titbox {
    position: relative;
  }
  .p-top03-story-box {
    position: relative;
  }
  .p-top03-story-box__ico {
    display: block;
    position: absolute;
    width: 10.66667vw;
    left: 2.66667vw;
    top: 5.33333vw;
  }
  .p-top03-story__tit {
    font-size: 15px;
    font-size: 4vw;
    padding: 6.66667vw 0vw 0vw 0vw;
  }
  .p-top03-story__txt {
    display: block;
    font-size: 11px;
    font-size: 2.93333vw;
    margin: 2.66667vw -5.33333vw 0vw -5.33333vw;
    line-height: 2.7;
  }
  .p-top03-story__txt p {
    line-height: 2.7;
  }
  .p-top03-story__photo {
    margin: 5.33333vw 0vw 0vw 0vw;
  }
  .p-top03-story__photo.type2 {
    margin: 2.66667vw 0vw 0vw 0vw;
  }
}

@media screen and (min-width: 1001px), print {
  .p-top03__inner {
    /*      width : 1000px;*/
    margin: 0 auto;
    width: 78.125vw;
    padding: 140px 0 80px;
  }
  .p-top03__inner.type2 {
    width: 78.125vw;
    padding: 0 0 100px;
  }
  .p-top03__inner.flower {
    padding: 90px 0 20px;
  }
  .p-top03__inner.kan {
    padding: 20px 0 100px;
  }
  .p-top03__tit .jp {
    font-size: 13px;
    padding: 20px 0 0;
  }
  .p-top03__tit .en {
    font-size: 26px;
  }
  .p-top03-story.story5 {
    width: 100%;
    /*
        padding : 0 100px;
        */
  }
  .p-top03-story.story6 {
    width: 100%;
    /*
        padding : 0 100px;
        */
  }
  .p-top03-story.story7 {
    width: 100%;
    /*
        padding : 0 100px;
        */
  }
  .p-top03-story-titbox {
    position: relative;
    width: 30.46875vw;
    margin: 0 auto;
  }
  .p-top03-story-box {
    position: relative;
    width: 42.96875vw;
    margin: 0 auto;
  }
  .p-top03-story-box__ico {
    display: block;
    position: absolute;
    width: 4.45312vw;
    left: 0vw;
    top: 0vw;
  }
  .p-top03-story__photo {
    display: block;
    width: 57%;
    margin: 4.6875vw auto 0vw;
  }
  .p-top03-story__photo.flower {
    margin: 3.90625vw auto 0vw;
  }
  .p-top03-story__tit {
    font-size: 21px;
    font-size: 1.64062vw;
    margin: 3.51562vw 0vw 0vw 0vw;
  }
  .p-top03-story__txt {
    display: block;
    font-size: 12px;
    font-size: 0.9375vw;
    margin: 0.54688vw 0vw 0vw 0vw;
    line-height: 2.7;
  }
  .p-top03-story__txt p {
    line-height: 2.7;
  }
  .p-top03-story .u-btn01 {
    margin: 3.125vw auto 0vw;
    width: 285px;
  }
}

.p-top04 {
  background: #fff;
  position: relative;
  z-index: 3;
}

.p-item {
  position: relative;
  z-index: 3;
  display: none;
}

.p-item__txt {
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.4;
  letter-spacing: 0.2em;
}

.p-item__txt2 {
  letter-spacing: 0.1em;
}

.p-item__txt2 span {
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  display: block;
}

.p-item__txt2 span.min {
  font-family: YakuHanMP,'Noto Sans JP', sans-serif;
  font-weight: 400;
}

.p-item__txt3 {
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
}

.p-item__tit {
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #D7A461;
}

.p-item__tit2 {
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #D7A461;
}

.p-item-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.p-item-detail__tit {
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.8;
  letter-spacing: 0.15em;
}

.p-item-detail__txt {
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1.8;
}

.p-item-detail__txt2 {
  line-height: 1.8;
}

.p-item-detail-recipe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.p-item .u-btn01 {
  background: #464646;
  text-align: center;
}

.p-item .u-btn01 span {
  color: #fff;
}

.p-item .u-btn01 svg {
  width: 20px;
  stroke: #fff;
}

.p-item__close {
  display: block;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
}

@media all and (max-width: 1000px) {
  .p-item {
    padding: 10.66667vw 0vw 5.33333vw 0vw;
    margin: 0vw -2.66667vw 0vw -2.66667vw;
  }
  .p-item__tit {
    display: block;
    text-align: center;
    font-size: 15px;
    font-size: 4vw;
  }
  .p-item__tit2 {
    margin: 8vw 0vw 0vw 0vw;
    display: block;
    text-align: center;
    font-size: 15px;
    font-size: 4vw;
  }
  .p-item__txt {
    padding: 2.66667vw 0vw 0vw 0vw;
    display: block;
    text-align: center;
    font-size: 10px;
    font-size: 2.66667vw;
  }
  .p-item__txt2 {
    padding: 5.33333vw 0vw 0vw 0vw;
    display: block;
    text-align: center;
    font-size: 11px;
    font-size: 2.93333vw;
    letter-spacing: 0.1em;
  }
  .p-item__txt2 span {
    font-size: 15px;
    font-size: 4vw;
    padding: 0vw 0vw 1.33333vw 0vw;
  }
  .p-item__txt2 span.min {
    font-size: 10px;
    font-size: 2.66667vw;
  }
  .p-item__txt3 {
    padding: 0.8vw 0vw 0vw 0vw;
    margin: 0vw -2.66667vw 0vw -2.66667vw;
    display: block;
    text-align: center;
    font-size: 10px;
    font-size: 2.66667vw;
    letter-spacing: 0.15em;
  }
  .p-item__photo {
    padding: 6.66667vw 0vw 0vw 0vw;
    display: block;
  }
  .p-item .u-btn01 {
    margin: 1.33333vw auto 0vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .p-item .u-btn01 span {
    color: #fff;
  }
  .p-item .u-btn01 svg {
    width: 5.06667vw;
  }
  .p-item-box {
    margin: 0vw -4vw 0vw -4vw;
  }
  .p-item-detailwrap {
    margin: 5.33333vw 0vw 0vw 0vw;
    padding: 0vw 0vw 0vw 2.66667vw;
  }
  .p-item-detail {
    margin: 2.66667vw -2.66667vw 0vw 0vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .p-item-detail.type2 {
    margin: 8vw 0vw 0vw 0vw;
  }
  .p-item-detail-photo {
    position: relative;
    width: 21.33333vw;
  }
  .p-item-detail-photo img {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    left: -2.13333vw;
  }
  .p-item-detail-photo.w145 img {
    display: block;
    position: relative;
    -webkit-transform: scale(1);
            transform: scale(1);
    width: 20vw;
    min-width: 20vw;
    left: 0vw;
  }
  .p-item-detail-photo span {
    width: 29.06667vw;
    text-align: center;
    font-size: 10px;
    font-size: 2.66667vw;
    color: #464646;
    display: block;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    position: absolute;
    top: -6.66667vw;
    left: 50%;
    margin: 0vw 0vw 0vw -14.4vw;
    letter-spacing: 0.02em;
  }
  .p-item-detail-photo span:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -3.46667vw;
    left: 50%;
    height: 2.66667vw;
    border-left: 1px solid #464646;
  }
  .p-item-detail-txtwrap {
    width: 64vw;
    padding: 0vw 0vw 0vw 1.33333vw;
  }
  .p-item-detail-recipe {
    margin: 2.66667vw 0vw 0vw 0vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .p-item-detail-recipe__photo {
    position: relative;
    width: 21.33333vw;
    min-width: 21.33333vw;
    left: 0vw;
  }
  .p-item-detail-recipe__photo.w145 {
    width: 32vw;
    min-width: 32vw;
  }
  .p-item-detail-recipe__txt {
    padding: 0vw 0vw 0vw 1.6vw;
    font-size: 9px;
    font-size: 2.4vw;
    letter-spacing: 0.1em;
  }
  .p-item-detail__tit {
    font-size: 12px;
    font-size: 3.2vw;
  }
  .p-item-detail__txt {
    font-size: 11px;
    font-size: 2.93333vw;
    margin: 0vw -4vw 0vw 0vw;
  }
  .p-item-detail__txt span {
    font-size: 9px;
    font-size: 2.4vw;
  }
  .p-item__close {
    margin: 6.66667vw 0vw 0vw 0vw;
    font-size: 14px;
    font-size: 3.73333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .p-item__close span {
    padding: 0vw 1.33333vw 0vw 0vw;
  }
  .p-item__close svg {
    display: inline-block;
    position: relative;
    width: 2.66667vw;
    stroke: #464646;
  }
  .p-item__foot {
    margin: 1.33333vw 0vw 0vw 0vw;
    width: 100%;
  }
}

@media screen and (min-width: 1001px), print {
  .p-item {
    padding: 80px 0 0;
  }
  .p-item__tit {
    display: block;
    font-size: 18px;
    line-height: 2;
  }
  .p-item__txt {
    margin: 10px 0 0;
    display: block;
    font-size: 12px;
    line-height: 2.6;
  }
  .p-item__txt2 {
    margin: 13px 0 0px;
    display: block;
    font-size: 14px;
  }
  .p-item__txt2 span {
    font-size: 18px;
    padding: 0 0 20px;
  }
  .p-item__txt2 span.min {
    font-size: 14px;
    padding: 0 0 15px;
  }
  .p-item__tit2 {
    margin: 30px 0 0;
    display: block;
    text-align: center;
    font-size: 16px;
  }
  .p-item__tit2.first {
    margin: 30px 0 0;
  }
  .p-item__txt3 {
    margin: 5px 0 0;
    display: block;
    text-align: center;
    font-size: 11px;
    letter-spacing: 0.2em;
  }
  .p-item-box {
    width: 946px;
    margin: 0 auto;
  }
  .p-item-main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 840px;
    margin: 0 auto;
  }
  .p-item-main.story2 {
    width: 870px;
  }
  .p-item-main-txtbox {
    text-align: center;
  }
  .p-item-main-txtbox.order2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .p-item-main-photo {
    width: 405px;
    min-width: 405px;
  }
  .p-item-main-photo.order1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .p-item-detailwrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .p-item-detail {
    margin: 30px 0 0;
    width: 448px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 6px;
  }
  .p-item-detail.large {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .p-item-detail-photo {
    min-width: 145px;
    width: 115px;
    position: relative;
  }
  .p-item-detail-photo img {
    width: 130px;
  }
  .p-item-detail-photo.w145 {
    min-width: 145px;
    width: 145px;
    left: -10px;
    top: 0px;
  }
  .p-item-detail-photo.w145 img {
    width: 100%;
  }
  .p-item-detail-photo.w145.intxt {
    top: -9px;
  }
  .p-item-detail-photo.w155 {
    min-width: 145px;
    width: 145px;
    left: -10px;
    top: -10px;
  }
  .p-item-detail-photo.w155 img {
    width: 155px;
    margin: 0 -10px 0 0;
  }
  .p-item-detail-photo span {
    width: 100%;
    text-align: center;
    font-size: 10px;
    color: #464646;
    display: block;
    position: absolute;
    top: -30px;
    letter-spacing: 0.02em;
  }
  .p-item-detail-photo span:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -14px;
    left: 50%;
    height: 12px;
    border-left: 1px solid #464646;
  }
  .p-item-detail-txtwrap {
    padding: 0px 0 0 0px;
    width: calc(100% - 165px);
  }
  .p-item-detail-txtwrap.type2 {
    padding: 0px 0 0;
    width: calc(100% - 155px);
  }
  .p-item-detail__tit {
    font-size: 14px;
    letter-spacing: 0.15em;
  }
  .p-item-detail__txt {
    font-size: 12px;
    letter-spacing: 0.15em;
  }
  .p-item-detail__txt span {
    font-size: 10px;
    letter-spacing: 0.15em;
  }
  .p-item-detail-recipe {
    position: relative;
    top: -5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    position: relative;
    min-height: 58px;
  }
  .p-item-detail-recipe__photo {
    min-width: 58px;
    width: 58px;
    position: absolute;
    left: 60px;
    top: 8px;
  }
  .p-item-detail-recipe__txt {
    width: auto;
    font-size: 10px;
    letter-spacing: 0.1em;
    margin: 0px -30px 0 0;
    padding: 10px 0 0 150px;
    display: block;
  }
  .p-item__close {
    margin: 40px 0 0;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    cursor: pointer;
  }
  .p-item__close span {
    padding: 0 10px 0 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .p-item__close svg {
    display: inline-block;
    position: relative;
    width: 12px;
    stroke: #464646;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .p-item__close:hover span {
    color: #D7A461;
  }
  .p-item__close:hover svg {
    stroke: #D7A461;
  }
  .p-item__foot {
    margin: 15px auto 0;
    background: url(../img/bg_item_05_w946.png) center center no-repeat;
    background-size: contain;
    width: 945px;
    height: 27.78px;
  }
  .p-item .u-btn01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 260px;
    margin: 0 auto;
  }
  .p-item .u-btn01 span {
    font-size: 14px;
    display: inline-block;
    padding: 0 5px 0 0;
  }
  .p-item .u-btn01 svg {
    width: 20px;
    stroke: #fff;
  }
  .p-item .u-btn01:hover {
    background: #fff;
  }
  .p-item .u-btn01:hover span {
    color: #000;
  }
  .p-item .u-btn01:hover svg {
    stroke: #000;
  }
}

.p-item02 {
  position: relative;
  z-index: 3;
  display: none;
  background: #fff;
}

.p-item02__txt {
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2.4;
}

.p-item02__tit {
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #D7A461;
}

.p-item02__tit2 {
  display: block;
  position: relative;
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  color: #D7A461;
}

.p-item02__tit2.type2:before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 1px;
  opacity: 0.5;
  background: #464646;
  top: 50%;
  left: 0;
  z-index: 1;
}

.p-item02__tit2 span {
  position: relative;
  z-index: 2;
  background: #fff;
  padding: 0 20px;
  display: inline-block;
}

.p-item02-main__txt {
  letter-spacing: 0.1em;
}

.p-item02-main__txt span {
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  display: block;
  letter-spacing: 0.1em;
}

.p-item02-main__txt span.min {
  font-family: YakuHanMP,'Noto Sans JP', sans-serif;
  font-weight: 400;
  letter-spacing: 0.1em;
}

.p-item02-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.p-item02-detail__tit {
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  letter-spacing: 0.15em;
  line-height: 1.8;
}

.p-item02-detail__txt {
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  letter-spacing: 0.15em;
  line-height: 1.8;
}

.p-item02-detail__txt .recipe {
  color: #D7A461;
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
}

.p-item02-detail__etc {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
}

.p-item02 .u-btn01 {
  background: #464646;
  text-align: center;
}

.p-item02 .u-btn01 span {
  color: #fff;
}

.p-item02 .u-btn01 svg {
  width: 20px;
  stroke: #fff;
}

.p-item02__close {
  display: block;
  text-align: center;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  letter-spacing: 0.2em;
}

@media all and (max-width: 1000px) {
  .p-item02 {
    padding: 0vw 8vw 8vw 8vw;
    margin: 0vw 0vw 0vw 0vw;
  }
  .p-item02.item06 {
    margin: 0vw -2.66667vw 0vw -2.66667vw;
    padding: 0vw 0vw 8vw 0vw;
  }
  .p-item02-txtboxbg {
    margin: 8vw 0vw 0vw 0vw;
    width: 100%;
  }
  .p-item02__tit {
    display: block;
    text-align: center;
    font-size: 15px;
    font-size: 4vw;
  }
  .p-item02__tit2 {
    margin: 8vw 0vw 0vw 0vw;
    display: block;
    text-align: center;
    font-size: 15px;
    font-size: 4vw;
  }
  .p-item02__tit2 span {
    padding: 0vw 2.66667vw 0vw 2.66667vw;
  }
  .p-item02__tit2.type2:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 1px;
    opacity: 0.3;
    background: #464646;
    top: 50%;
    left: 0;
    z-index: 1;
  }
  .p-item02__txt {
    padding: 0vw 0vw 0vw 0vw;
    display: block;
    text-align: center;
    letter-spacing: 0.15em;
    font-size: 10px;
    font-size: 2.66667vw;
  }
  .p-item02-detail2col {
    margin: 4vw -4vw 0vw -4vw;
    padding: 0vw 0vw 0vw 2.66667vw;
  }
  .p-item02-main {
    margin: 0vw 0vw 0vw 0vw;
  }
  .p-item02-main.baton {
    padding: 5.33333vw 0vw 0vw 0vw;
  }
  .p-item02-main.baton.kan {
    padding: 0vw 0vw 0vw 0vw;
  }
  .p-item02-main__txt {
    padding: 0vw 0vw 0vw 0vw;
    display: block;
    text-align: center;
    font-size: 11px;
    font-size: 2.93333vw;
    letter-spacing: 0.05em;
  }
  .p-item02-main__txt span {
    font-size: 14px;
    font-size: 3.73333vw;
    padding: 0vw 0vw 1.33333vw 0vw;
  }
  .p-item02-main__txt span.min {
    font-size: 10px;
    font-size: 2.66667vw;
  }
  .p-item02-main__photo.type2 {
    margin: 5.33333vw 0vw 0vw 0vw;
  }
  .p-item02-txtbox {
    margin: 0vw 0vw 0vw 0vw;
  }
  .p-item02__photo {
    padding: 6.66667vw 0vw 0vw 0vw;
    display: block;
  }
  .p-item02 .u-btn01 {
    margin: 1.33333vw auto 0vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .p-item02 .u-btn01 span {
    color: #fff;
  }
  .p-item02 .u-btn01 svg {
    width: 5.06667vw;
  }
  .p-item02-detailwrap.baton {
    margin: 8vw 0vw 0vw 0vw;
  }
  .p-item02-detail {
    margin: 4.8vw 0vw 0vw 0vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .p-item02-detail.type2 {
    margin: 8vw 0vw 0vw 0vw;
  }
  .p-item02-detail.type3 {
    margin: 8vw 0vw 0vw 0vw;
    position: relative;
    top: 2.66667vw;
  }
  .p-item02-detail__etc {
    font-size: 14px;
    font-size: 3.73333vw;
  }
  .p-item02-detail-photo {
    position: relative;
    width: 21.33333vw;
  }
  .p-item02-detail-photo img {
    display: block;
    position: relative;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    left: -2.13333vw;
  }
  .p-item02-detail-photo img.w127.intxt {
    margin: -1.86667vw 0vw 0vw 0vw;
  }
  .p-item02-detail-photo.w145 img {
    display: block;
    position: relative;
    width: 32vw;
    min-width: 32vw;
    left: -2.13333vw;
  }
  .p-item02-detail-photo span {
    width: 29.06667vw;
    text-align: center;
    font-size: 10px;
    font-size: 2.66667vw;
    color: #464646;
    display: block;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    position: absolute;
    top: -6.66667vw;
    left: 50%;
    margin: 0vw 0vw 0vw -14.4vw;
    letter-spacing: 0.02em;
  }
  .p-item02-detail-photo span:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -3.46667vw;
    left: 50%;
    height: 2.66667vw;
    border-left: 1px solid #464646;
  }
  .p-item02-detail-txtwrap {
    width: 58.66667vw;
    padding: 0vw 0vw 0vw 1.33333vw;
  }
  .p-item02-detail-recipe {
    margin: 2.66667vw 0vw 0vw 0vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .p-item02-detail-recipe__photo {
    position: relative;
    width: 29.06667vw;
    min-width: 29.06667vw;
  }
  .p-item02-detail-recipe__photo.w145 {
    width: 32vw;
    min-width: 32vw;
  }
  .p-item02-detail-recipe__txt {
    padding: 0vw 0vw 0vw 4vw;
    font-size: 10px;
    font-size: 2.66667vw;
  }
  .p-item02-detail__tit {
    font-size: 12px;
    font-size: 3.2vw;
  }
  .p-item02-detail__txt {
    font-size: 11px;
    font-size: 2.93333vw;
    margin: 0vw -6.4vw 0vw 0vw;
    letter-spacing: 0.08em;
  }
  .p-item02-detail__txt span {
    display: inline-block;
    font-size: 9px;
    font-size: 2.4vw;
    margin: 0vw -8vw 0vw 0vw;
  }
  .p-item02-detail2col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .p-item02-detail2col .p-item02-detail {
    margin: 0vw 0vw 0vw 0vw;
    width: 100%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .p-item02-detail2col .p-item02-detail .p-item02-detail__tit {
    letter-spacing: 0.1em;
  }
  .p-item02-detail2col .p-item02-detail-txtwrap {
    padding: 0;
    width: 58.66667vw;
    padding: 0vw 0vw 0vw 1.33333vw;
    position: relative;
    z-index: 2;
  }
  .p-item02__close {
    margin: 6.66667vw 0vw 0vw 0vw;
    font-size: 14px;
    font-size: 3.73333vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .p-item02__close span {
    padding: 0vw 1.33333vw 0vw 0vw;
    letter-spacing: 0.2em;
  }
  .p-item02__close svg {
    display: inline-block;
    position: relative;
    width: 2.66667vw;
    stroke: #464646;
  }
  .p-item02__foot {
    margin: 1.33333vw 0vw 0vw 0vw;
  }
  .p-item02-detailwrap.third .p-item02-detail {
    margin: 2.13333vw 0vw 0vw 0vw;
  }
  .p-item02-detail4col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .p-item02-detail4col .p-item02-detail {
    margin: 2.66667vw 0vw 0vw 0vw;
    width: 50%;
  }
  .p-item02-detail4col .p-item02-detail.spright {
    position: relative;
    left: 5.33333vw;
  }
  .p-item02-detail4col .p-item02-detail.wide {
    width: 100%;
  }
  .p-item02-detail4col .p-item02-detail.wide .p-item02-detail-txtwrap {
    width: 53.33333vw;
  }
  .p-item02-detail4col .p-item02-detail-txtwrap {
    width: 18.66667vw;
    margin: 0vw -13.33333vw 0vw 0vw;
    padding: 0;
  }
  .p-item02-detail4col .p-item02-detail-txtwrap .p-item02-detail__tit {
    margin: 0vw -13.33333vw 0vw 0vw;
  }
  .p-item02-detail4col .p-item02-detail__tit {
    line-height: 1.4;
  }
  .p-item02-detail5col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .p-item02-detail5col .p-item02-detail {
    margin: 2.66667vw 0vw 0vw 0vw;
    width: 50%;
  }
  .p-item02-detail5col .p-item02-detail.spright {
    position: relative;
    left: 5.33333vw;
  }
  .p-item02-detail5col .p-item02-detail.wide {
    width: 100%;
  }
  .p-item02-detail5col .p-item02-detail.wide .p-item02-detail-txtwrap {
    width: 53.33333vw;
  }
  .p-item02-detail5col .p-item02-detail-txtwrap {
    width: 18.66667vw;
    margin: 0vw -13.33333vw 0vw 0vw;
    padding: 0;
  }
  .p-item02-detail5col .p-item02-detail-txtwrap .p-item02-detail__tit {
    margin: 0vw -13.33333vw 0vw 0vw;
  }
  .p-item02-detail5col .p-item02-detail__tit {
    line-height: 1.4;
  }
}

@media screen and (min-width: 1001px), print {
  .p-item02 {
    padding: 0px 0 80px;
  }
  .p-item02__inner {
    width: 990px;
    margin: 0 auto;
  }
  .p-item02__inner.baton {
    width: 820px;
  }
  .p-item02__inner.pre {
    width: 950px;
  }
  .p-item02__tit {
    display: block;
    font-size: 18px;
    line-height: 2;
    width: 100%;
    text-align: center;
  }
  .p-item02__txt {
    margin: 0px 0 0px;
    width: 100%;
    display: block;
    font-size: 11px;
    text-align: center;
    letter-spacing: 0.2em;
  }
  .p-item02__tit2 {
    margin: 30px auto 0;
    width: 100%;
    max-width: 964px;
    overflow: hidden;
    display: block;
    text-align: center;
    font-size: 16px;
  }
  .p-item02__tit2.first {
    margin: 20px 0 0;
  }
  .p-item02__tit2 span {
    width: 320px;
    display: block;
    margin: 0 auto;
  }
  .p-item02__tit2 span.min {
    width: 130px;
  }
  .p-item02-txtboxbg {
    margin: 50px auto 0;
    background: url(../img/bg_item_06.png) center center;
    background-size: contain;
    height: 14px;
    width: 842px;
    position: relative;
    left: -10px;
  }
  .p-item02-box {
    margin: 0 auto;
  }
  .p-item02-main {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    min-height: 323px;
  }
  .p-item02-main.pre {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 890px;
    margin: 0 auto;
  }
  .p-item02-main.pre .p-item02-main__photo.order2 {
    position: relative;
    left: 30px;
  }
  .p-item02-main.baton {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .p-item02-main.kan {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 870px;
    margin: 0 auto;
  }
  .p-item02-main-box {
    width: 400px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 0 20px;
  }
  .p-item02-main-box.blue {
    padding: 40px 0 20px;
  }
  .p-item02-main-box.order1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .p-item02-main-box.order2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .p-item02-main__txt {
    margin: 8px 0 15px;
    text-align: center;
    font-size: 14px;
  }
  .p-item02-main__txt span {
    font-size: 18px;
    padding: 0 0 14px;
  }
  .p-item02-main__txt span.min {
    font-size: 14px;
    padding: 0;
  }
  .p-item02-main__photo {
    width: 432px;
  }
  .p-item02-main__photo.order1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .p-item02-main__photo.order2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .p-item02-main__photo.type2 {
    margin: 75px 0 0;
  }
  .p-item02-main__photo.type3 {
    position: relative;
    top: -20px;
  }
  .p-item02-txtboxwrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .p-item02-txtboxwrap.baton {
    width: 820px;
    margin: 0 auto;
  }
  .p-item02-txtbox {
    width: 100%;
  }
  .p-item02-txtbox.type2 {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .p-item02-txtbox.type2 .p-item02-detail {
    margin: 15px 0 0;
  }
  .p-item02-detailwrap {
    margin: 15px 0 0;
  }
  .p-item02-detailwrap.baton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 30px;
    margin: 30px auto 0;
  }
  .p-item02-detail4col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 930px;
    margin: 0 auto;
  }
  .p-item02-detail4col .p-item02-detail {
    margin: 30px 0 0;
    width: 220px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
  .p-item02-detail4col .p-item02-detail-photo {
    margin: 0 auto;
  }
  .p-item02-detail4col .p-item02-detail-photo figure {
    display: block;
    margin: 0 auto;
  }
  .p-item02-detail4col .p-item02-detail-photo figure img {
    top: -5px;
    left: 0;
    margin: 0 auto;
  }
  .p-item02-detail4col .p-item02-detail-txtwrap {
    margin: 5px 0 0;
  }
  .p-item02-detail5col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 860px;
    margin: 0 auto;
  }
  .p-item02-detail5col .p-item02-detail {
    margin: 30px 0 0;
    width: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    text-align: center;
  }
  .p-item02-detail5col .p-item02-detail-photo {
    margin: 0 auto;
  }
  .p-item02-detail5col .p-item02-detail-photo figure {
    display: block;
    margin: 0 auto;
  }
  .p-item02-detail5col .p-item02-detail-photo figure img {
    top: -2px;
    left: 0;
    margin: 0 auto;
  }
  .p-item02-detail5col .p-item02-detail-txtwrap {
    margin: 5px 0 0;
  }
  .p-item02-detail {
    margin: 10px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .p-item02-detail.baton {
    width: 230px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .p-item02-detail.baton.min {
    width: 200px;
  }
  .p-item02-detail.baton .p-item02-detail-photo {
    margin: 0 auto;
  }
  .p-item02-detail.type2 {
    margin: 40px 0 0;
  }
  .p-item02-detail.type3 {
    position: relative;
    top: 30px;
  }
  .p-item02-detail__etc {
    font-size: 14px;
    padding: 0 60px 0 0;
  }
  .p-item02-detail-photo {
    min-width: 115px;
    width: 115px;
    position: relative;
  }
  .p-item02-detail-photo img {
    width: 115px;
    position: relative;
    top: -12px;
    left: -12px;
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  .p-item02-detail-photo img.intxt {
    top: -15px;
  }
  .p-item02-detail-photo span {
    width: 120px;
    text-align: left;
    font-size: 10px;
    color: #464646;
    display: block;
    position: absolute;
    top: -30px;
    left: 0;
    letter-spacing: 0.02em;
  }
  .p-item02-detail-photo span:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -10px;
    left: 18px;
    height: 10px;
    border-left: 1px solid #464646;
  }
  .p-item02-detail__tit {
    font-size: 14px;
    display: block;
    margin: 0 -14px 0 0;
  }
  .p-item02-detail__txt {
    font-size: 12px;
  }
  .p-item02-detail__txt.half {
    width: auto;
  }
  .p-item02-detail__txt span {
    font-size: 10px;
  }
  .p-item02-detail__txt .recipe {
    font-size: 10px;
  }
  .p-item02-detail2col {
    margin: 17px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 24px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .p-item02-detail2col .p-item02-detail {
    width: 293px;
  }
  .p-item02-detail2col .p-item02-detail-txtwrap {
    padding: 0 0 0 0px;
    position: relative;
    z-index: 2;
  }
  .p-item02-detail2col.item05 .p-item02-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .p-item02-detail2col .p-item02-detail-photo figure {
    top: 7px;
    position: relative;
  }
  .p-item02-detail2col .p-item02-detail-photo figure img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
  .p-item02-detail2col .p-item02-detail-photo figure img.intxt {
    top: -16px;
  }
  .p-item02-detail2col .p-item02-detail-photo figure img.w127 {
    width: 127px;
    left: -18px;
  }
  .p-item02__close {
    margin: 40px 0 0;
    font-size: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.2s;
    transition: 0.2s;
    cursor: pointer;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .p-item02__close span {
    padding: 0 10px 0 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    letter-spacing: 0.2em;
  }
  .p-item02__close svg {
    display: inline-block;
    position: relative;
    width: 12px;
    stroke: #464646;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .p-item02__close:hover span {
    color: #D7A461;
  }
  .p-item02__close:hover svg {
    stroke: #D7A461;
  }
  .p-item02__foot {
    background: url(../img/bg_item_05_w946.png) left center no-repeat;
    background-size: contain;
    width: 946px;
    height: 28px;
    margin: 10px auto 0;
  }
  .p-item02 .u-btn01 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    width: 260px;
    margin: 0 0 20px;
  }
  .p-item02 .u-btn01 span {
    font-size: 14px;
    display: inline-block;
    padding: 0 5px 0 0;
  }
  .p-item02 .u-btn01 svg {
    width: 20px;
  }
  .p-item02 .u-btn01:hover {
    background: #fff;
  }
  .p-item02 .u-btn01:hover span {
    color: #000;
  }
  .p-item02 .u-btn01:hover svg {
    stroke: #000;
  }
}

.p-item03-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.p-item03-detail__tit {
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 1;
  letter-spacing: 0.15em;
}

.p-item03-detail__txt {
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2;
}

.p-item03-detail__txt2 {
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: 2;
}

.p-item03-detail-recipe {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.p-item03-detail-recipe__txt {
  line-height: 1.8;
}

@media all and (max-width: 1000px) {
  .p-item03-detailwrap {
    margin: 4.8vw 0vw 0vw 0vw;
  }
  .p-item03-detail {
    margin: 2.13333vw 0vw 0vw 0vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .p-item03-detail.type2 {
    margin: 8vw 0vw 0vw 0vw;
  }
  .p-item03-detail-photo {
    position: relative;
    width: 21.33333vw;
  }
  .p-item03-detail-photo img {
    display: block;
    position: relative;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    left: -2.13333vw;
  }
  .p-item03-detail-photo span {
    width: 29.06667vw;
    text-align: center;
    font-size: 10px;
    font-size: 2.66667vw;
    color: #464646;
    display: block;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
    position: absolute;
    top: -6.66667vw;
    left: 50%;
    margin: 0vw 0vw 0vw -14.4vw;
    letter-spacing: 0.02em;
  }
  .p-item03-detail-photo span:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -3.46667vw;
    left: 50%;
    height: 2.66667vw;
    border-left: 1px solid #464646;
  }
  .p-item03-detail-txtwrap {
    width: 60vw;
    padding: 0vw 0vw 0vw 1.33333vw;
    margin: 0vw -10.66667vw 0vw 0vw;
  }
  .p-item03-detail-recipe {
    width: 60vw;
    margin: 2.13333vw -8vw 0vw 0vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .p-item03-detail-recipe__photo {
    position: relative;
    width: 9.73333vw;
    top: 0.8vw;
  }
  .p-item03-detail-recipe__txt {
    display: block;
    margin: 0vw -8vw 0vw 0vw;
    padding: 0vw 0vw 0vw 2.66667vw;
    font-size: 9px;
    font-size: 2.4vw;
    letter-spacing: 0.05em;
    line-height: 1.3;
  }
  .p-item03-detail__tit {
    font-size: 12px;
    font-size: 3.2vw;
  }
  .p-item03-detail__txt {
    font-size: 11px;
    font-size: 2.93333vw;
    margin: 0vw -4vw 0vw 0vw;
  }
  .p-item03-detail__txt span {
    font-size: 9px;
    font-size: 2.4vw;
  }
}

@media screen and (min-width: 1001px), print {
  .p-item03-detailwrap {
    width: 930px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .p-item03-detail {
    margin: 25px 0 0;
    width: 222px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
            align-items: center;
  }
  .p-item03-detail.large {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .p-item03-detail-photo {
    min-width: 145px;
    width: 115px;
    position: relative;
  }
  .p-item03-detail-photo img {
    width: 130px;
  }
  .p-item03-detail-photo img.w127 {
    position: relative;
    display: inline-block;
    top: -3px;
    width: 133px;
  }
  .p-item03-detail-txtwrap {
    padding: 0px 0 0 0px;
    width: 265px;
  }
  .p-item03-detail-txtwrap.type2 {
    padding: 0px 0 0;
  }
  .p-item03-detail__tit {
    font-size: 14px;
    text-align: center;
  }
  .p-item03-detail__txt {
    font-size: 12px;
    text-align: center;
  }
  .p-item03-detail__txt span {
    font-size: 10px;
    letter-spacing: 0.15em;
  }
  .p-item03-detail__txt2 {
    margin: 0 0 0;
    font-size: 10px;
    letter-spacing: 0.15em;
    text-align: center;
    line-height: 1.3;
  }
  .p-item03-detail-recipe {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    position: relative;
    min-height: 56px;
  }
  .p-item03-detail-recipe__photo {
    min-width: 46px;
    width: 46px;
    position: absolute;
    left: 0px;
    top: 8px;
  }
  .p-item03-detail-recipe__txt {
    width: auto;
    font-size: 10px;
    letter-spacing: 0.1em;
    margin: 0px -10px 0 0;
    padding: 6px 0 0 60px;
    display: block;
  }
}

.content {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  -webkit-transition: 0.7s cubic-bezier(0.1, 0.7, 0.39, 0.95);
  transition: 0.7s cubic-bezier(0.1, 0.7, 0.39, 0.95);
  position: relative;
  top: 0;
}

.content.on {
  -webkit-transform: translateY(-50px);
          transform: translateY(-50px);
}

.l-header {
  position: absolute;
}

.l-header-close {
  position: fixed;
  z-index: 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.l-header-close div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.l-header-close span {
  -webkit-transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.l-header-close.on span {
  background: #fff;
}

.l-header-close.on span:nth-of-type(1) {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  position: relative;
}

.l-header-close.on span:nth-of-type(2) {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.l-header-close.on span:nth-of-type(3) {
  opacity: 0;
}

.l-header__cart span {
  display: inline-block;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
}

@media all and (max-width: 1000px) {
  .l-header {
    width: 100%;
  }
  .l-header-close {
    top: 5.86667vw;
    right: 7.73333vw;
    width: 7.2vw;
    height: 8vw;
  }
  .l-header-close div {
    width: 7.2vw;
    height: 8vw;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: top right;
            transform-origin: top right;
  }
  .l-header-close span {
    margin: 0.8vw 0vw 0.8vw 0vw;
    width: 100%;
    height: 1px;
    background: #000;
  }
  .l-header-close.on span:nth-of-type(1) {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    top: 1.86667vw;
    position: relative;
  }
  .l-header-close.on span:nth-of-type(2) {
    top: 0vw;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .l-header-close.on span:nth-of-type(3) {
    opacity: 0;
  }
  .l-header__sns {
    position: fixed;
    display: block;
    width: 6.13333vw;
    top: 6.66667vw;
    right: 19.2vw;
    z-index: 5;
  }
  .l-header__cart {
    position: fixed;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    z-index: 5;
    top: 6.66667vw;
    left: 8vw;
  }
  .l-header__cart img {
    width: 5.86667vw;
  }
  .l-header__cart span {
    font-size: 12px;
    font-size: 3.2vw;
    padding: 0vw 0vw 0vw 2.66667vw;
  }
  .l-header-nav {
    position: fixed;
    top: 0;
    left: 0;
    overflow-y: scroll;
    width: 100%;
    height: 100vh;
    -webkit-transition: 0.7s cubic-bezier(0.31, -0.01, 0.18, 0.97);
    transition: 0.7s cubic-bezier(0.31, -0.01, 0.18, 0.97);
    -webkit-transform-origin: top bottom;
            transform-origin: top bottom;
    -webkit-clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
    color: #fff;
    background: #464646;
    opacity: 1;
    z-index: 30;
  }
  .l-header-nav.noact {
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
  }
  .l-header-nav.act {
    z-index: 30;
    opacity: 1;
    min-height: 100%;
    height: -webkit-fill-available;
    height: 100vh;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
    will-change: auto;
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
  }
  .l-header-nav__inner {
    padding: 16vw 8vw 8vw 8vw;
    position: relative;
    z-index: 30;
  }
  .l-header-nav-lists li a {
    padding: 2.66667vw 0vw 2.66667vw 0vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    font-family: 'Poppins', sans-serif;
    font-weight: 200;
    font-size: 23px;
    font-size: 6.13333vw;
    letter-spacing: 0.2em;
    color: #fff;
  }
  .l-header-nav-lists2 {
    margin: 8vw 0vw 8vw 0vw;
  }
  .l-header-nav-lists2 li a {
    padding: 2.66667vw 0vw 1.33333vw 0vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 12px;
    font-size: 3.2vw;
    letter-spacing: 0.1em;
    color: #fff;
  }
  .l-header-nav-lists2 li a .ico01 {
    display: block;
    width: 5.86667vw;
    margin: 0vw 2.66667vw 0vw 0vw;
  }
  .l-header-nav-lists2 li a .ico02 {
    display: block;
    width: 6.13333vw;
  }
  .l-header-nav-lists2 li a .ico02 svg {
    fill: #fff;
  }
  .l-header-nav-lists2__link2 svg {
    display: block;
    width: 6.13333vw;
    fill: #fff;
  }
}

@media screen and (min-width: 1001px), print {
  .l-header-nav {
    z-index: 20;
  }
  .l-header-nav-lists {
    position: fixed;
    z-index: 20;
    top: 28px;
    right: 90px;
    width: 280px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .l-header-nav-lists li a {
    padding: 10px 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    letter-spacing: 0.1em;
  }
  .l-header-nav-lists li a span {
    padding: 0 4px;
    display: inline-block;
    position: relative;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .l-header-nav-lists li a:hover span {
    color: #D7A461;
  }
  .l-header-nav-lists li a:hover span:after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  .l-header-nav-lists2 {
    position: fixed;
    z-index: 20;
    display: block;
  }
  .l-header-nav-lists2__link1 {
    position: fixed;
    z-index: 20;
    top: 80px;
    right: -105px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    z-index: 10;
  }
  .l-header-nav-lists2__link1.pre {
    right: -219px;
  }
  .l-header-nav-lists2__link1 svg,
  .l-header-nav-lists2__link1 img {
    display: inline-block;
    width: 25px;
    position: relative;
    top: 8px;
    margin: 0px 10px 0px;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
    -webkit-transition: 0.3s;
    transition: 0.3s;
    fill: #464646;
  }
  .l-header-nav-lists2__link1 span {
    display: inline-block;
    letter-spacing: 0.2em;
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
    font-size: 12px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .l-header-nav-lists2__link1 a:hover span {
    color: #D7A461;
  }
  .l-header-nav-lists2__link1 a:hover svg {
    fill: #D7A461;
  }
  .l-header-nav-lists2__link2 {
    position: fixed;
    z-index: 20;
    top: 40px;
    right: 50px;
  }
  .l-header-nav-lists2__link2 img {
    width: 22px;
  }
  .l-header-nav-lists2__link2 svg {
    fill: #464646;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .l-header-nav-lists2__link2 a:hover svg {
    fill: #D7A461;
  }
}

@-webkit-keyframes anim_sc {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
}

@keyframes anim_sc {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
  100% {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
  }
}

main {
  position: relative;
  z-index: 1;
}

.l-footer {
  position: relative;
  z-index: 4;
  background: #d8d5cc;
}

.l-footer__inner {
  position: relative;
}

.l-footer__btn {
  position: absolute;
  top: 10px;
  right: -30px;
  display: block;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  height: 30px;
}

.l-footer__btn:before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  width: 9px;
  height: 17px;
  background: url(../img/ico_arrow_01.svg) center center no-repeat;
  background-size: contain;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.l-footer__btn span {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  padding: 0px 0px 0 20px;
  display: block;
  letter-spacing: 0.2em;
}

.l-footer__tit {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  display: block;
  text-align: center;
  letter-spacing: 0.3em;
}

.l-footer__copyright {
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  font-size: 10px;
  line-height: 2;
}

.l-footer__txt {
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  font-size: 14px;
  line-height: 1.6;
}

.l-footer-list .date {
  display: inline-block;
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-size: 11px;
  line-height: 1.6;
  letter-spacing: 0.14em;
}

.l-footer-list .shop {
  display: inline-block;
  font-family: YakuHanMP,'Noto Serif JP', serif;
  font-weight: 500;
  letter-spacing: 0.1em;
  font-size: 11px;
  line-height: 1.6;
  letter-spacing: 0.2em;
}

.l-footer-sns {
  position: absolute;
  display: block;
  width: 50px;
  right: 0px;
  bottom: 50px;
}

.l-footer-sns li {
  display: block;
}

@media all and (max-width: 1000px) {
  .l-footer {
    margin: 0vw 0vw 0vw 0vw;
    padding: 10.66667vw 8vw 5.33333vw 8vw;
  }
  .l-footer__btn {
    right: -10.66667vw;
  }
  .l-footer__btn:before {
    width: 2.4vw;
    height: 4.53333vw;
  }
  .l-footer__btn span {
    font-size: 10px;
    font-size: 2.66667vw;
  }
  .l-footer__logo {
    margin: 12vw 0vw 0vw 0vw;
    display: block;
    text-align: center;
  }
  .l-footer__logo img {
    width: 61.33333vw;
    margin: 0vw 2.66667vw 0vw 0vw;
  }
  .l-footer__tit {
    font-size: 14px;
    font-size: 3.73333vw;
  }
  .l-footer__txt {
    font-size: 10px;
    font-size: 2.66667vw;
    margin: 8vw 0vw 0vw 0vw;
  }
  .l-footer__txt.min {
    display: block;
    margin: 2.66667vw -21.33333vw 0vw 0vw;
    font-size: 10px;
    font-size: 2.66667vw;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: left top;
            transform-origin: left top;
    letter-spacing: 0.05em;
  }
  .l-footer-lists {
    margin: 3.2vw 0vw 0vw 0vw;
  }
  .l-footer-list {
    padding: 0vw 0vw 0vw 8vw;
    margin: 0vw -5.33333vw 0vw -5.33333vw;
  }
  .l-footer-list li {
    margin: 0.26667vw 0vw 0vw 0vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    position: relative;
  }
  .l-footer-list .date {
    font-size: 10.5px;
    font-size: 2.8vw;
    top: 0vw;
    line-height: 5.33333vw;
    min-width: 38.13333vw;
  }
  .l-footer-list .shop {
    position: relative;
    font-size: 10.5px;
    font-size: 2.8vw;
    line-height: 5.33333vw;
  }
  .l-footer__copyright {
    font-size: 10px;
    font-size: 2.66667vw;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: left top;
            transform-origin: left top;
  }
  .l-footer-sns {
    width: 6.66667vw;
    bottom: 33.33333vw;
  }
  .l-footer-sns li {
    text-align: center;
  }
  .l-footer-sns li .ig {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0vw 0vw 1.6vw 0vw;
  }
  .l-footer-sns li .ig svg {
    display: block;
    width: 5.6vw;
  }
  .l-footer-sns li .yt svg {
    display: inline-block;
    width: 6.66667vw;
  }
}

@media screen and (min-width: 1001px), print {
  .l-footer__inner {
    width: 1000px;
    margin: 0 auto;
    padding: 90px 0 30px;
  }
  .l-footer__btn {
    top: 50px;
    right: -60px;
  }
  .l-footer__btn:before {
    width: 9px;
    height: 17px;
  }
  .l-footer__btn span {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-size: 10px;
  }
  .l-footer__btn:hover span {
    color: #D7A461;
  }
  .l-footer-box {
    margin: 30px 0 0;
    padding: 0 0 0 20px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .l-footer__logo {
    margin: 0px 60px 0 0;
    padding: 35px 0 0;
    display: block;
    position: relative;
    left: 0px;
    width: 275px;
  }
  .l-footer-boxtxt {
    margin: 10px 0 0;
  }
  .l-footer-lists {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 1000px;
    margin: 16px auto 0;
    padding: 0 0 0 30px;
  }
  .l-footer-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 550px;
  }
  .l-footer-list li {
    width: 100%;
    margin: 8px 0 0;
    padding: 0 50px 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
        align-content: center;
    position: relative;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .l-footer-list .date {
    font-size: 15px;
    min-width: 270px;
    line-height: 27px;
    width: 50%;
    text-align: left;
  }
  .l-footer-list .shop {
    position: relative;
    font-size: 15px;
    line-height: 27px;
    width: 50%;
    text-align: left;
  }
  .l-footer-list.type2 {
    width: 450px;
    margin: 10px auto 0;
  }
  .l-footer-list.type2 li {
    padding: 0;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .l-footer-list.type2 .date {
    min-width: 160px;
  }
  .l-footer-list + .l-footer-list {
    margin: 0 0 0 40px;
  }
  .l-footer-list + .l-footer-list.type2 {
    margin: 10px 0 0 40px;
  }
  .l-footer__copyright {
    margin: 10px 0 0;
    font-size: 10px;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
    -webkit-transform-origin: left top;
            transform-origin: left top;
  }
  .l-footer__tit {
    font-size: 26px;
  }
  .l-footer__txt {
    margin: 17px 0 0;
    font-size: 12px;
    line-height: 2;
    letter-spacing: 0.2em;
  }
  .l-footer__txt.min {
    margin: 15px 0 0;
    font-size: 10px;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
    -webkit-transform-origin: left top;
            transform-origin: left top;
    line-height: 2;
  }
  .l-footer-sns {
    width: 80px;
    bottom: 35px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .l-footer-sns li {
    position: relative;
    top: -2px;
    margin: 0 0 0 14px;
    text-align: center;
  }
  .l-footer-sns li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .l-footer-sns li a.ig svg {
    width: 24px;
  }
  .l-footer-sns li a svg {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    fill: #464646;
  }
  .l-footer-sns li a:hover svg {
    fill: #D7A461;
  }
  .l-footer-sns li img {
    width: 30px;
  }
  .l-footer-sns li .ig img {
    display: inline-block;
    width: 24px;
  }
}

/* スライドの動き等速 */
.swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  margin: 1.95312vw auto 0vw;
  /* 画像のサイズ調整 */
}

.swiper-wrapper .swiper-slide img {
  height: auto;
  width: 100%;
}

@media all and (max-width: 1000px) {
  .swiper-wrapper .swiper-slide a {
    position: relative;
    display: block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .swiper-wrapper .swiper-slide a:after {
    content: "";
    display: block;
    position: absolute;
    top: 69%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 6.4vw;
    height: 6.4vw;
    background: url(../img/ico_play.svg) center center;
    background-size: contain;
    z-index: 2;
  }
  .swiper-wrapper .swiper-slide a:hover {
    opacity: 0.7;
  }
}

@media screen and (min-width: 1001px), print {
  .swiper-wrapper .swiper-slide {
    width: 23.4375vw;
  }
  .swiper-wrapper .swiper-slide a {
    position: relative;
    display: block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .swiper-wrapper .swiper-slide a:after {
    content: "";
    display: block;
    position: absolute;
    top: 71%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 3.125vw;
    height: 3.125vw;
    background: url(../img/ico_play.svg) center center;
    background-size: contain;
    z-index: 2;
  }
  .swiper-wrapper .swiper-slide a:hover {
    opacity: 0.7;
  }
}

@media all and (max-width: 1000px) {
  .lity-close {
    position: absolute;
    top: -38px;
    right: 10px;
    width: 23px;
    height: 23px;
  }
}

@media screen and (min-width: 1001px), print {
  .lity-close {
    position: absolute;
    right: 5px;
    top: -38px;
    width: 23px;
    height: 23px;
  }
}

.p-contentwrap {
  -webkit-transition: 1s cubic-bezier(0.31, -0.01, 0.18, 0.97);
  transition: 1s cubic-bezier(0.31, -0.01, 0.18, 0.97);
}

.bg2023 {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.bg2023__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 540px;
  opacity: 0;
  -webkit-transition: 1s 1s;
  transition: 1s 1s;
}

.bg2023__close {
  position: absolute;
  right: 70px;
  top: 60px;
  display: block;
  width: 37px;
  z-index: 10;
  cursor: pointer;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.bg2023__photo {
  display: block;
}

.bg2023.in .bg2023__inner {
  opacity: 1;
}

@media all and (max-width: 1000px) {
  .bg2023__inner {
    width: 72vw;
  }
  .bg2023__close {
    top: 8vw;
    right: 9.33333vw;
    width: 4.93333vw;
  }
}

@media screen and (min-width: 1001px), print {
  .bg2023__close:hover {
    opacity: 0.7;
  }
}
/*# sourceMappingURL=common.css.map */