@charset "UTF-8";
/* -- Color -- */
/* -- Fonts -- */
/* -- @font-face -- */
/* -- Font size -- */
/* -- Prefix -- */
/* -- Media Screen -- */
/* -- Retina -- */
/* -- Flex -- */
/* -- Gradient -- */
/* 共通設定及びモバイル用
------------------------------------------------------------*/
:root {
  --vw: 1vw;
}

*, *::before, *::after {
  box-sizing: border-box;
}
body {
  line-height: 1.6;
}

.inner {
  width: 90%;
  max-width: 1000px;
  margin-right: auto;
  margin-left: auto;
}

/* ヘッダー＆フッター
*****************************************************/
.lp_header,
.lp_footer {
  background-color: #FFFFFF;
}
.lp_header .inner,
.lp_footer .inner {
  padding: 2.5% 0;
}
.lp_header .inner .company_logo,
.lp_footer .inner .company_logo {
  text-align: center;
  width: 35.8%;
  max-width: 358px;
  margin-right: auto;
  margin-left: auto;
}

/* メイン
*****************************************************/
.yakon {
  /* コンテンツ
  *****************************************************/
}
.yakon .lp_main {
  position: relative;
  z-index: -1;
  width: 100%;
  overflow: hidden;
  background: url("../img/main_img_yakon.jpg") no-repeat 50% 50%/cover;
  aspect-ratio: 1916/1167;
}
.yakon .lp_main .lp_main_inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.yakon .lp_main .lp_main_inner h1 {
  position: absolute;
  top: 7.718%;
  right: 9.375%;
  z-index: 2;
  width: 20%;
  max-width: 411px;
}
.yakon .lp_main .lp_main_inner .lp_main_none {
  position: absolute;
  bottom: 4.288%;
  right: 10.938%;
  z-index: 2;
  width: 30%;
  max-width: 604px;
  margin-bottom: 0;
}
.yakon .lp_main .lp_main_inner .lp_main_label {
  position: absolute;
  bottom: 2.573%;
  left: 13.666%;
  z-index: 2;
  width: 14.688%;
  max-width: 225px;
  margin-bottom: 0;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .yakon .lp_main {
    background-image: url("../img/main_img_yakon@2x.jpg");
  }
}
.yakon .lp_order {
  background: url("../img/cart_in_back_img.jpg") repeat;
}
.yakon .lp_order .inner {
  position: relative;
  text-align: center;
  padding: 5% 6.5% 6%;
}
.yakon .lp_order .inner .order_caution {
  margin-top: -4%;
  font-weight: 700;
  font-size: 2rem;
  line-height: 1.2;
}
@media (max-width: 981px) {
  .yakon .lp_order .inner .order_caution {
    font-size: calc(1.4rem + (1vw - 0.36rem) * 0.9646);
  }
}
.yakon .lp_order .inner p {
  margin-bottom: 6%;
}
.yakon .lp_order .inner p:last-child {
  margin-bottom: 0;
}
.yakon .lp_order .inner::before {
  position: absolute;
  top: -13.986%;
  left: -20%;
  content: "";
  display: block;
  width: 38%;
  max-width: 483px;
  aspect-ratio: 483/641;
  background: url("../img/cart_in_img_yakon.png") no-repeat 0 0/contain;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .yakon .lp_order .inner::before {
    background-image: url("../img/cart_in_img_yakon@2x.png");
  }
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .yakon .lp_order {
    background-image: url("../img/cart_in_back_img@2x.jpg");
  }
}
.yakon .lp_order .order_btn {
  overflow: hidden;
  border-radius: 10px;
}
.yakon .lp_order a {
  position: relative;
  display: block;
  height: 100%;
}
.yakon .lp_order a::before {
  position: absolute;
  content: "";
  display: inline-block;
  top: -30px;
  left: 0;
  width: 25px;
  height: 35%;
  background-color: #fff;
  transform: scale(0) rotate(45deg);
  transform-origin: left;
}
.yakon .lp_order a:hover::before {
  -webkit-animation: shiny-btn1 1.2s infinite;
          animation: shiny-btn1 1.2s infinite;
}
.yakon .lp_order a img {
  display: block;
  width: 100%;
}
@-webkit-keyframes shiny-btn1 {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  30% {
    transform: scale(0) rotate(45deg);
    opacity: 0.4;
  }
  31% {
    transform: scale(10) rotate(45deg);
    opacity: 0.7;
  }
  70% {
    transform: scale(40) rotate(45deg);
    opacity: 0;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
@keyframes shiny-btn1 {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  30% {
    transform: scale(0) rotate(45deg);
    opacity: 0.4;
  }
  31% {
    transform: scale(10) rotate(45deg);
    opacity: 0.7;
  }
  70% {
    transform: scale(40) rotate(45deg);
    opacity: 0;
  }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
.yakon .lp_about {
  padding: calc(var(--vw) * 11.458) 0 calc(var(--vw) * 10.416);
  margin-bottom: 5em;
  background: url("../img/about_back_img.png") no-repeat 50% 50%/cover;
}
.yakon .lp_about .lp_about_text {
  text-align: center;
  margin-bottom: 17%;
  padding-bottom: 18%;
}
.yakon .lp_about .lp_about_text h2 {
  width: 55.3%;
  max-width: 553px;
  margin: 0 auto 9%;
}
.yakon .lp_about .lp_about_text p {
  margin-bottom: 8%;
}
.yakon .lp_about .lp_about_text p:last-child {
  margin-bottom: 0;
}
.yakon .lp_about .lp_about_howto {
  width: 100%;
  padding: 10% 0 20.209%;
  background: url("../img/howto_back_img.png") no-repeat 50% 50%/cover;
  aspect-ratio: 1000/1610;
}
.yakon .lp_about .lp_about_howto h3 {
  text-align: center;
  width: 55.8%;
  max-width: 558px;
  margin: 0 auto 8%;
}
.yakon .lp_about .lp_about_howto .lp_about_howto_rows {
  display: flex;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  flex-direction: row-reverse;
  gap: 0 6%;
  width: 85%;
  max-width: 743px;
  margin: 0 auto;
}
.yakon .lp_about .lp_about_howto .lp_about_howto_rows .lp_about_howto_section {
  display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  flex-direction: row-reverse;
}
.yakon .lp_about .lp_about_howto .lp_about_howto_rows .lp_about_howto_section h4 {
  margin-bottom: 0;
  margin-left: 8%;
}
.yakon .lp_recom {
  width: 100%;
  background: url("../img/recom_back_img_yakon.jpg") no-repeat 50% 0/cover;
  aspect-ratio: 96/55;
  position: relative;
}
.yakon .lp_recom .inner {
  height: 100%;
}
.yakon .lp_recom .inner p {
  position: absolute;
  right: 7%;
  bottom: 10%;
  margin: 0 auto;
  color: white;
  text-align: right;
  line-height: 1.7;
  font-size: 3.4rem;
  text-shadow: black 7px 7px 4px;
}
@media (max-width: 981px) {
  .yakon .lp_recom .inner p {
    font-size: calc(1.25rem + (1vw - 3.6px) * 2.4116);
  }
}
.yakon .lp_recom .inner p img {
  display: block;
  margin: 0 0 0.5em auto;
  width: 40%;
  max-width: 343px;
}
@media (max-width: 981px) {
  .yakon .lp_recom .inner p img {
    width: 33%;
  }
}
.yakon .lp_recom2 {
  width: 100%;
  background: url("../img/recom_back_img_yakon02.jpg") no-repeat 50% 0/cover;
  aspect-ratio: 96/55;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5em 1.7em;
}
.yakon .lp_recom2 .inner {
  margin: 0 auto;
  width: 100%;
  max-width: 900px;
  background: rgba(255, 255, 255, 0.5);
  padding: 5em 4% 2em;
  font-weight: 700;
}
.yakon .lp_recom2 .inner h3 {
  font-size: 5.3rem;
  margin-bottom: 0.7em;
  text-align: center;
  line-height: 1.6;
  font-weight: 700;
}
@media (max-width: 981px) {
  .yakon .lp_recom2 .inner h3 {
    font-size: calc(2.5rem + (1vw - 0.36rem) * 4.5016);
  }
}
.yakon .lp_recom2 .inner h3 span {
  font-size: 4.5rem;
  display: block;
}
@media (max-width: 981px) {
  .yakon .lp_recom2 .inner h3 span {
    font-size: calc(1.85rem + (1vw - 0.36rem) * 4.2673);
  }
}
.yakon .lp_recom2 .inner p {
  text-align: center;
  font-size: 2rem;
  line-height: 1.8;
}
@media (max-width: 981px) {
  .yakon .lp_recom2 .inner p {
    font-size: calc(1.6rem + (1vw - 0.36rem) * 0.9646);
  }
}
.yakon .lp_commit {
  padding: calc(var(--vw) * 16.562) 0 calc(var(--vw) * 22.031);
  background: url("../img/about_back_img.png") no-repeat 50% 50%/cover;
}
.yakon .lp_commit .inner h2 {
  text-align: center;
  margin-bottom: 4%;
}
.yakon .lp_commit .inner .lp_commit_section {
  display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 30px 6.8%;
  margin-bottom: 13.1%;
}
.yakon .lp_commit .inner .lp_commit_section .lp_commit_text {
  flex-grow: 1;
  flex-basis: 503px;
}
.yakon .lp_commit .inner .lp_commit_section .lp_commit_text h3 {
  margin-bottom: 5%;
  font-size: 3.7rem;
  font-weight: 700;
}
@media (max-width: 981px) {
  .yakon .lp_commit .inner .lp_commit_section .lp_commit_text h3 {
    font-size: calc(2.4rem + (1vw - 0.36rem) * 2.7331);
  }
}
.yakon .lp_commit .inner .lp_commit_section .lp_commit_text p {
  margin-bottom: 0;
  font-size: 2.7rem;
  font-weight: 300;
}
@media (max-width: 981px) {
  .yakon .lp_commit .inner .lp_commit_section .lp_commit_text p {
    font-size: calc(1.8rem + (1vw - 0.36rem) * 1.7685);
  }
}
.yakon .lp_commit .inner .lp_commit_section .lp_commit_img {
  flex-grow: 1;
  flex-basis: 429px;
}
.yakon .lp_commit .inner .lp_commit_section:nth-of-type(odd) {
  flex-direction: row-reverse;
}
.yakon .lp_commit .inner .lp_commit_section:last-of-type {
  margin-bottom: 0;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .yakon .lp_commit {
    background: url("../img/about_back_img@2x.png") no-repeat center/cover;
  }
}
.yakon .lp_recipe {
  padding: calc(var(--vw) * 16.562) 0 calc(var(--vw) * 22.031);
  margin-top: -17%;
  position: relative;
  overflow-y: hidden;
  margin-bottom: calc(var(--vw) * 16.563) 0 0;
}
.yakon .lp_recipe::after {
  content: "";
  display: block;
  width: 30%;
  max-width: 621px;
  aspect-ratio: 621/727;
  position: absolute;
  left: 0;
  bottom: -8%;
  z-index: -1;
  background: url(../img/recipe_back_img.png) no-repeat center/contain;
}
.yakon .lp_recipe .inner h2 {
  text-align: center;
  margin-bottom: 4%;
}
.yakon .lp_recipe .inner p {
  font-size: 2.7rem;
  max-width: 800px;
  margin: 0 auto 3em;
}
@media (max-width: 981px) {
  .yakon .lp_recipe .inner p {
    font-size: calc(1.6rem + (1vw - 0.36rem) * 1.7713);
  }
}
.yakon .lp_recipe .inner div {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  position: relative;
}
.yakon .lp_recipe .inner div::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 5%;
  left: 55%;
  background: url(../img/recipe_cloud.png) no-repeat center/contain;
  width: 22%;
  max-width: 331px;
  aspect-ratio: 331/287;
}
.yakon .lp_recipe .inner div > img {
  width: 100%;
  display: block;
}
.yakon .lp_recipe .inner div > span {
  color: white;
  position: absolute;
  bottom: 4%;
  font-size: 3.2rem;
  font-weight: 700;
}
@media (max-width: 981px) {
  .yakon .lp_recipe .inner div > span {
    font-size: calc(1.4rem + (1vw - 0.36rem) * 3.0596);
  }
}
.yakon .lp_recipe .inner div > span:first-of-type {
  left: 17%;
}
@media (max-width: 981px) {
  .yakon .lp_recipe .inner div > span:first-of-type {
    left: 2%;
  }
}
.yakon .lp_recipe .inner div > span:last-of-type {
  left: 55%;
}
@media (max-width: 981px) {
  .yakon .lp_recipe .inner div > span:last-of-type {
    left: 45%;
  }
}
.yakon .lp_voice {
  padding: calc(var(--vw) * 1.354) 0 calc(var(--vw) * 9.375);
  background: url("../img/lp_voice_bg.jpg") no-repeat 70% 50%/cover;
}
.yakon .lp_voice .inner .lp_voice_textarea {
  width: 85%;
  max-width: 731px;
}
.yakon .lp_voice .inner .lp_voice_textarea h2 {
  font-weight: 700;
  position: relative;
  z-index: 10;
  margin: 1.8em 0 20px;
  color: #2E3192;
  font-size: 5rem;
  line-height: 1.4;
  transform: translateX(4.378%);
}
@media (max-width: 981px) {
  .yakon .lp_voice .inner .lp_voice_textarea h2 {
    font-size: calc(2.2rem + (1vw - 0.36rem) * 4.5016);
  }
}
.yakon .lp_voice .inner .lp_voice_textarea h2 span {
  display: block;
  font-size: 9.4rem;
}
@media (max-width: 981px) {
  .yakon .lp_voice .inner .lp_voice_textarea h2 span {
    font-size: calc(4.2rem + (1vw - 0.36rem) * 9.0032);
  }
}
.yakon .lp_voice .inner .lp_voice_textarea h2::after {
  content: "";
  display: block;
  width: 43.568%;
  max-width: 504px;
  aspect-ratio: 504/638;
  background: url("../img/voice_img_yakon.png") no-repeat 0 0/contain;
  position: absolute;
  right: -5%;
  bottom: -25%;
}
@media (max-width: 769px) {
  .yakon .lp_voice .inner .lp_voice_textarea h2::after {
    right: -12%;
    bottom: -33%;
  }
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .yakon .lp_voice .inner .lp_voice_textarea h2::after {
    background: url("../img/cart_in_img_yakon@2x.png") no-repeat 50% 20%/cover;
  }
}
.yakon .lp_voice .inner .lp_voice_textarea .lp_voice_section {
  position: relative;
  z-index: 1;
  padding: 4% 6%;
}
.yakon .lp_voice .inner .lp_voice_textarea .lp_voice_section + .lp_voice_section {
  margin-top: 9%;
}
.yakon .lp_voice .inner .lp_voice_textarea .lp_voice_section .icon {
  margin-bottom: 3%;
}
.yakon .lp_voice .inner .lp_voice_textarea .lp_voice_section h3 {
  margin-bottom: 3%;
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.2;
}
@media (max-width: 981px) {
  .yakon .lp_voice .inner .lp_voice_textarea .lp_voice_section h3 {
    font-size: calc(2rem + (1vw - 0.36rem) * 1.6077);
  }
}
.yakon .lp_voice .inner .lp_voice_textarea .lp_voice_section p {
  margin-bottom: 0;
  font-size: 1.9rem;
  line-height: 1.6;
  overflow: hidden;
}
@media (max-width: 981px) {
  .yakon .lp_voice .inner .lp_voice_textarea .lp_voice_section p {
    font-size: calc(1.4rem + (1vw - 0.36rem) * 0.8039);
  }
}
.yakon .lp_voice .inner .lp_voice_textarea .lp_voice_section p span {
  background-image: linear-gradient(transparent 0, transparent 91%, #C8A03C 95%);
  background-size: 100% 1.53em;
  display: block;
  transform: translateY(-1px);
}
.yakon .lp_voice .inner .lp_voice_textarea .lp_voice_section::before, .yakon .lp_voice .inner .lp_voice_textarea .lp_voice_section::after {
  position: absolute;
  z-index: -1;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 0.5em;
}
.yakon .lp_voice .inner .lp_voice_textarea .lp_voice_section::before {
  top: 3%;
  left: 1.5%;
  background-color: rgba(119, 119, 119, 0.5);
}
.yakon .lp_voice .inner .lp_voice_textarea .lp_voice_section::after {
  top: 0;
  left: 0;
  background-color: #FFFFFF;
  border: 2px solid #C8A03C;
}
.yakon .lp_contact {
  padding: calc(var(--vw) * 16.563) 0 0;
  position: relative;
}
.yakon .lp_contact::before {
  content: "";
  display: block;
  width: 25%;
  max-width: 461px;
  aspect-ratio: 461/641;
  background: url(../img/contact_back_img.png) no-repeat center/contain;
  position: absolute;
  top: -10%;
  right: 0;
  z-index: -1;
}
@media (max-width: 981px) {
  .yakon .lp_contact {
    font-size: calc(1.6rem + (1vw - 0.36rem) * 0.6431);
  }
  .yakon .lp_contact::before {
    top: -5%;
  }
}
.yakon .lp_contact .lp_delivary {
  background: url(../img/delivery_back_img.jpg) no-repeat center/cover;
}
.yakon .lp_contact .lp_delivary .inner {
  padding: 8% 0;
}
.yakon .lp_contact .lp_delivary .inner h2 {
  text-align: center;
  margin-bottom: 8%;
}
.yakon .lp_contact .lp_delivary .inner .lp_delivary_section {
  display: flex;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.5em 3.6%;
  position: relative;
  margin-bottom: 6%;
  min-height: 306px;
  padding: 3% 4% 3% 5%;
  background-color: #FFFFFF;
}
.yakon .lp_contact .lp_delivary .inner .lp_delivary_section .lp_delivary_text {
  flex-grow: 1;
  flex-basis: 400px;
}
.yakon .lp_contact .lp_delivary .inner .lp_delivary_section .lp_delivary_text h3 {
  margin-bottom: 5%;
  font-size: 43px;
  font-weight: 700;
  display: flex;
  align-items: center;
}
@media (max-width: 981px) {
  .yakon .lp_contact .lp_delivary .inner .lp_delivary_section .lp_delivary_text h3 {
    font-size: calc(3rem + (1vw - 0.36rem) * 2.4116);
  }
}
.yakon .lp_contact .lp_delivary .inner .lp_delivary_section .lp_delivary_text h3 .i-free {
  font-size: 33px;
  background: #C4162C;
  color: #FFFFFF;
  border-radius: 7px;
  padding: 0 10px;
  font-weight: 700;
  margin-left: 0.4em;
}
@media (max-width: 981px) {
  .yakon .lp_contact .lp_delivary .inner .lp_delivary_section .lp_delivary_text h3 .i-free {
    font-size: calc(2.7rem + (1vw - 0.36rem) * 1.4469);
  }
}
.yakon .lp_contact .lp_delivary .inner .lp_delivary_section .lp_delivary_text p {
  margin-bottom: 0;
  font-size: 2.3rem;
}
@media (max-width: 981px) {
  .yakon .lp_contact .lp_delivary .inner .lp_delivary_section .lp_delivary_text p {
    font-size: calc(1.8rem + (1vw - 0.36rem) * 0.8039);
  }
}
.yakon .lp_contact .lp_delivary .inner .lp_delivary_section .lp_delivary_img {
  flex-grow: 1;
  flex-basis: 400px;
  text-align: center;
}
.yakon .lp_contact .lp_delivary .inner .lp_delivary_section .frames::before, .yakon .lp_contact .lp_delivary .inner .lp_delivary_section .frames::after,
.yakon .lp_contact .lp_delivary .inner .lp_delivary_section .frames span::before,
.yakon .lp_contact .lp_delivary .inner .lp_delivary_section .frames span::after {
  position: absolute;
  content: "";
  display: block;
  width: 7.4%;
  max-width: 74px;
  background: url("../img/delivery_frame.png") no-repeat 50% 50%/contain;
  aspect-ratio: 1/1;
}
@media only screen and (min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .yakon .lp_contact .lp_delivary .inner .lp_delivary_section .frames::before, .yakon .lp_contact .lp_delivary .inner .lp_delivary_section .frames::after,
.yakon .lp_contact .lp_delivary .inner .lp_delivary_section .frames span::before,
.yakon .lp_contact .lp_delivary .inner .lp_delivary_section .frames span::after {
    background-image: url("../img/delivery_frame@2x.png");
  }
}
.yakon .lp_contact .lp_delivary .inner .lp_delivary_section .frames::before {
  top: 2%;
  left: 1%;
}
.yakon .lp_contact .lp_delivary .inner .lp_delivary_section .frames::after {
  top: 2%;
  right: 1%;
  transform: rotate(90deg);
}
.yakon .lp_contact .lp_delivary .inner .lp_delivary_section .frames span::before {
  bottom: 2%;
  left: 1%;
  transform: rotate(-90deg);
}
.yakon .lp_contact .lp_delivary .inner .lp_delivary_section .frames span::after {
  bottom: 2%;
  right: 1%;
  transform: rotate(-180deg);
}
@media screen and (max-width: 769px) {
  .yakon .lp_contact .lp_delivary .inner .lp_delivary_section {
    padding-top: 10%;
    padding-bottom: 10%;
  }
}
.yakon .lp_contact .lp_delivary .lp_present_cart_in {
  text-align: center;
}
.yakon .lp_contact .lp_delivary .lp_present_cart_in p {
  margin-bottom: 3.6%;
  position: relative;
}
.yakon .lp_contact .lp_delivary .lp_present_cart_in p span {
  position: absolute;
  left: 50%;
  top: 15px;
  transform: translateX(-50%);
  width: 95%;
  max-width: calc(800px - 5%);
  font-size: 3.5rem;
  line-height: 1.4;
  font-weight: 700;
}
@media (max-width: 981px) {
  .yakon .lp_contact .lp_delivary .lp_present_cart_in p span {
    top: 5px;
    font-size: calc(1.5rem + (1vw - 0.36rem) * 3.2154);
  }
}
.yakon .lp_contact .lp_delivary .lp_present_cart_in p:last-child {
  margin-bottom: 0;
}
.yakon .lp_contact .lp_delivary .lp_present_cart_in a {
  position: relative;
  overflow: hidden;
  display: inline-block;
  height: 100%;
  border-radius: 10px;
}
.yakon .lp_contact .lp_delivary .lp_present_cart_in a::before {
  position: absolute;
  content: "";
  display: inline-block;
  top: -30px;
  left: 0;
  width: 25px;
  height: 35%;
  background-color: #fff;
  transform: scale(0) rotate(45deg);
  transform-origin: left;
}
.yakon .lp_contact .lp_delivary .lp_present_cart_in a:hover::before {
  -webkit-animation: shiny-btn1 1.2s infinite;
          animation: shiny-btn1 1.2s infinite;
}
.yakon .lp_contact .lp_callphone {
  padding: calc(var(--vw) * 7.813) 0 calc(var(--vw) * 5.208);
}
.yakon .lp_contact .lp_callphone .inner {
  text-align: center;
}
.yakon .lp_contact .lp_callphone .inner h2 {
  font-size: 56px;
}
@media (max-width: 981px) {
  .yakon .lp_contact .lp_callphone .inner h2 {
    font-size: calc(2rem + (1vw - 0.36rem) * 5.627);
  }
}
.yakon .lp_contact .lp_callphone .inner p {
  font-size: 1.25em;
}
.yakon .lp_contact .lp_callphone .inner p:last-of-type {
  margin-bottom: 0;
}
.yakon .lp_buttons {
  position: -webkit-sticky;
  position: sticky;
  bottom: 20px;
  right: 0;
  left: 0;
  z-index: 10;
  margin-top: calc(var(--vw) * 3.438);
  margin-bottom: 2.5em;
}
.yakon .lp_buttons .inner {
  display: flex;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 20px;
}
.yakon .lp_buttons .inner .button {
  flex-basis: calc(50% - 10px);
  max-width: 490px;
}
.yakon .lp_buttons .inner .button a {
  position: relative;
  overflow: hidden;
  display: inline-block;
}
.yakon .lp_buttons .inner .button a::before {
  position: absolute;
  content: "";
  display: inline-block;
  top: -40px;
  left: 0;
  width: 25px;
  height: 35%;
  background-color: #fff;
  transform: scale(0) rotate(45deg);
  transform-origin: left;
}
.yakon .lp_buttons .inner .button a:hover::before {
  -webkit-animation: shiny-btn2 1s infinite;
          animation: shiny-btn2 1s infinite;
}
@-webkit-keyframes shiny-btn2 {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  20% {
    transform: scale(0) rotate(45deg);
    opacity: 0.4;
  }
  21% {
    transform: scale(5) rotate(45deg);
    opacity: 0.7;
  }
  70% {
    transform: scale(20) rotate(45deg);
    opacity: 0;
  }
  100% {
    transform: scale(20) rotate(45deg);
    opacity: 0;
  }
}
@keyframes shiny-btn2 {
  0% {
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  20% {
    transform: scale(0) rotate(45deg);
    opacity: 0.4;
  }
  21% {
    transform: scale(5) rotate(45deg);
    opacity: 0.7;
  }
  70% {
    transform: scale(20) rotate(45deg);
    opacity: 0;
  }
  100% {
    transform: scale(20) rotate(45deg);
    opacity: 0;
  }
}/*# sourceMappingURL=layout.css.map */