@charset "UTF-8";

html {

  height: 100%;

  background-color: #fff;

  font-size: 62.5%;

  scroll-behavior: smooth;

}



@media screen and (max-width: 750px) {

  html {

    font-size: 1.3333vw;

  }

}

body {

  width: 100%;

  min-height: 100%;

  margin: 0;

  padding: 0;

  font-size: 1.6rem;

  line-height: 1.6;

  font-family: "Helvetica Neue", Arial, Meiryo, sans-serif;

  background-color: #fff7ed;

  color: #6b4812;

  -webkit-text-size-adjust: 100%;

  -webkit-tap-highlight-color: transparent;

  overflow-x: hidden;

}



a {

  display: inline-block;

  -webkit-transition: color 0.5s;

  transition: color 0.5s;

}



a img {

  display: inline-block;

  -webkit-transition: opacity 0.5s;

  transition: opacity 0.5s;

}



a:hover img {

  opacity: .7;

}



img {

  width: 100%;

  max-width: 100%;

  height: auto;

  display: inline-block;

  vertical-align: top;

}



.l-container {

  overflow: hidden;

}



main {

  display: block;

}



h1, h2, h3, h4, h5, h6 {

  margin: 0;

  padding: 0;

  font-size: 1rem;

  line-height: 1;

}



p {

  margin: 0;

  padding: 0;

}



ul, li {

  list-style: none;

  margin: 0;

  padding: 0;

}



dl, dt, dd {

  margin: 0;

  padding: 0;

}



button {

  display: block;

  padding: 0;

  background-color: transparent;

  border: none;

  cursor: pointer;

  outline: none;

  -webkit-appearance: none;

     -moz-appearance: none;

          appearance: none;

}



@media screen and (max-width: 750px) {

  .u-pc-only {

    display: none;

  }



  .u-sp-only {

    display: block;

  }

}

@media screen and (min-width: 751px) {

  .u-pc-only {

    display: block;

  }



  .u-sp-only {

    display: none;

  }

}

.l-wrap {

  width: 100%;

  max-width: 1080px;

  margin: 0 auto;

}



@media screen and (min-width: 751px) {

  .l-column {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

  }



  .p-column02 {

    width: 48%;

  }

}

header {

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  width: 100%;

  position: relative;

  z-index: 10;

}



.l-header {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  width: 100%;

  max-width: 1080px;

  margin: 0 auto;

}



.c-logo {

  background-color: #fff7ed;

  position: relative;

  z-index: 3;

}



.c-logo a {

  display: block;

  width: 120px;

  padding: 20px;

}



@media screen and (min-width: 1080px) {

  .c-logo {

    width: 142px;

  }



  .c-logo a {

    display: block;

    width: 102px;

    padding: 24px 20px;

  }

}

.p-menu__item a {

  display: block;

  padding: 1em;

  font-size: 4rem;

  text-decoration: none;

  color: #694815;

}



.p-menu__item span {

  position: relative;

}



.p-menu__item span:after {

  content: "";

  position: absolute;

  top: 50%;

  right: -1em;

  width: .5em;

  height: .5em;

  display: inline-block;

  border-bottom: 2px solid #694815;

  border-right: 2px solid #694815;

  -webkit-transform: rotate(45deg) translateY(-100%);

          transform: rotate(45deg) translateY(-100%);

}



@media screen and (max-width: 750px) {

  .c-menu-btn {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

    -webkit-box-align: center;

        -ms-flex-align: center;

            align-items: center;

    width: 62px;

    height: 62px;

    margin: 0;

    padding: 0;

    background-color: #fff7ed;

    border: none;

    cursor: pointer;

    outline: none;

    -webkit-appearance: none;

       -moz-appearance: none;

            appearance: none;

    position: relative;

    z-index: 3;

  }



  .p-menu__item a {

    border-bottom: 1px solid #ef9959;

  }



  .c-menu-btn > span {

    display: block;

    width: 100%;

    height: 62px;

    position: relative;

    text-indent: 100%;

    white-space: nowrap;

    overflow: hidden;

  }



  .c-menu-btn > span:before,

  .c-menu-btn > span:after {

    content: "";

    position: absolute;

    left: 50%;

    width: 40px;

    height: 2px;

    border-radius: .2em;

    -webkit-transform: translateX(-50%);

            transform: translateX(-50%);

    background-color: #ef9959;

    -webkit-transition: .2s;

    transition: .2s;

  }



  .c-menu-btn > span:before {

    top: 33.33%;

  }



  .c-menu-btn > span:after {

    top: 66.66%;

  }



  .c-menu-btn.is-active > span:before {

    -webkit-transform: rotate(45deg) translateY(0);

            transform: rotate(45deg) translateY(0);

    top: 50%;

    left: 20%;

  }



  .c-menu-btn.is-active > span:after {

    -webkit-transform: rotate(-45deg) translateY(0);

            transform: rotate(-45deg) translateY(0);

    top: 50%;

    left: 20%;

  }



  .p-menu {

    position: fixed;

    top: 62px;

    left: 0;

    width: 100vw;

    height: calc(100vh - 62px);

    background: #fff7ed;

    border-top: 1px solid #ef9959;

  }



  .p-menu__item {

    list-style: none;

    width: 100%;

    height: auto;

    margin: 0;

    padding: 0;

    color: #fff;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

  }



  .p-menu {

    -webkit-transition: all .2s linear;

    transition: all .2s linear;

    opacity: 0;

    visibility: hidden;

    z-index: 1;

  }



  .p-menu.is-active {

    opacity: 1;

    visibility: visible;

    z-index: 10;

  }



  .noscroll {

    overflow: hidden;

  }

}

@media screen and (min-width: 751px) {

  .c-menu-btn {

    display: none;

  }



  .p-nav {

    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;

    width: calc(100% - 142px);

  }



  .p-menu {

    width: 100%;

  }



  .p-menu__item {

    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;

    width: 100%;

    height: 100%;

    padding-right: 20px;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

  }



  .p-menu__item a {

    font-size: 1.6rem;

    padding: 1rem 2.5rem;

  }

}

.p-kv {

  width: 100%;

  max-width: 1080px;

  margin: 0 auto;

  position: relative;

  z-index: 2;

}

.p-imgs {

  width: 100%;

  height: 100%;

  position: absolute;

  top: 0;

  left: 0;

}



@media screen and (max-width: 750px) {

  .p-imgs {

    overflow: hidden;

  }

}

@media screen and (min-width: 1080px) {

  .p-imgs {

    overflow-x: visible;

  }

}

.u-block {

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

}




.c-lead__moon01 {

  width: 12.13%;

  max-width: 91px;

  margin: 21.8% 0 0 13%;

}



.c-lead__sun01 {

  width: 13.73%;

  max-width: 103px;

  margin: 22.2% 0 0 74.5%;

}



.c-lead__cloud01 {

  width: 39.47%;

  max-width: 296px;

  margin: 41.6% 0 0 -22.5%;

}



.c-lead__cloud02 {

  width: 39.47%;

  max-width: 296px;

  margin: 46.6% 0 0 72.5%;

}



.c-lead__star01 {

  width: 6.53%;

  max-width: 49px;

  margin: -21.5% 0 0 1%;

}



.c-lead__star02 {

  width: 4.8%;

  max-width: 36px;

  margin: -21.5% 0 0 11.5%;

}



.c-lead__bird01 {

  width: 8.8%;

  max-width: 66px;

  margin: -41.5% 0 0 79.6%;

}



.c-lead__bird02 {

  width: 7.6%;

  max-width: 57px;

  margin: -21.5% 0 0 91.5%;

}



@media screen and (max-width: 750px) {

  .c-lead__star03,

  .c-lead__star04,

  .c-lead__bird03,

  .c-lead__bird04 {

    display: none;

  }

}

@media screen and (min-width: 751px) {


  .c-lead__moon01 {

    width: 6.39%;

    max-width: 69px;

    margin: 15.8% 0 0 19%;

  }



  .c-lead__sun01 {

    width: 7.3%;

    max-width: 79px;

    margin: 16.2% 0 0 73.2%;

  }



  .c-lead__cloud01 {

    width: 27.22%;

    max-width: 294px;

    margin: 20.6% 0 0 0;

  }



  .c-lead__cloud02 {

    width: 27.22%;

    max-width: 294px;

    margin: 23.6% 0 0 72.5%;

  }



  .c-lead__star01 {

    width: 2.5%;

    max-width: 27px;

    margin: -.5% 0 0 0;

  }



  .c-lead__star02 {

    width: 2.04%;

    max-width: 22px;

    margin: -.5% 0 0 4.5%;

  }



  .c-lead__star03 {

    width: 2.96%;

    max-width: 32px;

    margin: -4.5% 0 0 9%;

  }



  .c-lead__star04 {

    width: 2.04%;

    max-width: 22px;

    margin: -3.5% 0 0 13.5%;

  }



  .c-lead__bird01 {

    width: 4.44%;

    max-width: 48px;

    margin: -18.5% 0 0 75.6%;

  }



  .c-lead__bird02 {

    width: 3.7%;

    max-width: 40px;

    margin: -2.5% 0 0 82.5%;

  }



  .c-lead__bird03 {

    width: 3.7%;

    max-width: 40px;

    margin: -10.2% 0 0 89%;

  }



  .c-lead__bird04 {

    width: 4.44%;

    max-width: 48px;

    margin: -11.5% 0 0 94.5%;

  }

}

