@charset "UTF-8";
/*リセット
--------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*メディアクエリー
---------------------------------------------*/
/*変数
---------------------------------------------*/
/*fonts
---------------------------------------------*/
/*
weight: 300 or 500
font-family: 'Archivo', sans-serif;

font-family: 'Instrument Serif', serif;
font-family: 'Noto Sans JP', sans-serif;
/* common
---------------------------------------------*/
html,
body {
  width: 100%;
  color: #000000;
  font-size: 12px;
  font-family: "Instrument Serif", serif;
  height: 100%;
  position: relative;
}

img {
  width: 100%;
  display: block;
}

@media screen and (min-width: 769px) {
  .pcNone {
    display: none !important;
  }
}
@media screen and (max-width: 768px) {
  .pcNone {
    display: block;
  }
}

@media screen and (min-width: 769px) {
  .spNone {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .spNone {
    display: none !important;
  }
}

div.wrapper {
  min-height: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

div.fixed {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background: #fff;
}

header {
  position: relative;
  width: 100%;
  overflow: hidden;
  -ms-filter: blur(0px);
  filter: blur(0px);
  transition: 1s;
}
@media screen and (min-width: 769px) {
  header {
    height: 100vh;
  }
}
@media screen and (max-width: 768px) {
  header {
    background: #759548;
  }
}
@media screen and (min-width: 769px) {
  header.filter {
    -ms-filter: blur(5px);
    filter: blur(5px);
  }
}
@media screen and (max-width: 768px) {
  header::before {
    content: "";
    display: block;
    padding-top: 224.8%;
  }
}
header video {
  position: absolute;
}
@media screen and (min-width: 769px) {
  header video {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    min-width: 100%;
    min-height: 100%;
  }
}
@media screen and (max-width: 768px) {
  header video {
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
  }
}
header div.img {
  position: absolute;
  transition: 1.5s;
}
@media screen and (min-width: 769px) {
  header div.img {
    width: 43.9238653001%;
    top: 25.9114583333%;
    left: 13.616398243%;
    -webkit-clip-path: inset(100% 100% round 13.5146412884vw);
            clip-path: inset(100% 100% round 13.5146412884vw);
    box-sizing: border-box;
  }
}
@media screen and (max-width: 768px) {
  header div.img {
    width: 79.7333333333%;
    top: 36.6548042705%;
    left: 50%;
    transform: translateX(-50%);
    border: 1.0666666667vw solid #F4B0AF;
    box-sizing: border-box;
    border-radius: 24.5333333333vw;
    overflow: hidden;
    height: 49.0666666667vw;
    -webkit-clip-path: inset(100% 100% round 24.5333333333vw);
    clip-path: inset(100% 100% round 24.5333333333vw);
  }
}
@media screen and (min-width: 769px) {
  header div.img.on {
    -webkit-clip-path: inset(0% 0% round 15.3733528551vw);
    clip-path: inset(0% 0% round 15.3733528551vw);
  }
}
@media screen and (max-width: 768px) {
  header div.img.on {
    -webkit-clip-path: inset(0% 0% round 24.5333333333vw);
    clip-path: inset(0% 0% round 24.5333333333vw);
  }
}
@media screen and (min-width: 769px) {
  header div.img img {
    box-sizing: border-box;
    border-radius: 15.3733528551vw;
    border: 0.3660322108vw solid #F4B0AF;
  }
}
@media screen and (min-width: 769px) {
  header div.title {
    width: 23.9385065886%;
    position: absolute;
    top: 29.9479166667%;
    right: 13.5431918009%;
  }
}
@media screen and (max-width: 768px) {
  header div.title {
    width: 71.2%;
    position: absolute;
    top: 60.8540925267%;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 769px) {
  header div.title h1 {
    margin-bottom: 2.635431918vw;
  }
}
@media screen and (max-width: 768px) {
  header div.title h1 {
    margin-bottom: 8.2666666667vw;
    width: 97.0037453184%;
  }
}
header div.title h1 span {
  display: block;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  header div.title h1 span img {
    transition: 1s;
    transform: translateY(100%);
  }
}
@media screen and (max-width: 768px) {
  header div.title h1 span img.on {
    transform: translateY(0%);
  }
}
header div.title h1 span:nth-child(1) {
  width: 97.247706422%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  header div.title h1 span:nth-child(1) {
    width: 97.0037453184%;
  }
}
header div.title h1 span:nth-child(2) {
  width: 31.8042813456%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  header div.title h1 span:nth-child(2) {
    width: 31.8352059925%;
  }
}
header div.title h1 span:nth-child(2) img {
  transition-delay: 0.5s;
}
header div.title h1 span:nth-child(3) {
  width: 92.9663608563%;
  margin: 0 0 0 auto;
}
@media screen and (max-width: 768px) {
  header div.title h1 span:nth-child(3) {
    width: 93.2584269663%;
  }
}
header div.title h1 span:nth-child(3) img {
  transition-delay: 1s;
}
header div.title h2 {
  font-family: "Archivo", sans-serif;
  font-weight: 500;
  text-align: center;
  color: #F4B0AF;
}
@media screen and (min-width: 769px) {
  header div.title h2 {
    font-size: 2.196193265vw;
    line-height: 1.2666666667;
  }
}
@media screen and (max-width: 768px) {
  header div.title h2 {
    font-size: 6.6666666667vw;
    line-height: 1.32;
  }
}
header div.title h2 > span {
  display: block;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  header div.title h2 > span:first-child {
    margin-bottom: 2.6666666667vw;
  }
}
@media screen and (min-width: 769px) {
  header div.title h2 > span:first-child {
    margin-bottom: 1.0248901903vw;
  }
}
header div.title h2 > span:first-child span {
  transition-delay: 1s;
}
header div.title h2 > span:nth-child(2) span {
  transition-delay: 1.5s;
}
@media screen and (max-width: 768px) {
  header div.title h2 > span span {
    display: block;
    transform: translateY(100%);
    transition: 1s;
    line-height: 1;
  }
}
@media screen and (max-width: 768px) {
  header div.title h2 > span span.on {
    transform: translateY(0%);
  }
}
header p {
  font-family: "Archivo", sans-serif;
  font-weight: 500;
  position: absolute;
  color: #F4B0AF;
}
@media screen and (min-width: 769px) {
  header p {
    font-size: 0.878477306vw;
    top: 3.90625%;
    left: 3.90625%;
    line-height: 1.1666666667;
  }
}
@media screen and (max-width: 768px) {
  header p {
    font-size: 2.6666666667vw;
    line-height: 1.2;
    top: 2.3724792408%;
    left: 5.3333333333%;
  }
}

main {
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  main {
    position: relative;
    top: -0.3660322108vw;
    margin-bottom: -0.3660322108vw;
  }
}
@media screen and (max-width: 768px) {
  main ul.credit {
    width: 83.7333333333%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 769px) {
  main ul.credit li {
    margin-bottom: 1.0980966325vw;
  }
}
@media screen and (max-width: 768px) {
  main ul.credit li {
    margin-bottom: 4vw;
    height: 6.1333333333vw;
    width: 45.2229299363%;
  }
}
main ul.credit li a {
  color: #F4B0AF;
  text-decoration: none;
  position: relative;
  display: block;
  width: 100%;
}
@media screen and (min-width: 769px) {
  main ul.credit li a {
    font-size: 1.317715959vw;
  }
}
@media screen and (max-width: 768px) {
  main ul.credit li a {
    font-size: 4vw;
  }
}
main ul.credit li a span {
  display: inline-block;
}
@media screen and (min-width: 769px) {
  main ul.credit li a span {
    margin-left: 1.317715959vw;
  }
}
@media screen and (max-width: 768px) {
  main ul.credit li a span {
    margin-left: 2.6666666667vw;
  }
}
main ul.credit li a::after {
  font-family: "Archivo", sans-serif;
  font-weight: 300;
  content: "buy";
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #F4B0AF;
  border-radius: 50%;
  transition: 1s;
  box-sizing: border-box;
}
@media screen and (min-width: 769px) {
  main ul.credit li a::after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 0.9516837482vw;
    width: 4.0263543192vw;
    height: 1.8301610542vw;
  }
}
@media screen and (max-width: 768px) {
  main ul.credit li a::after {
    font-size: 3.2vw;
    width: 13.8666666667vw;
    height: 6.1333333333vw;
    position: absolute;
    right: 0;
    top: -28%;
  }
}
main ul.credit li a:hover::after {
  background: #F4B0AF;
  color: #fff;
}
main div.green {
  background: #759548;
}
@media screen and (min-width: 769px) {
  main div.green {
    padding: 8.0527086384vw 0 10.980966325vw;
  }
}
@media screen and (min-width: 769px) {
  main div.green div.inner {
    width: 72.0351390922%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 769px) {
  main div.green div.inner div.block01 {
    margin-bottom: 7.6866764275vw;
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block01 {
    margin-bottom: 6.6666666667vw;
  }
}
main div.green div.inner div.block01 ul.img {
  position: relative;
}
@media screen and (min-width: 769px) {
  main div.green div.inner div.block01 ul.img {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.8301610542vw;
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block01 ul.img {
    display: flex;
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 769px) {
  main div.green div.inner div.block01 ul.img li {
    width: 48.4756097561%;
  }
}
main div.green div.inner div.block01 ul.img li:first-child {
  display: block;
  position: absolute;
  color: #F4B0AF;
  width: auto;
}
@media screen and (min-width: 769px) {
  main div.green div.inner div.block01 ul.img li:first-child {
    font-size: 4.7584187408vw;
    top: 50%;
    transform: translateY(-50%);
    left: 13.6178861789%;
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block01 ul.img li:first-child {
    font-size: 12vw;
    top: 44.9096098953%;
    left: 0.2666666667vw;
  }
}
@media screen and (min-width: 769px) {
  main div.green div.inner div.block01 ul.img li:first-child span {
    display: inline-block;
    transform: translateX(-55%);
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block01 ul.img li:first-child span {
    display: inline-block;
    transform: translateX(-55%);
  }
}
main div.green div.inner div.block01 ul.img li:last-child {
  display: block;
  position: absolute;
  color: #F4B0AF;
  width: auto;
}
@media screen and (min-width: 769px) {
  main div.green div.inner div.block01 ul.img li:last-child {
    font-size: 4.7584187408vw;
    top: 50%;
    transform: translateY(-50%);
    left: 51.1178861789%;
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block01 ul.img li:last-child {
    top: 49.7621313035%;
    font-size: 12vw;
    right: 0.2666666667vw;
  }
}
@media screen and (min-width: 769px) {
  main div.green div.inner div.block01 ul.img li:last-child span {
    display: inline-block;
    transform: translateX(55%);
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block01 ul.img li:last-child span {
    display: inline-block;
    transform: translateX(55%);
  }
}
@media screen and (min-width: 769px) {
  main div.green div.inner div.block01 ul.credit {
    width: 42.0731707317%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block01 ul.credit {
    margin: 8vw auto 0;
  }
}
@media screen and (min-width: 769px) {
  main div.green div.inner div.block01 ul.credit li:nth-child(odd) {
    width: 50%;
  }
}
@media screen and (min-width: 769px) {
  main div.green div.inner div.block01 ul.credit li:nth-child(even) {
    width: 38.4057971014%;
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block01 ul.credit li:nth-child(1) span {
    margin: 0;
    line-height: 1.1333333333;
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block01 ul.credit li:nth-child(1) a::after {
    top: -14%;
  }
}
main div.green div.inner div.block02 {
  position: relative;
}
@media screen and (min-width: 769px) {
  main div.green div.inner div.block02 {
    margin-bottom: 4.5387994143vw;
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block02 {
    margin-bottom: 5.3333333333vw;
  }
}
main div.green div.inner div.block02::before {
  content: "";
  display: block;
}
@media screen and (min-width: 769px) {
  main div.green div.inner div.block02::before {
    padding-top: 93.4959349593%;
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block02::before {
    padding-top: 400%;
  }
}
main div.green div.inner div.block02 div.img01 {
  position: absolute;
}
@media screen and (min-width: 769px) {
  main div.green div.inner div.block02 div.img01 {
    left: 0;
    top: 3.2608695652%;
    width: 27.6422764228%;
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block02 div.img01 {
    width: 68.8%;
    left: 50%;
    transform: translateX(-50%);
    top: 67.6%;
  }
}
main div.green div.inner div.block02 div.img02 {
  position: absolute;
  z-index: 2;
}
@media screen and (min-width: 769px) {
  main div.green div.inner div.block02 div.img02 {
    right: 2.1298174442%;
    top: -13.6956521739%;
    width: 44.1056910569%;
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block02 div.img02 {
    width: 88.2666666667%;
    top: 1.3333333333%;
    left: 50%;
    transform: translateX(-50%);
  }
}
main div.green div.inner div.block02 div.img02 img {
  transform: translateX(100%);
  transition: 1s;
}
main div.green div.inner div.block02 div.img02 img.on {
  transform: translateX(0%);
}
main div.green div.inner div.block02 div.img03 {
  position: absolute;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  main div.green div.inner div.block02 div.img03 {
    left: -1.1156186613%;
    top: 37.3913043478%;
    width: 53.2520325203%;
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block02 div.img03 {
    right: 0;
    top: 46.4%;
    width: 92%;
  }
}
main div.green div.inner div.block02 div.img03::before {
  content: "";
  display: block;
  padding-top: 70.8015267176%;
}
main div.green div.inner div.block02 div.img03 video {
  display: block;
  width: auto;
  height: 100%;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
main div.green div.inner div.block02 div.img04 {
  position: absolute;
  animation: shake 2s infinite;
}
@media screen and (min-width: 769px) {
  main div.green div.inner div.block02 div.img04 {
    right: 3.752535497%;
    top: -19.7826086957%;
    width: 23.8821138211%;
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block02 div.img04 {
    top: 0;
    right: 9.6%;
    width: 41.3333333333%;
  }
}
main div.green div.inner div.block02 div.img05 {
  position: absolute;
}
@media screen and (min-width: 769px) {
  main div.green div.inner div.block02 div.img05 {
    left: -3.4552845528%;
    top: 0%;
    width: 21.5447154472%;
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block02 div.img05 {
    width: 53.0666666667%;
    top: 65.7333333333%;
    left: 8.5333333333%;
  }
}
main div.green div.inner div.block02 ul.credit {
  position: absolute;
}
@media screen and (min-width: 769px) {
  main div.green div.inner div.block02 ul.credit {
    width: 20.325203252%;
    left: 31.8089430894%;
    top: 14.6739130435%;
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block02 ul.credit {
    top: 37.0666666667%;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block02 ul.credit li:nth-child(1) {
    order: 1;
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block02 ul.credit li:nth-child(2) {
    order: 3;
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block02 ul.credit li:nth-child(3) {
    order: 5;
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block02 ul.credit li:nth-child(4) {
    order: 2;
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block02 ul.credit li:nth-child(4) span {
    margin: 0;
    line-height: 1.1333333333;
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block02 ul.credit li:nth-child(4) a::after {
    top: -14%;
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block02 ul.credit li:nth-child(5) {
    order: 4;
  }
}
main div.green div.inner div.block02 p {
  position: absolute;
  color: #F4B0AF;
}
@media screen and (min-width: 769px) {
  main div.green div.inner div.block02 p {
    font-size: 6.588579795vw;
    line-height: 1.1111111111;
    bottom: 0;
    right: -9.8577235772%;
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block02 p {
    font-size: 16vw;
    line-height: 1;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 86.6666666667%;
  }
}
main div.green div.inner div.block02 p > span {
  overflow: hidden;
  display: inline-block;
}
main div.green div.inner div.block02 p > span span {
  display: inline-block;
  transform: translateY(100%);
  transition: 1s;
}
main div.green div.inner div.block02 p > span span.on {
  transform: translateY(0%);
}
main div.green div.inner div.block03 {
  position: relative;
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block03 {
    padding-bottom: 17.3333333333vw;
  }
}
main div.green div.inner div.block03 div.img {
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  main div.green div.inner div.block03 div.img {
    width: 65.3455284553%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block03 div.img {
    width: 84.2666666667%;
    margin: 0 auto;
  }
}
main div.green div.inner div.block03 div.img img {
  transform: scale(1.2);
  transition: 1s;
  transition-delay: 1s;
}
main div.green div.inner div.block03 div.img img.on {
  transform: scale(1);
}
@media screen and (min-width: 769px) {
  main div.green div.inner div.block03 ul.credit {
    position: absolute;
    width: 18.5975609756%;
    right: -6.5040650407%;
    bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block03 ul.credit {
    margin: 8vw auto 0;
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block03 ul.credit li:nth-child(1) {
    order: 1;
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block03 ul.credit li:nth-child(2) {
    order: 3;
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block03 ul.credit li:nth-child(3) {
    order: 5;
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block03 ul.credit li:nth-child(4) {
    order: 2;
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block03 ul.credit li:nth-child(4) span {
    margin: 0;
    line-height: 1.1333333333;
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block03 ul.credit li:nth-child(4) a::after {
    top: -14%;
  }
}
@media screen and (max-width: 768px) {
  main div.green div.inner div.block03 ul.credit li:nth-child(5) {
    order: 4;
  }
}
main div.break {
  position: relative;
  width: 100%;
  overflow: hidden;
}
main div.break::before {
  content: "";
  display: block;
}
@media screen and (min-width: 769px) {
  main div.break::before {
    padding-top: 55.9297218155%;
  }
}
@media screen and (max-width: 768px) {
  main div.break::before {
    padding-top: 100%;
  }
}
main div.break video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
main div.pink {
  background: #F4B0AF;
  position: relative;
}
@media screen and (min-width: 769px) {
  main div.pink {
    padding: 7.3206442167vw 0 7.3206442167vw;
  }
}
@media screen and (max-width: 768px) {
  main div.pink {
    padding: 18.6666666667vw 0 18.6666666667vw;
  }
}
main div.pink div#wave {
  position: absolute;
  left: 0;
}
@media screen and (min-width: 769px) {
  main div.pink div#wave {
    width: 100%;
    top: 28%;
  }
}
@media screen and (max-width: 768px) {
  main div.pink div#wave {
    width: 329.8666666667%;
    top: 27%;
  }
}
@media screen and (max-width: 375px) {
  main div.pink div#wave {
    width: 300%;
  }
}
@media screen and (min-width: 769px) {
  main div.pink div.inner {
    width: 72.0351390922%;
    margin: 0 auto;
  }
}
main div.pink ul.credit li a {
  color: #64823A;
}
main div.pink ul.credit li a::after {
  border: 1px solid #64823A;
}
main div.pink ul.credit li a:hover::after {
  background: #64823A;
  color: #fff;
}
main div.pink div.block04 {
  position: relative;
}
@media screen and (min-width: 769px) {
  main div.pink div.block04 {
    margin-bottom: 6.0029282577vw;
  }
}
@media screen and (max-width: 768px) {
  main div.pink div.block04 {
    margin-bottom: 1.8666666667vw;
  }
}
main div.pink div.block04::before {
  content: "";
  display: block;
}
@media screen and (min-width: 769px) {
  main div.pink div.block04::before {
    padding-top: 71.4430894309%;
  }
}
@media screen and (min-width: 769px) {
  main div.pink div.block04 div.img01 {
    top: 0;
    position: absolute;
    left: 4.5731707317%;
    width: 50.406504065%;
  }
}
@media screen and (max-width: 768px) {
  main div.pink div.block04 div.img01 {
    width: 80%;
    margin: 0 auto 13.3333333333vw;
  }
}
main div.pink div.block04 div.img02 {
  transition: 1.5s;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  main div.pink div.block04 div.img02 {
    position: absolute;
    top: 0;
    right: 1.2195121951%;
    width: 36.5853658537%;
    -webkit-clip-path: inset(100% 100% round 13.1881405564vw);
    clip-path: inset(100% 100% round 13.1881405564vw);
  }
}
@media screen and (max-width: 768px) {
  main div.pink div.block04 div.img02 {
    width: 80%;
    margin: 0 auto 12vw;
    -webkit-clip-path: inset(100% 100% round 40vw);
    clip-path: inset(100% 100% round 40vw);
  }
}
@media screen and (min-width: 769px) {
  main div.pink div.block04 div.img02.on {
    -webkit-clip-path: inset(0% 0% round 13.1881405564vw);
    clip-path: inset(0% 0% round 13.1881405564vw);
  }
}
@media screen and (max-width: 768px) {
  main div.pink div.block04 div.img02.on {
    -webkit-clip-path: inset(0% 0% round 40vw);
    clip-path: inset(0% 0% round 40vw);
  }
}
@media screen and (min-width: 769px) {
  main div.pink div.block04 ul.credit {
    position: absolute;
    bottom: 0;
    left: 60.2642276423%;
    width: 19.6138211382%;
  }
}
@media screen and (max-width: 768px) {
  main div.pink div.block04 ul.credit {
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  main div.pink div.block04 ul.credit li:nth-child(1) {
    order: 1;
  }
}
@media screen and (max-width: 768px) {
  main div.pink div.block04 ul.credit li:nth-child(1) span {
    margin: 0;
    line-height: 1.1333333333;
  }
}
@media screen and (max-width: 768px) {
  main div.pink div.block04 ul.credit li:nth-child(1) a::after {
    top: -14%;
  }
}
@media screen and (max-width: 768px) {
  main div.pink div.block04 ul.credit li:nth-child(2) {
    order: 3;
  }
}
@media screen and (max-width: 768px) {
  main div.pink div.block04 ul.credit li:nth-child(3) {
    order: 2;
  }
}
@media screen and (max-width: 768px) {
  main div.pink div.block04 ul.credit li:nth-child(3) span {
    margin: 0;
    line-height: 1.1333333333;
  }
}
@media screen and (max-width: 768px) {
  main div.pink div.block04 ul.credit li:nth-child(3) a::after {
    top: -14%;
  }
}
main div.pink div.block05 {
  position: relative;
}
main div.pink div.block05::before {
  content: "";
  display: block;
}
@media screen and (min-width: 769px) {
  main div.pink div.block05::before {
    padding-top: 96.9512195122%;
  }
}
@media screen and (max-width: 768px) {
  main div.pink div.block05::before {
    padding-top: 342.6666666667%;
  }
}
main div.pink div.block05 div.img01 {
  position: absolute;
}
@media screen and (min-width: 769px) {
  main div.pink div.block05 div.img01 {
    width: 40.6504065041%;
    top: 3.9832285115%;
    right: 3.5569105691%;
  }
}
@media screen and (max-width: 768px) {
  main div.pink div.block05 div.img01 {
    width: 86.6666666667%;
    top: 14.9416342412%;
    left: 50%;
    transform: translateX(-50%);
  }
}
main div.pink div.block05 div.img02 {
  position: absolute;
  z-index: 2;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  main div.pink div.block05 div.img02 {
    width: 35.7723577236%;
    left: 12.093495935%;
    bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  main div.pink div.block05 div.img02 {
    top: 57.6653696498%;
    right: 5.6%;
    width: 71.4666666667%;
  }
}
main div.pink div.block05 div.img02 img {
  transform: translateY(100%);
  transition: 1s;
}
main div.pink div.block05 div.img02 img.on {
  transform: translateY(0%);
}
main div.pink div.block05 div.img03 {
  position: absolute;
}
@media screen and (min-width: 769px) {
  main div.pink div.block05 div.img03 {
    width: 49.7967479675%;
    left: 1.7276422764%;
    top: 43.2914046122%;
  }
}
@media screen and (max-width: 768px) {
  main div.pink div.block05 div.img03 {
    top: 55.8754863813%;
    left: 50%;
    transform: translateX(-50%);
    width: 86.9333333333%;
  }
}
main div.pink div.block05 div.img04 {
  position: absolute;
}
@media screen and (min-width: 769px) {
  main div.pink div.block05 div.img04 {
    width: 16.2601626016%;
    left: 0%;
    top: 50.5241090147%;
  }
}
@media screen and (max-width: 768px) {
  main div.pink div.block05 div.img04 {
    width: 37.3333333333%;
    top: 56.9314641745%;
    left: 12%;
    transform: rotate(30deg);
  }
}
main div.pink div.block05 div.img04 img {
  opacity: 0;
  transition: 1s;
  transition-delay: 1s;
}
main div.pink div.block05 div.img04 img.on {
  opacity: 1;
  animation: tiltImage 2s linear infinite;
}
main div.pink div.block05 ul.credit {
  position: absolute;
}
@media screen and (min-width: 769px) {
  main div.pink div.block05 ul.credit {
    width: 18.4959349593%;
    top: 66.3522012579%;
    right: 3.5569105691%;
  }
}
@media screen and (max-width: 768px) {
  main div.pink div.block05 ul.credit {
    top: 86.6147859922%;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media screen and (max-width: 768px) {
  main div.pink div.block05 ul.credit li:nth-child(1) {
    order: 1;
  }
}
@media screen and (max-width: 768px) {
  main div.pink div.block05 ul.credit li:nth-child(2) {
    order: 3;
  }
}
@media screen and (max-width: 768px) {
  main div.pink div.block05 ul.credit li:nth-child(3) {
    order: 5;
  }
}
@media screen and (max-width: 768px) {
  main div.pink div.block05 ul.credit li:nth-child(4) {
    order: 2;
  }
}
@media screen and (max-width: 768px) {
  main div.pink div.block05 ul.credit li:nth-child(5) {
    order: 4;
  }
}
main div.pink div.block06 {
  position: relative;
}
main div.pink div.block06::before {
  content: "";
  display: block;
}
@media screen and (min-width: 769px) {
  main div.pink div.block06::before {
    padding-top: 87.3983739837%;
  }
}
main div.pink div.block06 ul.img {
  width: 100%;
}
@media screen and (min-width: 769px) {
  main div.pink div.block06 ul.img {
    position: absolute;
    left: 0;
    top: 5.8139534884%;
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 769px) {
  main div.pink div.block06 ul.img li {
    width: 48.4756097561%;
  }
}
@media screen and (max-width: 768px) {
  main div.pink div.block06 ul.img li {
    width: 80.2666666667%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  main div.pink div.block06 ul.img li:first-child {
    margin: 0 auto 8vw;
  }
}
@media screen and (min-width: 769px) {
  main div.pink div.block06 ul.img li:first-child img {
    transform: translateX(-35%);
  }
}
@media screen and (max-width: 768px) {
  main div.pink div.block06 ul.img li:first-child img {
    transform: translateX(-35%);
  }
}
@media screen and (min-width: 769px) {
  main div.pink div.block06 ul.img li:last-child img {
    transform: translateX(35%);
  }
}
@media screen and (max-width: 768px) {
  main div.pink div.block06 ul.img li:last-child img {
    transform: translateX(35%);
  }
}
@media screen and (min-width: 769px) {
  main div.pink div.block06 ul.credit {
    position: absolute;
    left: 0;
    top: 90.1162790698%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 39.1260162602%;
  }
}
@media screen and (max-width: 768px) {
  main div.pink div.block06 ul.credit {
    margin: 13.3333333333vw auto 0;
  }
}
@media screen and (min-width: 769px) {
  main div.pink div.block06 ul.credit li {
    width: 43.8961038961%;
  }
}
@media screen and (max-width: 768px) {
  main div.pink div.block06 ul.credit li:nth-child(1) {
    order: 1;
  }
}
@media screen and (max-width: 768px) {
  main div.pink div.block06 ul.credit li:nth-child(2) {
    order: 3;
  }
}
@media screen and (max-width: 768px) {
  main div.pink div.block06 ul.credit li:nth-child(3) {
    order: 2;
  }
}
@media screen and (max-width: 768px) {
  main div.pink div.block06 ul.credit li:nth-child(4) {
    order: 4;
  }
}

footer {
  position: relative;
  overflow: hidden;
}
footer::before {
  content: "";
  display: block;
}
@media screen and (min-width: 769px) {
  footer::before {
    padding-top: 104.6852122987%;
  }
}
@media screen and (max-width: 768px) {
  footer::before {
    padding-top: 248.5333333333%;
  }
}
footer::after {
  content: "";
  display: block;
}
@media screen and (max-width: 768px) {
  footer::after {
    padding-top: 78.9333333333%;
    background: #759548;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
  }
}
footer div.img {
  position: absolute;
}
@media screen and (min-width: 769px) {
  footer div.img {
    transform: translateY(0%);
    top: 0;
  }
}
@media screen and (max-width: 768px) {
  footer div.img {
    top: 0;
    transform: translateY(0%);
  }
}
footer div.logo {
  position: absolute;
}
@media screen and (min-width: 769px) {
  footer div.logo {
    width: 72.4743777452%;
    left: 3.6603221083%;
    bottom: 5.034965035%;
  }
}
@media screen and (max-width: 768px) {
  footer div.logo {
    width: 92.5333333333%;
    left: 50%;
    transform: translateX(-50%);
    top: 85.9442060086%;
    z-index: 2;
  }
}
@media screen and (min-width: 769px) {
  footer ul.linkArea {
    position: absolute;
  }
}
@media screen and (max-width: 768px) {
  footer ul.linkArea {
    width: 100%;
    position: absolute;
  }
}
@media screen and (min-width: 769px) {
  footer ul.linkArea {
    width: 60.7613469985%;
    display: flex;
    justify-content: space-between;
    top: 79.7202797203%;
    left: 3.6603221083%;
  }
}
@media screen and (max-width: 768px) {
  footer ul.linkArea {
    width: 53.3333333333%;
    margin: 0 auto;
    top: 45.6008583691%;
    left: 50%;
    transform: translateX(-50%);
  }
}
footer ul.linkArea li {
  width: 100%;
  font-family: "Archivo", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  footer ul.linkArea li {
    margin-bottom: 5.3333333333vw;
  }
}
footer ul.linkArea li a {
  box-sizing: border-box;
  display: block;
  border: 1px solid #F4B0AF;
  text-decoration: none;
  letter-spacing: 0.05em;
  color: #F4B0AF;
}
@media screen and (min-width: 769px) {
  footer ul.linkArea li a {
    font-size: 0.9516837482vw;
    text-align: center;
    width: 14.6412884334vw;
    height: 2.196193265vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.9516837482vw;
  }
}
@media screen and (max-width: 768px) {
  footer ul.linkArea li a {
    font-size: 3.4666666667vw;
    text-align: center;
    width: 53.3333333333vw;
    height: 8vw;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3.4666666667vw;
  }
}
footer p.staff {
  color: #F4B0AF;
  font-family: "Archivo", sans-serif;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
  position: absolute;
}
@media screen and (min-width: 769px) {
  footer p.staff {
    font-size: 0.7320644217vw;
    left: 78.2576866764%;
    top: 85.1048951049%;
  }
}
@media screen and (max-width: 768px) {
  footer p.staff {
    position: absolute;
    z-index: 2;
    font-size: 2.6666666667vw;
    text-align: center;
    top: 69.4206008584%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
  }
}
footer p.staff span {
  font-family: "Noto Sans JP", sans-serif;
}
footer p.copy {
  position: absolute;
  color: #F4B0AF;
  font-family: "Archivo", sans-serif;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 769px) {
  footer p.copy {
    font-size: 0.878477306vw;
    bottom: 4.8951048951%;
    left: 78.2576866764%;
  }
}
@media screen and (max-width: 768px) {
  footer p.copy {
    font-size: 3.2vw;
    z-index: 2;
    bottom: 5.0429184549%;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
  }
}

/*----- 動きなど --- */
/* マウスストーカー */
/* scale up */
@keyframes scaleup {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
/* shake */
@keyframes shake {
  0% {
    transform: translateX(0px);
  }
  10% {
    transform: rotate(0);
  }
  20% {
    transform: translateX(0px);
  }
  30% {
    transform: translateX(5px);
  }
  40% {
    transform: translateX(0px);
  }
  50% {
    transform: translateX(5px);
  }
  60% {
    transform: translateX(0px);
  }
  70% {
    transform: translateX(5px);
  }
  80% {
    transform: translateX(0px);
  }
  90% {
    transform: translateX(2px);
  }
  100% {
    transform: translateX(0px);
  }
}
/* rotate */
@keyframes rotate {
  0% {
    transform: rotate(10deg);
  }
  10% {
    transform: rotate(0);
  }
  20% {
    transform: rotate(10deg);
  }
  30% {
    transform: rotate(0deg);
  }
  40% {
    transform: rotate(5deg);
  }
  50% {
    transform: rotate(0);
  }
  60% {
    transform: rotate(5deg);
  }
  70% {
    transform: rotate(0);
  }
  80% {
    transform: rotate(5deg);
  }
  90% {
    transform: rotate(-2deg);
  }
  100% {
    transform: rotate(7deg);
  }
}
@keyframes tiltImage {
  0% {
    transform: rotate(8deg);
  }
  20% {
    transform: rotate(8deg);
  }
  21% {
    transform: rotate(-4deg);
  }
  40% {
    transform: rotate(-4deg);
  }
  41% {
    transform: rotate(6deg);
  }
  60% {
    transform: rotate(6deg);
  }
  61% {
    transform: rotate(-5deg);
  }
  80% {
    transform: rotate(-5deg);
  }
  81% {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(0deg);
  }
}
svg {
  fill: #759548 !important;
  font-family: "Archivo", sans-serif;
  font-weight: 400;
}
@media screen and (min-width: 769px) {
  svg {
    font-size: 197%;
  }
}
@media screen and (max-width: 768px) {
  svg {
    font-size: 197%;
  }
}
@media screen and (max-width: 375px) {
  svg {
    font-size: 141%;
    letter-spacing: 0.007em;
  }
}/*# sourceMappingURL=style.css.map */