.fade {

  -webkit-transition: all 1s;

  transition: all 1s;

}


.fade.is-active .c-lead__moon01 {

  -webkit-animation: lead03 1s 3s forwards, lead04 3s 5s infinite;

          animation: lead03 1s 3s forwards, lead04 3s 5s infinite;

}



.fade.is-active .c-lead__sun01 {

  -webkit-animation: lead03 1s 3s forwards, lead04 6s 3s infinite;

          animation: lead03 1s 3s forwards, lead04 6s 3s infinite;

}



.fade.is-active .c-lead__cloud01 {

  -webkit-animation: lead03 1s 3s forwards, lead05 8s 5s infinite;

          animation: lead03 1s 3s forwards, lead05 8s 5s infinite;

}



.fade.is-active .c-lead__cloud02 {

  -webkit-animation: lead03 1s 3s forwards, lead05 10s 1s infinite;

          animation: lead03 1s 3s forwards, lead05 10s 1s infinite;

}



.fade.is-active .c-lead__star01 {

  -webkit-animation: lead03 1s 3s forwards, lead06 4s 1.2s infinite;

          animation: lead03 1s 3s forwards, lead06 4s 1.2s infinite;

}



.fade.is-active .c-lead__star02 {

  -webkit-animation: lead03 1s 3s forwards, lead06 4s .4s infinite;

          animation: lead03 1s 3s forwards, lead06 4s .4s infinite;

}



.fade.is-active .c-lead__star03 {

  -webkit-animation: lead03 1s 3s forwards, lead06 4s 2s infinite;

          animation: lead03 1s 3s forwards, lead06 4s 2s infinite;

}



.fade.is-active .c-lead__star04 {

  -webkit-animation: lead03 1s 3s forwards, lead06 4s 1s infinite;

          animation: lead03 1s 3s forwards, lead06 4s 1s infinite;

}



.fade.is-active .c-lead__bird01 {

  -webkit-animation: lead03 1s 3s forwards, lead06 4s 1s infinite;

          animation: lead03 1s 3s forwards, lead06 4s 1s infinite;

}



.fade.is-active .c-lead__bird02 {

  -webkit-animation: lead03 1s 3s forwards, lead06 4s 3s infinite;

          animation: lead03 1s 3s forwards, lead06 4s 3s infinite;

}



.fade.is-active .c-lead__bird03 {

  -webkit-animation: lead03 1s 3s forwards, lead06 4s .5s infinite;

          animation: lead03 1s 3s forwards, lead06 4s .5s infinite;

}



.fade.is-active .c-lead__bird04 {

  -webkit-animation: lead03 1s 3s forwards, lead06 4s 2s infinite;

          animation: lead03 1s 3s forwards, lead06 4s 2s infinite;

}

@-webkit-keyframes lead03 {

  from {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}

@keyframes lead03 {

  from {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}

@-webkit-keyframes lead04 {

  from {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  50% {

    -webkit-transform: rotate(20deg);

            transform: rotate(20deg);

  }

  to {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

}

@keyframes lead04 {

  from {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

  50% {

    -webkit-transform: rotate(20deg);

            transform: rotate(20deg);

  }

  to {

    -webkit-transform: rotate(0deg);

            transform: rotate(0deg);

  }

}

@-webkit-keyframes lead05 {

  from {

    -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

  }

  50% {

    -webkit-transform: translate(30px, 5px);

            transform: translate(30px, 5px);

  }

  to {

    -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

  }

}

@keyframes lead05 {

  from {

    -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

  }

  50% {

    -webkit-transform: translate(30px, 5px);

            transform: translate(30px, 5px);

  }

  to {

    -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

  }

}

@-webkit-keyframes lead06 {

  from {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

  50% {

    -webkit-transform: translateY(-10px);

            transform: translateY(-10px);

  }

  to {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

}

@keyframes lead06 {

  from {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

  50% {

    -webkit-transform: translateY(-10px);

            transform: translateY(-10px);

  }

  to {

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

}

.p-new {

  position: relative;

  padding-top: 8%;

}

.p-new__ttl {

  padding-top: 46%;

  background: #efaf7d url("../img/bg_wave.png") no-repeat top left;

  background-size: 100% auto;

  position: relative;

  overflow-x: hidden;

}

.p-new__ttl > span {

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

}

.p-new__ttl > span:nth-child(1) {

  width: 100%;

  margin-top: 13%;

  text-align: center;

}

.p-new__ttl > span:nth-child(1) img {

  display: block;

  width: 77.2%;

  max-width: 604px;

  margin: 0 auto;

}

.p-new__ttl > span:nth-child(2) {

  width: 9.47%;

  max-width: 71px;

  margin: 21% 0 0 32%;

}

.p-new__ttl > span:nth-child(3) {

  width: 24%;

  max-width: 180px;

  margin: 23.5% 0 0 43%;

}

.p-new__ttl > span:nth-child(4) {

  width: 100%;

  margin-top: 33.5%;

  text-align: center;

}

.p-new__ttl > span:nth-child(4) img {

  display: block;

  width: 75.73%;

  max-width: 568px;

  margin: 0 auto;

}

.p-new__ttl.is-active span:nth-child(1) {

  -webkit-animation: intro01 .5s 0s forwards;

          animation: intro01 .5s 0s forwards;

}

.p-new__ttl.is-active span:nth-child(2) {

  -webkit-animation: intro02 .8s 1s forwards;

          animation: intro02 .8s 1s forwards;

}

.p-new__ttl.is-active span:nth-child(3) {

  -webkit-animation: intro03 .5s 1.5s forwards;

          animation: intro03 .5s 1.5s forwards;

}

.p-new__ttl.is-active span:nth-child(4) {

  -webkit-animation: intro03 .5s 2s forwards;

          animation: intro03 .5s 2s forwards;

}

@media screen and (min-width: 751px) {

  .p-new__ttl {

    padding-top: 16.67%;

    background: #efaf7d url("../img/bg_wave_pc.png") no-repeat top left;

    background-size: 100% auto;

    position: relative;

  }

  .p-new__ttl span:nth-child(1) {

    margin-top: 5.4%;

  }

  .p-new__ttl span:nth-child(1) img {

    width: 38.17%;

    max-width: 604px;

  }

  .p-new__ttl span:nth-child(2) {

    width: 5%;

    max-width: 54px;

    margin: 8.8% 0 0 23.4%;

  }

  .p-new__ttl span:nth-child(3) {

    width: 11.2%;

    max-width: 121px;

    margin: 10.3% 0 0 29.5%;

  }

  .p-new__ttl span:nth-child(4) {

    margin: 10% 0 0 8.6%;

  }

  .p-new__ttl span:nth-child(4) img {

    width: 100%;

    max-width: 377px;

  }

  .p-new__ttl.is-active span:nth-child(4) {

    -webkit-animation: intro03 .5s 1.5s forwards;

            animation: intro03 .5s 1.5s forwards;

  }

}

.p-new > div {

  padding-bottom: 5%;

  position: relative;

}

.p-new__ttl2 {

  text-align: center;

  margin: 4% auto 4%;

  position: relative;

}

.p-new__ttl2 img {

  width: auto;

  max-width: 100%;

}

.p-new__list--ttl {

  position: relative;

  text-align: center;

  width: 100%;

  margin: 0 auto;

  margin-bottom: 5%;

}

.p-new__list--ttl img {

  width: 100%;

  max-width: 100%;

}

.p-new__list--ttl::after {

  content: "";

  width: 90%;

  height: 1.5vw;

  background-color: #f5d0ca;

  position: absolute;

  top: 91%;

  left: 0;

  margin: 0 0 0 5%;

  z-index: 2;

  border-radius: 1vw;

}

.p-new__list--ttl span {

  width: 30%;

  display: inline-block;

  margin-bottom: 20px;

}

.p-new__list--txt {

  max-width: 803px;

  width: 74.45%;

  margin: auto;

}

.p-new__list--txt.mt {

  margin-top: 5%;

}

.p-new__list--txt.mb {

  margin-bottom: 2%;

}

.p-new__mediabox {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  max-width: 803px;

  width: 74.45%;

  margin: 0 auto 2%;

}

.p-new__mediabox figure {

  margin: 0;

  width: 50%;

}

.p-new__mediabox p {

  font-size: 2.3vw;

  line-height: 1.5;

  color: #6b4812;

  font-weight: bold;

  padding-left: 4%;

  width: 50%;

}

.p-new__mediabox p span {

  color: #c48fdd;

}

.p-new__mediabox p img {

  max-width: 368px;

}

@media screen and (max-width: 750px) {

  .p-new__mediabox p img {

    width: 80%;

  }

}

.p-new__medialist {

  border-top: 4px dotted #6b4812;

  margin: 5% auto auto;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  max-width: 803px;

  width: 74.45%;

  padding-top: 5%;

}

.p-new__medialist.first {

  padding-top: 0;

  border-top: none;

  margin-top: 0;

}

.p-new__medialist.ai-top {

  -webkit-box-align: start;

      -ms-flex-align: start;

          align-items: flex-start;

}

.p-new__medialist figure {

  margin: 0;

  margin-bottom: 16px;

}

.p-new__medialist li {

  width: 48%;

}

.p-new__medialist li .p-new__list--txt {

  width: 100%;

}

@media screen and (min-width: 1080px) {

  .p-new__mediabox p {

    font-size: 2.5rem;

  }

}

@media screen and (min-width: 751px) {

  .p-new__list--ttl::after {

    width: 77.25%;

    height: 6px;

    top: 88%;

    margin: 0 0 0 11.5%;

  }

}

@media screen and (max-width: 750px) {

  .p-new {

    margin-bottom: 10%;

  }

  .p-new .sp {

    display: none;

  }

  .p-new > div {

    padding-bottom: 14%;

  }

  .p-new__ttl {

    margin: 6% auto 4%;

  }

  .p-new__ttl2 {

    margin: 8.5% auto 4%;

  }

  .p-new__list--ttl {

    margin-bottom: 5%;

  }

  .p-new__list--ttl::after {

    width: 90%;

    height: 1.5vw;

    top: 91%;

    left: 0;

    margin: 0 0 0 5%;

  }

  .p-new__list--ttl span {

    width: 46%;

    margin-bottom: 5%;

  }

  .p-new__list--txt {

    width: 86.67%;

    font-size: 2.6rem;

  }

  .p-new__list--txt.mt {

    margin-top: 7%;

  }

  .p-new__list--txt.mb {

    margin-bottom: 5%;

  }

  .p-new__mediabox {

    width: 86.67%;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    margin-bottom: 4%;

  }

  .p-new__mediabox figure {

    width: 100%;

  }

  .p-new__mediabox p {

    font-size: 3rem;

    line-height: 1.5;

    padding-left: 0;

    width: 100%;

  }

  .p-new__medialist {

    border-top: 2px dotted #6b4812;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

        -ms-flex-direction: column;

            flex-direction: column;

    margin: 7% auto auto;

    width: 86.67%;

    padding-top: 7%;

  }

  .p-new__medialist figure {

    margin-bottom: 4%;

  }

  .p-new__medialist li {

    width: 100%;

    font-size: 2.5rem;

  }

  .p-new__medialist li:not(:last-of-type) {

    margin-bottom: 1%;

  }

}



.p-intro {

  position: relative;

  z-index: 2;

  overflow-x: hidden;

}



.p-intro__ttl {

  padding-top: 46%;

  background: #efaf7d url("../img/bg_wave.png") no-repeat top left;

  background-size: 100% auto;

  position: relative;

  overflow-x: hidden;

}



.p-intro__ttl > span {

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

}



.p-intro__ttl span:nth-child(1) {

  width: 100%;

  margin-top: 13%;

  text-align: center;

}



.p-intro__ttl span:nth-child(1) img {

  display: block;

  width: 51.2%;

  max-width: 384px;

  margin: 0 auto;

}



.p-intro__ttl span:nth-child(2) {

  width: 9.47%;

  max-width: 71px;

  margin: 21% 0 0 32%;

}



.p-intro__ttl span:nth-child(3) {

  width: 24%;

  max-width: 180px;

  margin: 23.5% 0 0 43%;

}



.p-intro__ttl span:nth-child(4) {

  width: 100%;

  margin-top: 33.5%;

  text-align: center;

}



.p-intro__ttl span:nth-child(4) img {

  display: block;

  width: 75.73%;

  max-width: 568px;

  margin: 0 auto;

}



@media screen and (min-width: 751px) {

  .p-intro__ttl {

    padding-top: 18.67%;

    background: #efaf7d url("../img/bg_wave_pc.png") no-repeat top left;

    background-size: 100% auto;

    position: relative;

  }



  .p-intro__ttl span:nth-child(1) {

    margin-top: 5.4%;

  }



  .p-intro__ttl span:nth-child(1) img {

    width: 24.17%;

    max-width: 261px;

  }



  .p-intro__ttl span:nth-child(2) {

    width: 5%;

    max-width: 54px;

    margin: 8.8% 0 0 23.4%;

  }



  .p-intro__ttl span:nth-child(3) {

    width: 11.2%;

    max-width: 121px;

    margin: 10.3% 0 0 29.5%;

  }



  .p-intro__ttl span:nth-child(4) {

    margin: 10% 0 0 8.6%;

  }



  .p-intro__ttl span:nth-child(4) img {

    width: 100%;

    max-width: 377px;

  }

}

.p-intro__ttl.is-active span:nth-child(1) {

  -webkit-animation: intro01 .5s 0s forwards;

          animation: intro01 .5s 0s forwards;

}



.p-intro__ttl.is-active span:nth-child(2) {

  -webkit-animation: intro02 .8s 1s forwards;

          animation: intro02 .8s 1s forwards;

}



.p-intro__ttl.is-active span:nth-child(3) {

  -webkit-animation: intro03 .5s 1.5s forwards;

          animation: intro03 .5s 1.5s forwards;

}



.p-intro__ttl.is-active span:nth-child(4) {

  -webkit-animation: intro03 .5s 2s forwards;

          animation: intro03 .5s 2s forwards;

}



@media screen and (min-width: 751px) {

  .p-intro__ttl.is-active span:nth-child(4) {

    -webkit-animation: intro03 .5s 1.5s forwards;

            animation: intro03 .5s 1.5s forwards;

  }

}

@-webkit-keyframes intro01 {

  from {

    opacity: 0;

    -webkit-transform: scale(0, 0);

            transform: scale(0, 0);

  }

  80% {

    opacity: 1;

    -webkit-transform: scale(1.2, 1.2);

            transform: scale(1.2, 1.2);

  }

  to {

    opacity: 1;

    -webkit-transform: scale(1, 1);

            transform: scale(1, 1);

  }

}

@keyframes intro01 {

  from {

    opacity: 0;

    -webkit-transform: scale(0, 0);

            transform: scale(0, 0);

  }

  80% {

    opacity: 1;

    -webkit-transform: scale(1.2, 1.2);

            transform: scale(1.2, 1.2);

  }

  to {

    opacity: 1;

    -webkit-transform: scale(1, 1);

            transform: scale(1, 1);

  }

}

@-webkit-keyframes intro02 {

  from {

    opacity: 0;

    -webkit-transform: translateY(-20px);

            transform: translateY(-20px);

  }

  to {

    opacity: 1;

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

}

@keyframes intro02 {

  from {

    opacity: 0;

    -webkit-transform: translateY(-20px);

            transform: translateY(-20px);

  }

  to {

    opacity: 1;

    -webkit-transform: translateY(0);

            transform: translateY(0);

  }

}

@-webkit-keyframes intro03 {

  from {

    opacity: 0;

    -webkit-transform: translateX(20px);

            transform: translateX(20px);

  }

  to {

    opacity: 1;

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }

}

@keyframes intro03 {

  from {

    opacity: 0;

    -webkit-transform: translateX(20px);

            transform: translateX(20px);

  }

  to {

    opacity: 1;

    -webkit-transform: translateX(0);

            transform: translateX(0);

  }

}

.p-mov-wrap {

  padding-bottom: 7%;

  background-color: #efaf7d;

}



.p-mov-wrap button {

  width: 86.67%;

  margin: 0 auto;

  background-color: transparent;

}



@media screen and (min-width: 751px) {

  .p-mov-wrap {

    padding-bottom: 5.2%;

  }



  .p-mov-wrap img {

    display: block;

  }



  .p-mov-wrap img:hover {

    opacity: .7;

  }



  .p-mov-wrap button {

    width: 53.89%;

    max-width: 582px;

  }

}

.p-intro .p-mov {

  width: 86.67%;

  margin: 0 auto;

}



.p-intro__txt {

  width: 100%;

  margin: 7.47% auto;

  padding-bottom: 40%;

  position: relative;

}



.c-intro__txt--ttl {

  width: 89.33%;

  margin: 0 auto 11.6%;

}



.p-intro__txt > p {

  width: 89.33%;

  margin: 0 auto 10%;

  position: relative;

  z-index: 2;

}



.p-intro__img {

  width: 87.07%;

  position: absolute;

  right: 0;

  bottom: 0;

  z-index: 1;

  text-align: initial;

}

.p-intro__img img {

  width: 100%;

}



@media screen and (min-width: 751px) {

  .p-intro__txt {

    margin: 5% 0;

    padding-bottom: 0;

    border-bottom: 1px solid #fff7ed;

  }



  .c-intro__txt--ttl {

    width: 39.26%;

    margin: 0 auto 2.5% 6%;

  }



  .p-intro__txt > p {

    width: 39.26%;

    margin: 0 auto 4% 6%;

  }



  .p-intro__img {

    width: 55%;

    right: 0;

    bottom: 0;

    z-index: 1;

    text-align: right;

  }

  .p-intro__img img {

    width: 95%;

  }

}


.p-point__ttl {

  width: 100%;

  padding-top: 32%;

  background: #efaf7d url("../img/bg_wave.png") no-repeat center top;

  background-size: 100% auto;

  position: relative;

}



.p-point__ttl > span {

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

}



.p-point__ttl span:nth-child(1) {

  width: 9.47%;

  max-width: 71px;

  margin: 9% 0 0 32%;

}



.p-point__ttl span:nth-child(2) {

  width: 24%;

  max-width: 180px;

  margin: 11.5% 0 0 43%;

}



.p-point__ttl span:nth-child(3) {

  width: 100%;

  margin-top: 21.5%;

  text-align: center;

}



.p-point__ttl span:nth-child(3) img {

  display: block;

  width: 71.2%;

  max-width: 534px;

  margin: 0 auto;

}



@media screen and (min-width: 751px) {

  .p-point__ttl {

    padding-top: 10.8%;

    background: #efaf7d url("../img/bg_wave_pc.png") no-repeat center top;

    background-size: 100% auto;

  }



  .p-point__ttl span:nth-child(1) {

    width: 4.54%;

    max-width: 49px;

    margin: 4.4% 0 0 24.6%;

  }



  .p-point__ttl span:nth-child(2) {

    width: 11.2%;

    max-width: 121px;

    margin: 5.5% 0 0 30%;

  }



  .p-point__ttl span:nth-child(3) {

    width: 33.61%;

    max-width: 363px;

    margin: 5% 0 0 41.8%;

    text-align: center;

  }



  .p-point__ttl span:nth-child(3) img {

    display: block;

    width: 100%;

    max-width: 363px;

  }

}

.p-point__ttl.is-active span:nth-child(1) {

  -webkit-animation: intro02 .8s 0s forwards;

          animation: intro02 .8s 0s forwards;

}



.p-point__ttl.is-active span:nth-child(2) {

  -webkit-animation: intro03 .5s 1s forwards;

          animation: intro03 .5s 1s forwards;

}



.p-point__ttl.is-active span:nth-child(3) {

  -webkit-animation: intro03 .5s 1.5s forwards;

          animation: intro03 .5s 1.5s forwards;

}



.p-point__list--ttl {

  width: 100%;

  margin: 0 auto;

  position: relative;

  padding-top: 51.33%;

  overflow: hidden;

}



.p-point__list--ttl > span {

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

}



.p-point01 .p-point__list--ttl .u-point {

  width: 31.33%;

  max-width: 235px;

  margin: 6.4% 0 0 65%;

  z-index: 2;

}



.p-point01 .p-point__list--ttl .u-point__txt01 {

  width: 56.27%;

  max-width: 422px;

  margin: 24% 0 0 35.4%;

  z-index: 2;

}



.p-point01 .p-point__list--ttl .u-point__txt02 {

  width: 59.07%;

  max-width: 443px;

  margin: 35% 0 0 33%;

  z-index: 2;

}


.p-point__list--ttl:after {

  content: "";

  width: 90%;

  height: 1.5vw;

  background-color: #f5d0ca;

  position: absolute;

  top: 91%;

  left: 0;

  margin: 0 0 0 5%;

  z-index: 2;

  border-radius: 1vw;

  opacity: 0;

}



.p-point02 .p-point__list--ttl {

  padding-top: 54.67%;

}



.p-point02 .p-point__list--ttl .u-point {

  width: 31.33%;

  max-width: 235px;

  margin: 10.4% 0 0 7.5%;

  z-index: 2;

}



.p-point02 .p-point__list--ttl .u-point__txt01 {

  width: 70%;

  max-width: 525px;

  margin: 28% 0 0 7%;

  z-index: 2;

}



.p-point02 .p-point__list--ttl .u-point__txt02 {

  width: 53.87%;

  max-width: 404px;

  margin: 38.4% 0 0 6.8%;

  z-index: 2;

}



.p-point03 .p-point__list--ttl {

  padding-top: 64%;

}



.p-point03 .p-point__list--ttl .u-point {

  width: 31.33%;

  max-width: 235px;

  margin: 9% 0 0 58.8%;

  z-index: 2;

}



.p-point03 .p-point__list--ttl .u-point__txt01 {

  width: 49.73%;

  max-width: 373px;

  margin: 27.3% 0 0 41%;

  z-index: 2;

}



.p-point03 .p-point__list--ttl .u-point__txt02 {

  width: 37.73%;

  max-width: 283px;

  margin: 37.8% 0 0 52.8%;

  z-index: 2;

}



.p-point03 .p-point__list--ttl .u-point__txt03 {

  width: 52.8%;

  max-width: 396px;

  margin: 47.4% 0 0 39%;

  z-index: 2;

}


@media screen and (min-width: 751px) {

  .p-point01 .p-point__list--ttl {

    padding-top: 22.5%;

  }



  .p-point01 .p-point__list--ttl .u-point {

    width: 12.78%;

    max-width: 138px;

    margin: 6.5% 0 0 73.8%;

  }



  .p-point01 .p-point__list--ttl .u-point__txt01 {

    width: 25%;

    max-width: 270px;

    margin: 14% 0 0 34.4%;

  }



  .p-point01 .p-point__list--ttl .u-point__txt02 {

    width: 25.56%;

    max-width: 276px;

    margin: 14.2% 0 0 59.8%;

  }


  .p-point__list--ttl:after {

    width: 77.25%;

    height: 6px;

    top: 88%;

    margin: 0 0 0 11.5%;

  }



  .p-point02 .p-point__list--ttl {

    padding-top: 22.22%;

  }



  .p-point02 .p-point__list--ttl .u-point {

    width: 12.78%;

    max-width: 138px;

    margin: 6.7% 0 0 14.6%;

  }



  .p-point02 .p-point__list--ttl .u-point__txt01 {

    width: 35.09%;

    max-width: 379px;

    margin: 13.8% 0 0 14.4%;

  }



  .p-point02 .p-point__list--ttl .u-point__txt02 {

    width: 27.31%;

    max-width: 295px;

    margin: 13.7% 0 0 49.8%;

  }




  .p-point03 .p-point__list--ttl {

    padding-top: 27.19%;

  }



  .p-point03 .p-point__list--ttl .u-point {

    width: 12.78%;

    max-width: 138px;

    margin: 4.5% 0 0 72.2%;

  }



  .p-point03 .p-point__list--ttl .u-point__txt01 {

    width: 21.85%;

    max-width: 236px;

    margin: 12.5% 0 0 43.3%;

  }



  .p-point03 .p-point__list--ttl .u-point__txt02 {

    width: 17.41%;

    max-width: 188px;

    margin: 12.6% 0 0 67%;

  }



  .p-point03 .p-point__list--ttl .u-point__txt03 {

    width: 23.52%;

    max-width: 254px;

    margin: 17.2% 0 0 61.5%;

  }



  .p-point03 .p-point__list--ttl:after {

    top: 83%;

  }

}

.p-point__list--ttl.is-active .u-point {

  -webkit-animation: point-scale .5s 0s forwards;

          animation: point-scale .5s 0s forwards;

}



.p-point01 .p-point__list--ttl.is-active .u-point__txt01 {

  -webkit-animation: point-fede-in .5s 1s forwards;

          animation: point-fede-in .5s 1s forwards;

}



.p-point01 .p-point__list--ttl.is-active .u-point__txt02 {

  -webkit-animation: point-fede-in .5s 1.5s forwards;

          animation: point-fede-in .5s 1.5s forwards;

}




.p-point01 .p-point__list--ttl.is-active .u-point__word {

  -webkit-animation: point-fade .5s 2s forwards;

          animation: point-fade .5s 2s forwards;

}



.p-point01 .p-point__list--ttl.is-active .u-point__pct01 {

  -webkit-animation: point-fade .5s 2s forwards;

          animation: point-fade .5s 2s forwards;

}



.p-point01 .p-point__list--ttl.is-active .u-point__pct02 {

  -webkit-animation: point-fade .5s 2s forwards;

          animation: point-fade .5s 2s forwards;

}



.p-point__list--ttl.is-active:after {

  -webkit-animation: point-fede-in 1s 2s forwards;

          animation: point-fede-in 1s 2s forwards;

}



.p-point02 .p-point__list--ttl.is-active .u-point__txt01 {

  -webkit-animation: point-fede-in .5s 1s forwards;

          animation: point-fede-in .5s 1s forwards;

}



.p-point02 .p-point__list--ttl.is-active .u-point__txt02 {

  -webkit-animation: point-fede-in .5s 1.5s forwards;

          animation: point-fede-in .5s 1.5s forwards;

}



.p-point02 .p-point__list--ttl.is-active .u-point__word {

  -webkit-animation: point-fade .5s 2s forwards;

          animation: point-fade .5s 2s forwards;

}



.p-point02 .p-point__list--ttl.is-active .u-point__pct01 {

  -webkit-animation: point-fade .5s 2s forwards;

          animation: point-fade .5s 2s forwards;

}



.p-point02 .p-point__list--ttl.is-active .u-point__pct02 {

  -webkit-animation: point-fade .5s 2s forwards;

          animation: point-fade .5s 2s forwards;

}



.p-point03 .p-point__list--ttl.is-active .u-point__txt01 {

  -webkit-animation: point-fede-in .5s 1s forwards;

          animation: point-fede-in .5s 1s forwards;

}



.p-point03 .p-point__list--ttl.is-active .u-point__txt02 {

  -webkit-animation: point-fede-in .5s 1.5s forwards;

          animation: point-fede-in .5s 1.5s forwards;

}



.p-point03 .p-point__list--ttl.is-active .u-point__txt03 {

  -webkit-animation: point-fede-in .5s 2s forwards;

          animation: point-fede-in .5s 2s forwards;

}



.p-point03 .p-point__list--ttl.is-active .u-point__word {

  -webkit-animation: point-fade .5s 2.5s forwards;

          animation: point-fade .5s 2.5s forwards;

}



.p-point03 .p-point__list--ttl.is-active .u-point__pct01 {

  -webkit-animation: point-fade .5s 2.5s forwards, point-up 2s 1s infinite;

          animation: point-fade .5s 2.5s forwards, point-up 2s 1s infinite;

}



.p-point03 .p-point__list--ttl.is-active .u-point__pct02 {

  -webkit-animation: point-fade .5s 2.5s forwards, point-up 1s 0s infinite;

          animation: point-fade .5s 2.5s forwards, point-up 1s 0s infinite;

}



@-webkit-keyframes point-scale {

  from {

    opacity: 0;

    -webkit-transform: scale(0, 0);

            transform: scale(0, 0);

  }

  80% {

    opacity: 1;

    -webkit-transform: scale(1.2, 1.2);

            transform: scale(1.2, 1.2);

    will-change: transform;

    z-index: 4;

  }

  to {

    opacity: 1;

    -webkit-transform: scale(1, 1);

            transform: scale(1, 1);

  }

}



@keyframes point-scale {

  from {

    opacity: 0;

    -webkit-transform: scale(0, 0);

            transform: scale(0, 0);

  }

  80% {

    opacity: 1;

    -webkit-transform: scale(1.2, 1.2);

            transform: scale(1.2, 1.2);

    will-change: transform;

    z-index: 4;

  }

  to {

    opacity: 1;

    -webkit-transform: scale(1, 1);

            transform: scale(1, 1);

  }

}

@-webkit-keyframes point-fede-in {

  from {

    opacity: 0;

    -webkit-transform: translate(20px, 0);

            transform: translate(20px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

  }

}

@keyframes point-fede-in {

  from {

    opacity: 0;

    -webkit-transform: translate(20px, 0);

            transform: translate(20px, 0);

  }

  to {

    opacity: 1;

    -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

  }

}

@-webkit-keyframes point-fade {

  from {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}

@keyframes point-fade {

  from {

    opacity: 0;

  }

  to {

    opacity: 1;

  }

}

@-webkit-keyframes point-up {

  from {

    -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

  }

  50% {

    -webkit-transform: translate(0, 10px);

            transform: translate(0, 10px);

  }

  to {

    -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

  }

}

@keyframes point-up {

  from {

    -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

  }

  50% {

    -webkit-transform: translate(0, 10px);

            transform: translate(0, 10px);

  }

  to {

    -webkit-transform: translate(0, 0);

            transform: translate(0, 0);

  }

}

.p-point__list--img {

  width: 88.67%;

  margin: 0 auto 3%;

}



.p-point__list--txt {

  width: 86%;

  margin: 0 auto;

  font-size: 2.5rem;

  color: #6b4812;

  line-height: 2;

}



@media screen and (min-width: 751px) {

  .p-point__list--img {

    width: 74.35%;

    margin: 0 auto .8%;

  }



  .p-point__list--txt {

    width: 69%;

    font-size: 1.6667vw;

    line-height: 1.7;

  }



  .p-point__list .l-column {

    width: 74.35%;

    margin: 0 auto;

  }



  .p-point__list .l-column .p-point__list--img {

    -webkit-box-ordinal-group: 3;

        -ms-flex-order: 2;

            order: 2;

    width: 55.79%;

  }



  .p-point__list .l-column .p-point__list--txt {

    -webkit-box-ordinal-group: 2;

        -ms-flex-order: 1;

            order: 1;

    width: 38.36%;

    margin-top: 1em;

  }

}

@media screen and (min-width: 1080px) {

  .p-point__list--txt {

    font-size: 1.8rem;

  }

}

.p-product__ttl {

  width: 100%;

  padding-top: 27.5%;

  background: #efaf7d url("../img/bg_wave.png") no-repeat center top;

  background-size: 100% auto;

  position: relative;

  overflow-x: hidden;

}



.p-product__ttl > span {

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

  width: 100%;

  margin-top: 13%;

  text-align: center;

}



.p-product__ttl span:nth-child(1) img {

  display: block;

  width: 55.73%;

  max-width: 418px;

  margin: 0 auto;

}



.p-product__ttl.is-active span:nth-child(1) {

  -webkit-animation: intro03 .5s 0s forwards;

          animation: intro03 .5s 0s forwards;

}



.p-product__item-ttl {

  width: 89.33%;

  margin: 5% auto 6%;

}

.p-product__item-ttl.new::after {

  content: "";

  position: absolute;

  width: 6.667vw;

  height: 6.574vw;

  max-width: 72px;

  max-height: 71px;

  display: block;

  right: -24px;

  top: -24px;

  background: url(../img/icon_new.png) 0 0 no-repeat;

  background-size: 100%;

}

@media screen and (max-width: 750px) {

  .p-product__item-ttl.new::after {

    width: 12.587vw;

    height: 12.454vw;

    right: -10px;

    top: -10px;

  }

}



@media screen and (min-width: 751px) {

  .p-product__ttl {

    padding-top: 10.8%;

    background: #efaf7d url("../img/bg_wave_pc.png") no-repeat center top;

    background-size: 100% auto;

  }



  .p-product__ttl span:nth-child(1) {

    width: 100%;

    max-width: 1080px;

    margin: 5.4% auto 0;

  }



  .p-product__ttl span:nth-child(1) img {

    display: block;

    width: 26.2%;

    max-width: 283px;

  }

}

.p-product__item {

  width: 89.33%;

  margin: 6% auto 3%;

}



.c-btn__detail {

  background-color: #efaf7d;

  width: 89.33%;

  margin: 3% auto 0;

  text-align: center;

  border-radius: .5em;

}



.c-btn__detail button {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  width: 100%;

  padding: .5em .8em;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  font-size: 3.3rem;

  font-weight: bold;

  letter-spacing: .15em;

  color: #fff;

}



.c-btn__detail span {

  display: inline-block;

  width: calc(100% - 6.2rem);

  padding-top: .2em;

  padding-left: 6.2rem;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}



.c-btn__detail i {

  display: block;

  width: 6.2rem;

  height: 6.2rem;

  font-size: 0;

  line-height: 0;

  border: 3px solid #fff;

  border-radius: 50%;

  position: relative;

}



.c-btn__detail i:before,

.c-btn__detail i:after {

  content: "";

  width: 70%;

  height: 3px;

  background-color: #fff;

  position: absolute;

  top: 50%;

  left: 50%;

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

  -webkit-transition: .2s;

  transition: .2s;

}



.c-btn__detail i:before {

  -webkit-transform: translate(-50%, -50%) rotate(360deg);

          transform: translate(-50%, -50%) rotate(360deg);

}



.c-btn__detail i:after {

  -webkit-transform: translate(-50%, -50%) rotate(90deg);

          transform: translate(-50%, -50%) rotate(90deg);

}



.c-btn__detail.is-open i:before {

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

}



.c-btn__detail.is-open i:after {

  -webkit-transform: translate(-50%, -50%);

          transform: translate(-50%, -50%);

}



@media screen and (max-width: 750px) {

  .p-product__ttl .js-accordion__inner {

    display: none;

    background: url("../img/product_bg.png") no-repeat right top 2%;

    background-size: 100% auto;

  }



  .js-accordion__inner {

    display: none;

  }



  .js-accordion__inner.is-open {

    display: block;

  }

}

.p-product01,

.p-product02,

.p-product03,

.p-product04 {

  width: 100%;

  max-width: 1080px;

  margin: 0 auto;

  position: relative;

  border-bottom: 1px solid #fff7ed;

}

.p-product01 .p-right,

.p-product02 .p-right,

.p-product03 .p-right,

.p-product04 .p-right {

  text-align: right;

  padding: 0 2.5%;

}

@media screen and (max-width: 750px) {

  .p-product01 .p-right,

  .p-product02 .p-right,

  .p-product03 .p-right,

  .p-product04 .p-right {

    font-size: 2.0rem;

    width: 72.43%;

    margin: auto;

    padding: 0;

  }

}



.p-product01:after,

.p-product02:after,

.p-product03:after,

.p-product04:after {

  width: 89.33%;

  border-bottom: 2px dotted #6b4812;

  content: "";

  position: absolute;

  bottom: 0;

  left: 50%;

  -webkit-transform: translateX(-50%);

          transform: translateX(-50%);

}



@media screen and (max-width: 750px) {

  .p-product01,

  .p-product04 {

    padding-bottom: 6%;

  }

}

@media screen and (min-width: 751px) {

  .p-product01:before,

  .p-product02:before,

  .p-product03:before,

  .p-product04:before {

    content: "";

    position: absolute;

    top: 0;

    -webkit-transform: translateX(-50%);

            transform: translateX(-50%);

    width: 36.39%;

    max-width: 393px;

    padding-top: 100%;

  }



  .p-product01:before {

    background: url("../img/product_bg01_pc.png") no-repeat left top;

    background-size: 100% auto;

    margin-top: 1.5%;

    right: -24.5%;

  }



  .p-product02:before {

    width: 50%;

    background: url("../img/product_bg02_pc.png") no-repeat left top;

    background-size: 100% auto;

    margin-top: 26%;

    left: 50%;

    -webkit-transform: translateX(-159%);

            transform: translateX(-159%);

  }



  .p-product03:before {

    background: url("../img/product_bg01_pc.png") no-repeat left top;

    background-size: 100% auto;

    margin-top: 19.2%;

    right: -24.5%;

  }



  .p-product04:before {

    background: url("../img/product_bg01_pc.png") no-repeat left top;

    background-size: 100% auto;

    margin-top: 1.5%;

    right: -24.5%;

  }



  .p-product01:after,

  .p-product02:after,

  .p-product03:after,

  .p-product04:after {

    width: 72.96%;

    border-bottom: 4px dotted #6b4812;

  }



  .p-product__inner {

    width: 72.96%;

    margin: 4% auto;

    position: relative;

  }



  .p-product__item-ttl {

    width: 100%;

    margin: 0 auto 6.5%;

  }



  .c-btn__detail {

    display: none;

  }



  .p-detail {

    position: relative;

  }



  .p-product__item {

    width: 54.04%;

    position: absolute;

    top: -2%;

    left: 0;

    margin: 0;

  }

}

.p-lineup {

  width: 86%;

  margin: 6% auto 2%;

  font-size: 2.6rem;

}



.p-lineup dt {

  display: inline-block;

  background-color: #fff;

  padding: .4em .8em;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  border: 2px solid #6b4812;

  border-radius: .3em;

  line-height: 1;

  letter-spacing: .05em;

  font-weight: bold;

}



.p-lineup dd {

  margin-bottom: 1em;

  padding: .7em .4em;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  line-height: 1.2;

}



.p-lineup dd b {

  font-weight: bold;

}



.p-lineup li + li {

  margin-top: 1.2em;

}



.p-lineup .accordion__inner {

  margin: 0 auto;

  background: url("../img/product_bg.png") no-repeat top center;

  background-size: 100% auto;

  overflow: hidden;

}



.p-specification {

  width: 83%;

  margin: 0 auto;

  font-size: 2.0rem;

}



.p-specification dt,

.p-specification dd {

  display: inline-block;

}



.p-specification dt:after {

  content: "：";

  width: 1em;

  font-size: 2.0rem;

  position: relative;

}



.p-item__img {

  width: 89.33%;

  margin: 6% auto;

  padding: 6% 0 0;

  border-top: 2px dotted #6b4812;

}



.p-item__img li {

  width: 92.24%;

  margin: 0 auto;

}



@media screen and (max-width: 750px) {

  .p-item__img li + li {

    margin-top: 5%;

  }

}

@media screen and (min-width: 751px) {

  .p-lineup {

    width: 33.8%;

    margin: 0 0 0 54%;

    font-size: 1.5741vw;

  }



  .p-specification {

    width: 33.8%;

    margin: 2% 0 0 54.5%;

    font-size: 1.5741vw;

    line-height: 1.2;

  }



  .p-item__img {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

        -ms-flex-pack: justify;

            justify-content: space-between;

    width: 100%;

    margin: 5% auto 2%;

    padding: 4% 2.5% 0;

    -webkit-box-sizing: border-box;

            box-sizing: border-box;

    border-top: 4px dotted #6b4812;

  }



  .p-item__img li {

    width: 47.7%;

    margin: 0;

  }

}

.p-features {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -ms-flex-wrap: wrap;

      flex-wrap: wrap;

  -webkit-box-pack: center;

      -ms-flex-pack: center;

          justify-content: center;

  width: 89.33%;

  margin: 2% auto;

}



.p-features li {

  width: 38.81%;

  margin: 2.24%;

}



.p-features li.p-features--band {

  width: 48.96%;

}



@media screen and (min-width: 751px) {

  .p-features {

    width: 100%;

    margin: 3% auto 0;

    padding-bottom: 3%;

  }



  .p-features li {

    width: 19.8%;

    margin: 1%;

  }



  .p-product03 .p-features li:nth-child(1) {

    margin-left: 10%;

  }



  .p-product03 .p-features li:nth-child(3) {

    margin-right: 10%;

  }



  .p-features li.p-features--band {

    width: 25.65%;

  }

}

@media screen and (min-width: 1080px) {

  .p-lineup,

  .p-specification {

    font-size: 1.7rem;

  }

}

.p-tyle__nav {

  margin: 6% auto 2%;

  background: #fff7ed url("../img/product_nav_bg.png") top left;

  overflow: hidden;

}



.p-tyle__nav ul {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  width: 89.33%;

  margin: 0 auto 8%;

}



.p-tyle__nav li {

  width: 46.87%;

}



@media screen and (min-width: 751px) {

  .p-tyle__nav {

    margin: 3% auto 0;

  }



  .p-tyle__nav__ttl {

    width: 56.94%;

    margin: 3% auto;

  }



  .p-tyle__nav ul {

    width: 56.48%;

    margin: 0 auto 3%;

  }



  .p-tyle__nav li {

    width: 47.05%;

  }

}

.p-product__wrap {

  padding: 0 0 6%;

  position: relative;

}



@media screen and (min-width: 751px) {

  .p-product__wrap {

    padding: 0;

  }

}

.l-store {

  margin: 6% auto;

}



.p-store__ttl {

  width: 100%;

  padding-top: 27.5%;

  background: #efaf7d url("../img/bg_wave.png") no-repeat center top;

  background-size: 100% auto;

  position: relative;

  overflow-x: hidden;

}



.p-store__ttl > span {

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

  width: 100%;

  margin-top: 13%;

  text-align: center;

}



.p-store__ttl span:nth-child(1) img {

  display: block;

  width: 30.27%;

  max-width: 227px;

  margin: 0 auto;

}



.p-store__ttl.is-active span:nth-child(1) {

  -webkit-animation: intro03 .5s 0s forwards;

          animation: intro03 .5s 0s forwards;

}



@media screen and (min-width: 751px) {

  .p-store__ttl {

    padding-top: 10.8%;

    background: #efaf7d url("../img/bg_wave_pc.png") no-repeat center top;

    background-size: 100% auto;

  }



  .p-store__ttl span:nth-child(1) {

    width: 100%;

    max-width: 1080px;

    margin: 5.4% auto 0;

  }



  .p-store__ttl span:nth-child(1) img {

    display: block;

    width: 14.26%;

    max-width: 154px;

  }

}

.p-store__wrap {

  width: 89.33%;

  margin: 11% auto;

}



.p-store__wrap > section {

  margin-bottom: 3rem;

}



.l-store .accordion__inner {

  font-size: 3.0rem;

  margin: 1em;

}



.l-store .accordion__inner li {

  margin-bottom: 1em;

}



.l-store .p-store__wrap:nth-child(2) .accordion__inner .p-mail-order li {

  margin-bottom: 0;

}



@media screen and (max-width: 750px) {

  .p-mail-order {

    margin-bottom: 2em;

  }

}

.l-store .accordion__inner dt {

  font-weight: bold;

}



.p-store__type {

  background: #ffe0c8 url("../img/store_bg.png") no-repeat center top;

  background-size: cover;

}



.p-store__type button {

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  -webkit-box-pack: justify;

      -ms-flex-pack: justify;

          justify-content: space-between;

  width: 100%;

  font-size: 3.3rem;

  font-weight: bold;

  text-align: left;

  letter-spacing: .15em;

  color: #fff;

}



.p-store__type span {

  display: block;

  width: calc(100% - 9rem);

  padding: 1em 1em .8em;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  font-size: 3.2rem;

  line-height: 1;

  font-weight: bold;

  color: #6b4812;

}



@media screen and (max-width: 750px) {

  .p-store__type i {

    display: block;

    width: 4rem;

    height: 4rem;

    margin-right: 2rem;

    font-size: 0;

    line-height: 0;

    background-color: #ffe0c8;

    border: 2px solid #6b4812;

    border-radius: 50%;

    position: relative;

  }



  .p-store__type i:before,

  .p-store__type i:after {

    content: "";

    width: 70%;

    height: 2px;

    background-color: #6b4812;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

    -webkit-transition: .2s;

    transition: .2s;

  }



  .p-store__type i:before {

    -webkit-transform: translate(-50%, -50%) rotate(360deg);

            transform: translate(-50%, -50%) rotate(360deg);

  }



  .p-store__type i:after {

    -webkit-transform: translate(-50%, -50%) rotate(90deg);

            transform: translate(-50%, -50%) rotate(90deg);

  }



  .p-store__type.is-open i:before {

    -webkit-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

  }



  .p-store__type.is-open i:after {

    -webkit-transform: translate(-50%, -50%);

            transform: translate(-50%, -50%);

  }

}

@media screen and (min-width: 751px) {

  .l-store {

    margin-bottom: 4%;

  }



  .p-store__wrap {

    width: 70.83%;

    margin: 4% auto;

  }



  .p-store__type i {

    display: none;

  }



  .p-store__type button {

    width: 100%;

    cursor: default;

  }



  .p-store__type span {

    width: 100%;

    padding: .6em 1em .5em;

    font-size: 2rem;

  }



  .l-store .accordion__inner {

    font-size: 1.6rem;

    margin: 1em 1.5em;

  }



  .l-store .accordion__inner dt {

    display: inline-block;

  }



  .l-store .accordion__inner dd {

    display: inline-block;

    margin-left: 1em;

  }



  .l-store .accordion__inner dd br {

    display: none;

  }



  .l-store .accordion__inner li {

    margin-bottom: .65em;

  }

}

.p-store__wrap .p-ttl {

  display: inline-block;

  font-size: 3rem;

  font-weight: bold;

}



@media screen and (min-width: 751px) {

  .p-store__wrap .p-ttl {

    font-size: 1.7rem;

  }

}

.p-mail-order a {

  display: inline-block;

  padding: .5em 1.5em .5em 0;

  color: #6b4812;

  position: relative;

}



.p-mail-order a:after {

  content: "";

  position: absolute;

  top: 50%;

  right: 0;

  -webkit-transform: translateY(-60%);

          transform: translateY(-60%);

  width: 1em;

  height: 1em;

  background: url("../img/icon_blank.png") no-repeat top left;

  background-size: contain;

}



@media screen and (min-width: 1080px) {

  .l-store {

    margin: 50px auto;

  }

}

.l-anmin {

  position: relative;

  z-index: 2;

  overflow: hidden;

}



.p-anmin__ttl {

  width: 100%;

  padding-top: 27.5%;

  background: #efaf7d url("../img/bg_wave.png") no-repeat center top;

  background-size: 100% auto;

  position: relative;

}



.p-anmin__ttl > span {

  display: block;

  position: absolute;

  top: 0;

  left: 0;

  opacity: 0;

  width: 100%;

  margin-top: 13%;

  text-align: center;

}



.p-anmin__ttl span:nth-child(1) img {

  display: block;

  width: 46.8%;

  max-width: 351px;

  margin: 0 auto;

}



.p-anmin__ttl.is-active span:nth-child(1) {

  -webkit-animation: intro03 .5s 0s forwards;

          animation: intro03 .5s 0s forwards;

}



@media screen and (min-width: 751px) {

  .p-anmin__ttl {

    padding-top: 10.8%;

    background: #efaf7d url("../img/bg_wave_pc.png") no-repeat center top;

    background-size: 100% auto;

  }



  .p-anmin__ttl span:nth-child(1) {

    margin: 5.4% auto 0;

  }



  .p-anmin__ttl span:nth-child(1) img {

    width: 22.87%;

    max-width: 247px;

  }

}

.l-anmin .l-wrap {

  background-color: #efaf7d;

  overflow: hidden;

}



.p-anmin {

  width: 89.33%;

  margin: 0 auto;

  padding: 6%;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

  background-color: #fff;

  border-radius: .5em;

  text-align: center;

}



.c-anmin__logo {

  width: 85%;

  margin: 0 auto;

}



.c-anmin__txt {

  display: inline-block;

  margin: 1.3em auto 0;

  font-size: 3rem;

  color: #efaf7d;

  text-align: left;

}



.c-anmin__txt02 {

  width: 85.5%;

  margin: 1.6em auto;

  font-size: 2.5rem;

  font-weight: bold;

  letter-spacing: .2em;

  color: #fff;

  line-height: 1.9;

}



.c-anmin__txt02 p {

  margin-bottom: 2em;

}



@media screen and (min-width: 751px) {

  .p-anmin {

    width: 52.05%;

    padding: 2.2%;

  }



  .c-anmin__logo {

    width: 54%;

  }



  .c-anmin__txt {

    font-size: 1.4815vw;

    line-height: 1.5;

    letter-spacing: .15em;

    text-align: center;

  }



  .c-anmin__txt02 {

    width: 58%;

    margin: 1.6em auto 0;

    font-size: 1.4815vw;

    letter-spacing: .15em;

    line-height: 1.6;

  }

}

@media screen and (min-width: 1080px) {

  .c-anmin__txt,

  .c-anmin__txt02 {

    font-size: 1.6rem;

  }

}

.l-footer {

  position: relative;

  z-index: 1;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}



.l-footer .l-wrap {

  padding-top: 77.73%;

  position: relative;

}



.c-pagetop {

  width: 16.53%;

  margin: 0 auto;

  position: absolute;

  top: 17%;

  left: 50%;

  -webkit-transform: translateX(-50%);

          transform: translateX(-50%);

  z-index: 2;

}



.c-pagetop img {

  display: block;

  width: 100%;

  border: .8vw solid #e08239;

  -webkit-box-sizing: border-box;

          box-sizing: border-box;

}



.c-note {

  width: 79.5%;

  margin: 44% auto 5%;

  font-size: 2.6rem;

  line-height: 2;

  position: absolute;

  top: 0;

  left: 50%;

  -webkit-transform: translateX(-50%);

          transform: translateX(-50%);

  z-index: 2;

}



.c-lead__cloud03 {

  width: 50.93%;

  max-width: 382px;

  margin: 9% 0 0 23%;

}



.l-footer .c-lead__moon01 {

  margin: 26.6% 0 0 16%;

}



.l-footer .c-lead__sun01 {

  margin: 25.8% 0 0 74.2%;

}



.l-footer .c-lead__cloud01 {

  margin: 41.6% 0 0 -30%;

}



.l-footer .c-lead__cloud02 {

  margin: 58% 0 0 81.5%;

}



.l-footer .c-lead__star01 {

  margin: -26.5% 0 0 4.5%;

}



.l-footer .c-lead__star02 {

  margin: -24.5% 0 0 13.5%;

}



.l-footer .c-lead__bird01 {

  margin: -45.5% 0 0 78.6%;

}



.l-footer .c-lead__bird02 {

  margin: -18.5% 0 0 92%;

}



@media screen and (max-width: 750px) {

  .l-footer .p-imgs {

    overflow: hidden;

  }



  .l-footer .c-lead__star03,

  .l-footer .c-lead__star04,

  .l-footer .c-lead__bird03,

  .l-footer .c-lead__bird04 {

    display: none;

  }

}

@media screen and (min-width: 751px) {

  .l-footer .c-lead__moon01 {

    margin: 9.6% 0 0 24%;

  }



  .l-footer .c-lead__sun01 {

    margin: 10.5% 0 0 74.2%;

  }



  .l-footer .c-lead__cloud01 {

    margin: 19.6% 0 0 0;

  }



  .l-footer .c-lead__cloud02 {

    margin: 23% 0 0 70.5%;

  }



  .c-lead__cloud03 {

    width: 34.17%;

    max-width: 369px;

    margin: 1.0% 0 0 33%;

  }



  .l-footer .c-lead__star01 {

    margin: -6.5% 0 0 .5%;

  }



  .l-footer .c-lead__star02 {

    margin: -6.5% 0 0 5.5%;

  }



  .l-footer .c-lead__star03 {

    margin: -11.5% 0 0 10%;

  }



  .l-footer .c-lead__star04 {

    margin: -9.2% 0 0 14.5%;

  }



  .l-footer .c-lead__bird01 {

    margin: -23.5% 0 0 76.6%;

  }



  .l-footer .c-lead__bird02 {

    margin: -9.5% 0 0 83.5%;

  }



  .l-footer .c-lead__bird03 {

    margin: -16.2% 0 0 90%;

  }



  .l-footer .c-lead__bird04 {

    margin: -17.5% 0 0 95.5%;

  }

}

.l-footer.fade.is-active .c-lead__moon01 {

  -webkit-animation: lead03 1s 0s forwards, lead04 3s .5s infinite;

          animation: lead03 1s 0s forwards, lead04 3s .5s infinite;

}



.l-footer.fade.is-active .c-lead__sun01 {

  -webkit-animation: lead03 1s 0s forwards, lead04 6s 1s infinite;

          animation: lead03 1s 0s forwards, lead04 6s 1s infinite;

}



.l-footer.fade.is-active .c-lead__cloud01 {

  -webkit-animation: lead03 1s 0s forwards, lead05 8s .5s infinite;

          animation: lead03 1s 0s forwards, lead05 8s .5s infinite;

}



.l-footer.fade.is-active .c-lead__cloud02 {

  -webkit-animation: lead03 1s 0s forwards, lead05 10s 1s infinite;

          animation: lead03 1s 0s forwards, lead05 10s 1s infinite;

}



.l-footer.fade.is-active .c-lead__cloud03 {

  -webkit-animation: lead03 1s 0s forwards, lead05 6s 0s infinite;

          animation: lead03 1s 0s forwards, lead05 6s 0s infinite;

}



.l-footer.fade.is-active .c-lead__star01 {

  -webkit-animation: lead03 1s 0s forwards, lead06 4s .5s infinite;

          animation: lead03 1s 0s forwards, lead06 4s .5s infinite;

}



.l-footer.fade.is-active .c-lead__star02 {

  -webkit-animation: lead03 1s 0s forwards, lead06 3s 0s infinite;

          animation: lead03 1s 0s forwards, lead06 3s 0s infinite;

}



.l-footer.fade.is-active .c-lead__star03 {

  -webkit-animation: lead03 1s 0s forwards, lead06 2s 1s infinite;

          animation: lead03 1s 0s forwards, lead06 2s 1s infinite;

}



.l-footer.fade.is-active .c-lead__star04 {

  -webkit-animation: lead03 1s 0s forwards, lead06 5.2s 0s infinite;

          animation: lead03 1s 0s forwards, lead06 5.2s 0s infinite;

}



.l-footer.fade.is-active .c-lead__bird01 {

  -webkit-animation: lead03 1s 0s forwards, lead06 2s .5s infinite;

          animation: lead03 1s 0s forwards, lead06 2s .5s infinite;

}



.l-footer.fade.is-active .c-lead__bird02 {

  -webkit-animation: lead03 1s 0s forwards, lead06 3s 2s infinite;

          animation: lead03 1s 0s forwards, lead06 3s 2s infinite;

}



.l-footer.fade.is-active .c-lead__bird03 {

  -webkit-animation: lead03 1s 0s forwards, lead06 4s 1.5s infinite;

          animation: lead03 1s 0s forwards, lead06 4s 1.5s infinite;

}



.l-footer.fade.is-active .c-lead__bird04 {

  -webkit-animation: lead03 1s 0s forwards, lead06 5s 0s infinite;

          animation: lead03 1s 0s forwards, lead06 5s 0s infinite;

}



@media screen and (min-width: 751px) {

  .l-footer .l-wrap {

    padding-top: 31.48%;

  }



  .c-pagetop {

    top: 0;

    margin: 4.2% auto 0;

    width: 65px;

  }



  .c-pagetop img {

    border: 4px solid #e08239;

    border-radius: .5em;

  }



  .c-note {

    width: 52.5%;

    margin: 18.2% auto 0;

    font-size: 1.3889vw;

    line-height: 2;

  }

}

@media screen and (min-width: 1080px) {

  .l-footer .l-wrap {

    padding-top: 340px;

  }



  .c-note {

    font-size: 1.5rem;

  }

}

.p-copyright {

  padding: 10% 0;

  text-align: center;

  color: #000;

  background-color: #fff;

  position: relative;

  z-index: 2;

}



.c-footer__logo {

  width: 24%;

  margin: 0 auto 4%;

}



.c-copyright small {

  font-size: 2.6rem;

}



@media screen and (min-width: 751px) {

  .p-copyright {

    padding: 1.5% 0;

    text-align: center;

    color: #000;

    background-color: #fff;

  }



  .c-footer__logo {

    width: 90px;

    margin: 0 auto;

  }



  .c-copyright small {

    display: block;

    font-size: 1.2rem;

    line-height: 1;

  }

}

@media screen and (min-width: 1080px) {

  .p-copyright {

    padding: 20px 0;

  }

}

*[data-youtube-id] {

  cursor: pointer;

}



#movie_stage {

  -webkit-box-align: center;

      -ms-flex-align: center;

          align-items: center;

  bottom: 0;

  display: -moz-flex;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  height: 100%;

  left: 0;

  margin: 0;

  -o-opacity: 0;

  opacity: 0;

  position: fixed;

  right: 0;

  text-align: center;

  top: 0;

  -webkit-transition: all .2s;

  transition: all .2s;

  visibility: hidden;

  width: 100%;

  z-index: 10000;

}



#movie_stage.movie_active {

  -o-opacity: 1;

  opacity: 1;

  -webkit-transition: all .5s;

  transition: all .5s;

  visibility: visible;

}



#movie_screen {

  background-color: #000;

  bottom: 0;

  cursor: pointer;

  height: 100%;

  left: 0;

  -o-opacity: .5;

  opacity: .5;

  position: fixed;

  top: 0;

  right: 0;

  width: 100%;

  z-index: 10001;

}



.movie_window {

  max-width: 1000px;

  margin: 0 auto;

  -o-opacity: 0;

  opacity: 0;

  position: relative;

  -webkit-transform: scale(0.2);

  transform: scale(0.2);

  -webkit-transition: all .2s;

  transition: all .2s;

  visibility: hidden;

  width: 90%;

  z-index: 10002;

}



.movie_window.movie_active {

  visibility: visible;

  -o-opacity: 1;

  opacity: 1;

  -webkit-transform: scale(1);

  transform: scale(1);

  -webkit-transition: all .5s .2s;

  transition: all .5s .2s;

}



.movie_window div:not(.movie_close) {

  background-color: #000;

  height: 0;

  max-width: 100%;

  padding-top: 56.25%;

  position: relative;

  width: 100%;

}



.movie_window iframe {

  bottom: 0;

  left: 0;

  margin: 0;

  position: absolute;

  right: 0;

  top: 0;

  width: 100%;

}



.movie_close {

  color: #fff;

  cursor: pointer;

  font-size: 3.5vw;

  margin-top: .2em;

}



@media screen and (min-width: 751px) {

  .movie_close {

    font-size: 1.4rem;

  }

}

html.movie_active,

html.movie_active body {

  min-height: 100%;

  min-width: 100%;

  overflow: hidden;

  position: relative;

}



.u-fadein {

  opacity: 0;

  -webkit-transform: translate(0, 30px);

          transform: translate(0, 30px);

  -webkit-transition: all 1s;

  transition: all 1s;

}



.u-fadein.is-active {

  opacity: 1;

  -webkit-transform: translate(0, 0);

          transform: translate(0, 0);

}



.u-fade-right {

  opacity: 0;

  -webkit-transform: translate(30px, 0);

          transform: translate(30px, 0);

  -webkit-transition: all 1s;

  transition: all 1s;

}



.u-fade-right.is-active {

  opacity: 1;

  -webkit-transform: translate(0, 0);

          transform: translate(0, 0);

}


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