@media screen and (min-width: 1280px), print {
  .p_products > .ttl {
    padding-bottom: 85px;
  }
  .p_products .listProducts .it {
    position: relative;
    margin-bottom: 60px;
  }
  .p_products .listProducts .it:nth-of-type(1) .it_top .fig .figcaption picture {
    width: 268px;
  }
  .p_products .listProducts .it:nth-of-type(2) .it_top .fig .figcaption picture {
    width: 341px;
  }
  .p_products .listProducts .it:nth-of-type(3) .it_top .fig .figcaption picture {
    width: 275px;
  }
  .p_products .listProducts .it:nth-of-type(4) .it_top .fig .figcaption picture {
    width: 326px;
  }
  .p_products .listProducts .it.rv .it_top {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .p_products .listProducts .it.rv .it_top .fig {
    padding-left: 0;
    margin-left: 125px;
    margin-right: auto;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 1279px) {
  .p_products .listProducts .it.rv .it_top .fig {
    margin-left: 45px;
  }
}

@media screen and (min-width: 1280px), print {
  .p_products .listProducts .it.rv .it_mid {
    float: left;
  }
  .p_products .listProducts .it.rv .it_mid .it_mid_top {
    margin-left: 125px;
    padding-right: 560px;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 1279px) {
  .p_products .listProducts .it.rv .it_mid .it_mid_top {
    margin-left: 45px;
  }
}

@media screen and (min-width: 1280px), print {
  .p_products .listProducts .it.rv .it_mid > p {
    left: 125px;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 1279px) {
  .p_products .listProducts .it.rv .it_mid > p {
    left: 45px;
  }
}

@media screen and (min-width: 1280px), print {
  .p_products .listProducts .it.rv .it_bot {
    left: inherit;
    right: 92px;
  }
  .p_products .listProducts .it .it_top {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    position: relative;
    z-index: 10;
  }
  .p_products .listProducts .it .it_top .fig {
    padding-left: 80px;
  }
  .p_products .listProducts .it .it_top .fig > picture {
    width: 280px;
  }
  .p_products .listProducts .it .it_top .fig .figcaption {
    margin-top: 30px;
  }
  .p_products .listProducts .it .it_top > picture {
    -ms-flex-preferred-size: 540px;
        flex-basis: 540px;
    -moz-border-radius: 10px;
         border-radius: 10px;
    overflow: hidden;
  }
  .p_products .listProducts .it .it_mid {
    float: right;
    background-color: #fff;
    width: 1060px;
    height: 500px;
    margin-top: -240px;
    padding-top: 270px;
    padding-bottom: 60px;
    -moz-border-radius: 12px;
         border-radius: 12px;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 1279px) {
  .p_products .listProducts .it .it_mid {
    width: 1000px;
  }
}

@media screen and (min-width: 1280px), print {
  .p_products .listProducts .it .it_mid > p {
    position: absolute;
    left: 620px;
    bottom: 60px;
    width: 500px;
    z-index: 1;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 1279px) {
  .p_products .listProducts .it .it_mid > p {
    left: 580px;
  }
}

@media screen and (min-width: 1280px), print {
  .p_products .listProducts .it .it_mid > p img {
    width: 378px;
  }
  .p_products .listProducts .it .it_mid .it_mid_top {
    margin-left: 560px;
    position: relative;
    padding-right: 10px;
    color: #231815;
  }
  .p_products .listProducts .it .it_mid .it_mid_top p {
    font-size: 16px;
    line-height: 1.78;
    font-weight: 600;
  }
  .p_products .listProducts .it .it_mid .it_mid_top > a {
    position: absolute;
    z-index: 20;
    top: -240px;
    left: 300px;
    width: 110px;
  }
  .p_products .listProducts .it .it_bot {
    position: absolute;
    left: 92px;
    bottom: 60px;
  }
  .p_products .listProducts .it .it_bot .it_bot_main {
    width: 448px;
    border-top: 1px solid #AE9336;
    border-bottom: 1px solid #AE9336;
    padding: 20px 0;
    position: relative;
  }
  .p_products .listProducts .it .it_bot .it_bot_main ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p_products .listProducts .it .it_bot .it_bot_main ul li {
    width: 142px;
  }
  .p_products .listProducts .it .it_bot .it_bot_main ul li:not(:last-child) {
    margin-right: 10px;
  }
  .p_products .listProducts .it .it_bot .it_bot_main ul li a {
    -moz-border-radius: 5px;
         border-radius: 5px;
    overflow: hidden;
    display: block;
    width: 142px;
    height: 118px;
  }
  .p_products .listProducts .it .it_bot .it_bot_main ul li a img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .p_products .listProducts .it .it_bot h3 {
    font-size: 15px;
    font-weight: 600;
    color: #AE9336;
    display: inline-block;
    position: absolute;
    top: -14px;
    left: 0;
    padding-right: 20px;
    background-color: #fff;
  }
  .clearfix::after {
    content: "";
    clear: both;
    display: table;
  }
  .boxoverlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1900;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background: rgba(148, 149, 149, 0.5);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
  }
  .modal {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 560px;
    max-width: 92%;
    height: auto;
    z-index: 2000;
    visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
       -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .modal .m_in {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background: #fff;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .modal.open {
    visibility: visible;
    opacity: 1;
  }
  .modal.open .m_in {
    opacity: 1;
  }
  .modal.st2 .m_in::before {
    border-top-color: #E46C00;
  }
  .modal.st2 .m_in::after {
    border-bottom-color: #E46C00;
  }
  .modal.st3 .m_in::before {
    border-top-color: #00488B;
  }
  .modal.st3 .m_in::after {
    border-bottom-color: #00488B;
  }
  .modal.st4 .m_in::before {
    border-top-color: #377E48;
  }
  .modal.st4 .m_in::after {
    border-bottom-color: #377E48;
  }
  .modal .btn_close {
    position: absolute;
    top: 30px;
    right: 30px;
    cursor: pointer;
  }
  .modal .btn_close img {
    width: 32px;
  }
  .modal .m_in {
    padding-bottom: 75px;
    background: #fff;
    -moz-border-radius: 15px;
         border-radius: 15px;
    overflow: hidden;
    position: relative;
  }
  .modal .m_in .content {
    padding-top: 105px;
  }
  .modal .m_in .content .tt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
  }
  .modal .m_in .content .tt h3 {
    font-size: 23px;
    font-weight: 600;
    text-align: center;
    position: relative;
    padding-top: 52px;
    margin-bottom: 20px;
    color: #000;
  }
  .modal .m_in .content .tt h3::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 60px;
    height: 33px;
    background: url(../images/products/logo.svg) center/contain no-repeat;
    display: block;
  }
  .modal .m_in::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    border-top: 60px solid #008042;
    border-right: 60px solid transparent;
  }
  .modal .m_in::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 0;
    height: 0;
    border-bottom: 60px solid #008042;
    border-left: 60px solid transparent;
  }
  .modal .main_modal {
    overflow-y: auto;
    color: #231815;
    max-height: 70vh;
  }
  .modal .main_modal .main_modal_in {
    padding: 0 75px;
    position: relative;
  }
  .modal .main_modal .main_modal_in::before {
    content: "";
    position: fixed;
    top: 105px;
    right: 75px;
    width: 155px;
    height: 155px;
    background: url(../images/products/wine.png) center/contain no-repeat;
    display: block;
  }
  .modal .main_modal h4 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 12px;
    margin-top: 30px;
    color: #000;
  }
  .modal .main_modal h5 {
    font-weight: 600;
    font-size: 15px;
    margin-bottom: 12px;
    margin-top: 28px;
    position: relative;
  }
  .modal .main_modal h5::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 100%;
    height: 1px;
    background: #000;
    display: block;
  }
  .modal .main_modal h5 span {
    display: inline-block;
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding-right: 6px;
  }
  .modal .main_modal ul li {
    font-size: 15px;
    font-weight: 600;
    position: relative;
    padding-left: 17px;
  }
  .modal .main_modal ul li.st2::before {
    background-color: #D2BE6E;
  }
  .modal .main_modal ul li.st3::before {
    background-color: #B43C78;
  }
  .modal .main_modal ul li.st4::before {
    background-color: #FA9696;
  }
  .modal .main_modal ul li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background: #C8C864;
    display: block;
    -moz-border-radius: 2px;
         border-radius: 2px;
  }
  .modal .main_modal .df {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .modal .main_modal .df .txt {
    padding-right: 15px;
  }
  .modal .main_modal .df figure img {
    width: 155px;
  }
  .p_lifestyle .ttl {
    padding-bottom: 95px;
  }
  .p_lifestyle .blob {
    display: block;
    position: relative;
    width: 350px;
    height: 350px;
    overflow: hidden;
    position: relative;
  }
  .p_lifestyle .blob::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(35, 24, 21, 0.5);
    -moz-border-radius: 48% 52% 58% 32%/42% 48% 52% 38%;
         border-radius: 48% 52% 58% 32%/42% 48% 52% 38%;
    display: block;
    opacity: 0;
  }
  .p_lifestyle .blob img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-animation: inherit;
       -moz-animation: inherit;
            animation: inherit;
    animation-direction: reverse;
    position: absolute;
  }
  .p_lifestyle .lst {
    position: relative;
    z-index: 1;
    margin-bottom: 63px;
  }
  .p_lifestyle .lst .row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .p_lifestyle .lst .row > figure {
    width: 800px;
    -moz-border-radius: 10px;
         border-radius: 10px;
    overflow: hidden;
    margin-right: 52px;
  }
  .p_lifestyle .lst .row .txt {
    width: 279px;
    text-align: right;
    margin-top: 0;
  }
  .p_lifestyle .lst .row .txt figure {
    width: 279px;
    display: inline-block;
    margin-bottom: 95px;
  }
  .p_lifestyle .lst .row .txt p {
    padding-right: 52px;
    line-height: 0;
  }
  .p_lifestyle .lst .row .txt p img {
    width: 147px;
    display: inline-block;
  }
  .p_lifestyle .lifestyleList {
    margin-top: -120px;
  }
  .p_lifestyle .lifestyleList .it {
    margin-bottom: 310px;
    position: relative;
  }
  .p_lifestyle .lifestyleList .it:nth-of-type(2) .df .txt h4 {
    bottom: 0px;
    right: -60px;
  }
  .p_lifestyle .lifestyleList .it:nth-of-type(2) .df .txt h4 img {
    vertical-align: bottom;
    width: 284px;
  }
  .p_lifestyle .lifestyleList .it:nth-of-type(3) .df .txt h4 {
    bottom: 255px;
    left: -60px;
  }
  .p_lifestyle .lifestyleList .it:nth-of-type(3) .df .txt h4 img {
    vertical-align: bottom;
    width: 456px;
  }
  .p_lifestyle .lifestyleList .it:nth-of-type(4) .df .txt h4 {
    bottom: -34px;
    right: -36px;
  }
  .p_lifestyle .lifestyleList .it:nth-of-type(4) .df .txt h4 img {
    vertical-align: bottom;
    width: 233px;
  }
  .p_lifestyle .lifestyleList .it.rv .df {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding-left: 100px;
    padding-right: 0;
  }
  .p_lifestyle .lifestyleList .it.rv .tt {
    left: 691px;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 1279px) {
  .p_lifestyle .lifestyleList .it.rv .tt {
    left: 585px;
  }
}

@media screen and (min-width: 1280px), print {
  .p_lifestyle .lifestyleList .it .tt {
    position: absolute;
    left: 150px;
    top: -76px;
    z-index: 1;
    color: #231815;
  }
}

@media only screen and (min-width: 1280px) and (max-width: 1279px) {
  .p_lifestyle .lifestyleList .it .tt {
    left: 0;
  }
}

@media screen and (min-width: 1280px), print {
  .p_lifestyle .lifestyleList .it .tt h3 {
    font-size: 45px;
    font-weight: 600;
    margin-bottom: 20px;
  }
  .p_lifestyle .lifestyleList .it .tt p {
    font-weight: 600;
    font-size: 20px;
    line-height: 2;
  }
  .p_lifestyle .lifestyleList .it .df {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-right: 100px;
  }
  .p_lifestyle .lifestyleList .it .df > figure {
    width: 400px;
    margin-top: 157px;
  }
  .p_lifestyle .lifestyleList .it .df > figure img {
    -moz-border-radius: 10px;
         border-radius: 10px;
    overflow: hidden;
  }
  .p_lifestyle .lifestyleList .it .df .txt {
    width: 650px;
    height: 650px;
    background-color: #fff;
    -moz-border-radius: 10px;
         border-radius: 10px;
    position: relative;
  }
  .p_lifestyle .lifestyleList .it .df .txt h4 {
    position: absolute;
    right: -75px;
    bottom: -86px;
  }
  .p_lifestyle .lifestyleList .it .df .txt h4 img {
    width: 420px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li {
    position: absolute;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes1 {
    top: -40px;
    left: 70px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes1 .recipes {
    right: 7px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes2 {
    top: 216px;
    right: -40px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes2 .recipes {
    right: -4px;
    top: -16px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes3 {
    bottom: -71px;
    left: -37px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes3 .recipes {
    right: inherit;
    left: -9px;
    top: -12px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes4 {
    top: -58px;
    left: -50px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes4 .recipes {
    right: -4px;
    top: -19px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes5 {
    top: 122px;
    right: -40px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes5 .recipes {
    right: -4px;
    bottom: -30px;
    top: inherit;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes6 {
    bottom: -56px;
    left: -23px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes6 .recipes {
    right: inherit;
    left: -22px;
    top: 5px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes7 {
    top: -96px;
    left: 160px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes7 .recipes {
    top: 19px;
    right: -30px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes8 {
    top: 303px;
    right: -53px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes8 .recipes {
    right: 9px;
    top: -31px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes9 {
    bottom: -85px;
    left: -58px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes9 .recipes {
    right: inherit;
    left: -43px;
    top: 220px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes10 {
    top: -65px;
    left: -25px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes10 .recipes {
    right: -10px;
    top: -13px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes11 {
    top: 151px;
    right: -38px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes11 .recipes {
    right: -7px;
    top: -14px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes12 {
    bottom: -56px;
    left: -51px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes12 .recipes {
    right: -1px;
    bottom: -34px;
    top: inherit;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a {
    display: block;
    position: relative;
    width: 350px;
    height: 350px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image::after {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .imageEffect {
    width: 334.31px;
    height: 350.02px;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-transform-origin: 50% 50%;
       -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .imageEffect::after {
    content: "";
    position: absolute;
    top: -10%;
    bottom: -10%;
    left: -10%;
    right: -10%;
    background-color: rgba(35, 24, 21, 0.5);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .imageEffect img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transform-origin: 50% 50%;
       -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .imageEffect svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .imageEffect .roate {
    -webkit-transform-origin: 50% 50%;
       -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .imageEffect {
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image1 {
    width: 350px;
    height: 334.32px;
    -webkit-mask-image: url(../images/life-style/myclip01.svg);
            mask-image: url(../images/life-style/myclip01.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image2 {
    width: 352.09px;
    height: 350.50px;
    -webkit-mask-image: url(../images/life-style/myclip02.svg);
            mask-image: url(../images/life-style/myclip02.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image3 {
    width: 346.31px;
    height: 351.47px;
    -webkit-mask-image: url(../images/life-style/myclip03.svg);
            mask-image: url(../images/life-style/myclip03.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image4 {
    width: 350px;
    height: 334.32px;
    -webkit-mask-image: url(../images/life-style/myclip04.svg);
            mask-image: url(../images/life-style/myclip04.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image5 {
    width: 348.29px;
    height: 355.13px;
    -webkit-mask-image: url(../images/life-style/myclip05.svg);
            mask-image: url(../images/life-style/myclip05.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image6 {
    width: 346.35px;
    height: 347.58px;
    -webkit-mask-image: url(../images/life-style/myclip06.svg);
            mask-image: url(../images/life-style/myclip06.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image7 {
    width: 350px;
    height: 334.32px;
    -webkit-mask-image: url(../images/life-style/myclip07.svg);
            mask-image: url(../images/life-style/myclip07.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image8 {
    width: 352.60px;
    height: 348.23px;
    -webkit-mask-image: url(../images/life-style/myclip08.svg);
            mask-image: url(../images/life-style/myclip08.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image9 {
    width: 352.03px;
    height: 355.49px;
    -webkit-mask-image: url(../images/life-style/myclip09.svg);
            mask-image: url(../images/life-style/myclip09.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image10 {
    width: 350px;
    height: 334.32px;
    -webkit-mask-image: url(../images/life-style/myclip10.svg);
            mask-image: url(../images/life-style/myclip10.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image11 {
    width: 353.98px;
    height: 349.57px;
    -webkit-mask-image: url(../images/life-style/myclip11.svg);
            mask-image: url(../images/life-style/myclip11.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image12 {
    width: 351.31px;
    height: 355.36px;
    -webkit-mask-image: url(../images/life-style/myclip12.svg);
            mask-image: url(../images/life-style/myclip12.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a:hover .image:after {
    opacity: 1;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a:hover .imageEffect:after {
    opacity: 1;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a:hover .text {
    opacity: 1;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .text {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 350px;
    height: 350px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
    opacity: 0;
    z-index: 2;
    text-align: center;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .recipes {
    position: absolute;
    top: -30px;
    right: 30px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .recipes.st2 {
    top: inherit;
    bottom: 30px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .recipes.st3 {
    top: 30px;
    right: -15px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .recipes.st4 {
    top: inherit;
    bottom: 30px;
    left: -30px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .recipes.st5 {
    top: inherit;
    left: inherit;
    bottom: -20px;
    right: -20px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .recipes img {
    width: 90px;
  }
  .image {
    width: 350px;
    height: 335px;
    margin: 20px;
    -webkit-mask-image: url("../images/life-style/circle01.svg");
            mask-image: url("../images/life-style/circle01.svg");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    position: relative;
    overflow: hidden;
  }
  .image.st2 {
    -webkit-mask-image: url("../images/life-style/circle02.svg");
            mask-image: url("../images/life-style/circle02.svg");
    width: 345px;
    height: 363px;
  }
  .image.st3 {
    -webkit-mask-image: url("../images/life-style/circle03.svg");
            mask-image: url("../images/life-style/circle03.svg");
    width: 335px;
    height: 351px;
  }
  .image::before {
    content: "";
    position: absolute;
    top: -10%;
    bottom: -10%;
    left: -10%;
    right: -10%;
    background: var(--i) center/cover;
    -webkit-animation: inherit;
       -moz-animation: inherit;
            animation: inherit;
    animation-direction: reverse;
    z-index: -2;
  }
  .image::after {
    content: "";
    position: absolute;
    top: -10%;
    bottom: -10%;
    left: -10%;
    right: -10%;
    background-color: rgba(35, 24, 21, 0.5);
    z-index: -1;
    -webkit-animation: inherit;
       -moz-animation: inherit;
            animation: inherit;
    animation-direction: reverse;
    opacity: 0;
  }
  .p_history {
    background-color: #4E4744;
    color: #fff;
  }
  .p_history .ttl {
    color: #AE9336;
    margin-bottom: -140px;
    position: relative;
    z-index: 1;
  }
  .p_history .history_top {
    padding-left: 130px;
  }
  .p_history .history_top figure {
    text-align: center;
  }
  .p_history .history_top figure img {
    width: 652px;
    display: inline-block;
  }
  .p_history .intro {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 114px 0 50px;
  }
  .p_history .intro .fig {
    width: 360px;
  }
  .p_history .intro .fig ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p_history .intro .fig ul li:nth-of-type(1) {
    margin-top: -70px;
    margin-right: -40px;
  }
  .p_history .intro .fig ul li:nth-of-type(3) {
    margin-top: -35px;
    margin-left: -20px;
  }
  .p_history .intro p {
    width: 530px;
    font-size: 15px;
    line-height: 1.69;
    font-weight: 600;
    text-align: justify;
    padding-left: 15px;
  }
  .p_history .history_main .it {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 30px 0;
  }
  .p_history .history_main .it:nth-of-type(1) .fig figure {
    width: 426px;
  }
  .p_history .history_main .it:nth-of-type(4) .fig figure {
    top: -100px !important;
  }
  .p_history .history_main .it:nth-of-type(5) .fig figure {
    width: 431px;
  }
  .p_history .history_main .it:nth-of-type(6) .fig figure {
    width: 398px;
    top: -80px !important;
    right: -24px;
  }
  .p_history .history_main .it.rv {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .p_history .history_main .it.rv .it_l dt::after {
    left: 132px;
    top: -21px;
    background: url(../images/history/pattern2.png) center/contain no-repeat;
  }
  .p_history .history_main .it.rv .fig {
    margin-right: 60px;
    position: relative;
  }
  .p_history .history_main .it.rv .fig .mask1 {
    content: "";
    position: absolute;
    top: -168px;
    right: -158px;
    width: 250px;
    height: 131px;
    background: url(../images/history/pattern3.png) center/contain no-repeat;
    display: block;
  }
  .p_history .history_main .it.rv .fig .mask2 {
    content: "";
    position: absolute;
    bottom: -135px;
    right: -104px;
    width: 250px;
    height: 131px;
    background: url(../images/history/pattern4.png) center/contain no-repeat;
    display: block;
  }
  .p_history .history_main .it.rv .fig figure {
    top: -145px;
  }
  .p_history .history_main .it:nth-child(odd) {
    background-color: #231815;
  }
  .p_history .history_main .it:nth-child(even) {
    padding: 135px 0 70px 20px;
  }
  .p_history .history_main .it .it_l {
    width: 420px;
  }
  .p_history .history_main .it .it_l dl dt {
    font-weight: 600;
    font-size: 19px;
    margin-bottom: 30px;
    position: relative;
  }
  .p_history .history_main .it .it_l dl dt.st2::after {
    top: 125px;
  }
  .p_history .history_main .it .it_l dl dt::after {
    content: "";
    position: absolute;
    left: -70px;
    top: 63px;
    width: 130px;
    height: 60px;
    background: url(../images/history/pattern1.png) center/contain no-repeat;
    display: block;
  }
  .p_history .history_main .it .it_l dl dt span {
    display: block;
    font-size: 31px;
  }
  .p_history .history_main .it .it_l dl dt span small {
    font-size: 22px;
  }
  .p_history .history_main .it .it_l dl dd {
    padding-left: 20px;
  }
  .p_history .history_main .it .it_l dl dd .pr {
    padding-right: 20px;
  }
  .p_history .history_main .it .it_l dl dd .figBot {
    margin-left: -15px;
    margin-top: 15px;
  }
  .p_history .history_main .it .it_l dl dd .figBot ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p_history .history_main .it .it_l dl dd .figBot ul li {
    margin-right: 23px;
  }
  .p_history .history_main .it .it_l dl dd .figBot ul li img {
    width: 65px;
  }
  .p_history .history_main .it .it_l dl dd .figBot ul li:nth-child(4) {
    margin-right: 0;
  }
  .p_history .history_main .it .it_l dl dd .figBot ul li:nth-child(4) img {
    width: 75px;
  }
  .p_history .history_main .it .it_l dl dd p {
    font-size: 15px;
    line-height: 1.69;
    font-weight: 600;
    text-align: justify;
  }
  .p_history .history_main .it .fig {
    width: 420px;
    position: relative;
  }
  .p_history .history_main .it .fig.fig1 {
    position: relative;
  }
  .p_history .history_main .it .fig.fig1 figure {
    top: -15px;
    right: 0;
    width: auto;
  }
  .p_history .history_main .it .fig.fig1 figcaption {
    position: absolute;
    top: -45px;
    left: -66px;
  }
  .p_history .history_main .it .fig.fig2 {
    position: relative;
  }
  .p_history .history_main .it .fig.fig2 figure {
    top: -75px;
    right: 0;
    width: 360px;
  }
  .p_history .history_main .it .fig.fig2 figcaption {
    position: absolute;
    bottom: -35px;
    left: -66px;
  }
  .p_history .history_main .it .fig.fig3 {
    position: relative;
  }
  .p_history .history_main .it .fig.fig3 ul {
    position: relative;
    z-index: 10;
  }
  .p_history .history_main .it .fig.fig3 ul li {
    position: absolute;
  }
  .p_history .history_main .it .fig.fig3 ul li:nth-of-type(1) {
    top: -16px;
    left: 61px;
  }
  .p_history .history_main .it .fig.fig3 ul li:nth-of-type(1) img {
    width: 252px;
  }
  .p_history .history_main .it .fig.fig3 ul li:nth-of-type(3) {
    right: 49px;
    top: -73px;
  }
  .p_history .history_main .it .fig.fig3 ul li:nth-of-type(3) img {
    width: 122px;
  }
  .p_history .history_main .it .fig.fig3 ul li:nth-of-type(2) {
    right: -36px;
    top: 19px;
  }
  .p_history .history_main .it .fig.fig3 ul li:nth-of-type(2) img {
    width: 192px;
  }
  .p_history .history_main .it .fig.fig3 ul li:nth-of-type(4) {
    right: -21px;
    top: 220px;
  }
  .p_history .history_main .it .fig.fig3 ul li:nth-of-type(4) img {
    width: 163px;
  }
  .p_history .history_main .it .fig figure {
    position: absolute;
    top: -65px;
    right: 20px;
    width: 360px;
    z-index: 4;
  }
  .p_faq .ttl {
    background: url(/assets/images/faq/title_bg@pc.png) no-repeat center 80px/830px auto;
    padding-bottom: 90px;
  }
  .p_faq .faq .inner {
    max-width: 860px;
  }
  .p_faq .faqList dl a {
    text-decoration: underline;
    -webkit-transition: all 0.15s ease-out;
    -o-transition: all 0.15s ease-out;
    -moz-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
    color: #000;
    cursor: pointer;
  }
  .p_faq .faqList dl a:hover {
    color: #b1961a;
  }
  .p_faq .faqList dl dt {
    position: relative;
    padding-left: 30px;
    font-size: 18px;
    line-height: 1.38;
    font-weight: 600;
  }
  .p_faq .faqList dl dt::before {
    content: '';
    display: block;
    background: url(/assets/images/faq/icon_q.svg) no-repeat left top/100% auto;
    width: 18px;
    height: 19px;
    vertical-align: bottom;
    position: absolute;
    left: 0;
    top: 5px;
  }
  .p_faq .faqList dl dd {
    display: none;
    position: relative;
    margin-left: 30px;
    margin-top: 35px;
    border: solid 2px #b1961a;
    -moz-border-radius: 10px;
         border-radius: 10px;
    background: #FFF;
    padding: 20px;
    font-size: 15px;
    line-height: 1.66;
    font-weight: 600;
  }
  .p_faq .faqList dl dd::before {
    content: '';
    display: block;
    background: url(/assets/images/faq/icon_a.svg) no-repeat left top/100% auto;
    width: 18px;
    height: 19px;
    position: absolute;
    top: 0;
    left: 0;
  }
  .p_faq .faqList dl + dl {
    margin-top: 45px;
  }
  .p_contact .ttl {
    padding-bottom: 90px;
  }
  .p_contact .contact .inner {
    max-width: 1000px;
  }
  .p_contact .contact .block .blockTitle {
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
    text-align: center;
    padding-bottom: 1em;
    border-bottom: solid 1px #b1961a;
    margin-bottom: 50px;
  }
  .p_contact .contact .block .detail dl {
    width: 600px;
    margin: 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 18px;
    line-height: -webkit-calc(25/18);
    line-height: -moz-calc(25/18);
    line-height: calc(25/18);
    font-weight: 600;
    text-align: left;
  }
  .p_contact .contact .block .detail dl dt {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 110px;
            flex: 0 0 110px;
  }
  .p_contact .contact .block .detail dl dd {
    border-left: solid 3px #b1961a;
    padding-left: 15px;
  }
  .p_contact .contact .block .detail dl + dl {
    margin-top: 1.5em;
  }
  .p_contact .contact .block + .block {
    margin-top: 150px;
  }
  .p_privacy .ttl {
    padding-bottom: 90px;
  }
  .p_privacy .privacy .inner {
    max-width: 1000px;
  }
  .p_privacy .privacy .block .blockTitle {
    font-size: 18px;
    line-height: 1;
    font-weight: 600;
    text-align: center;
    padding-bottom: 1em;
    border-bottom: solid 1px #b1961a;
    margin-bottom: 50px;
  }
  .p_privacy .privacy .block .detail {
    font-size: 18px;
    line-height: -webkit-calc(25/18);
    line-height: -moz-calc(25/18);
    line-height: calc(25/18);
    font-weight: 600;
    text-align: center;
  }
  .p_privacy .privacy .block + .block {
    margin-top: 75px;
  }
  .test .clip-svg {
    -webkit-clip-path: url(#myClip);
            clip-path: url(#myClip);
  }
  .test .effect {
    -webkit-transform-origin: 50% 50%;
       -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-animation: clipRotateAnim2 3s linear infinite;
       -moz-animation: clipRotateAnim2 3s linear infinite;
            animation: clipRotateAnim2 3s linear infinite;
  }
}

@media only screen and (min-width: 1001px) and (max-width: 1279px), print {
  .p_products .inner {
    padding-left: 58.66667px;
    padding-right: 58.66667px;
  }
  .p_products .ttl p br.show_pc {
    display: none !important;
  }
  .p_products .ttl p br.show_sp {
    display: block !important;
  }
  .p_products .listProducts .it {
    margin-bottom: 53.33333px;
  }
  .p_products .listProducts .it:nth-of-type(1) .it_top .fig .figcaption picture {
    width: 290.66667px;
  }
  .p_products .listProducts .it:nth-of-type(2).rv .it_top {
    padding-left: 0;
  }
  .p_products .listProducts .it:nth-of-type(2) .it_top .fig > picture {
    margin-left: 26.66667px;
  }
  .p_products .listProducts .it:nth-of-type(2) .it_top .fig .figcaption picture {
    width: 362.66667px;
  }
  .p_products .listProducts .it:nth-of-type(3) .it_top .fig .figcaption picture {
    width: 296px;
  }
  .p_products .listProducts .it:nth-of-type(4) .it_top .fig > picture {
    margin-left: 18.66667px;
  }
  .p_products .listProducts .it:nth-of-type(4) .it_top .fig .figcaption picture {
    width: 354.66667px;
  }
  .p_products .listProducts .it.rv .it_top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding-right: 0;
    padding-left: 13.33333px;
  }
  .p_products .listProducts .it.rv .it_top .fig {
    margin-left: 40px;
    margin-right: auto;
  }
  .p_products .listProducts .it.rv .it_mid {
    margin-left: 0;
  }
  .p_products .listProducts .it.rv .it_bot {
    margin-left: 0;
  }
  .p_products .listProducts .it .it_top {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-right: 13.33333px;
  }
  .p_products .listProducts .it .it_top .fig {
    margin-left: 90.66667px;
  }
  .p_products .listProducts .it .it_top .fig > picture {
    width: 304px;
  }
  .p_products .listProducts .it .it_top .fig .figcaption {
    margin-top: 26.66667px;
  }
  .p_products .listProducts .it .it_top > picture:nth-of-type(1) {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 421.33333px;
            flex: 0 0 421.33333px;
    -moz-border-radius: 13.33333px;
         border-radius: 13.33333px;
    overflow: hidden;
    padding-top: 0;
  }
  .p_products .listProducts .it .it_mid {
    width: 810.66667px;
    margin-left: auto;
    margin-top: -256px;
    background-color: #fff;
    padding-top: 293.33333px;
    padding-left: 40px;
    padding-right: 40px;
    -moz-border-radius: 16px;
         border-radius: 16px;
  }
  .p_products .listProducts .it .it_mid > p {
    margin-left: auto;
    margin-top: 58.66667px;
    position: relative;
    z-index: 1;
  }
  .p_products .listProducts .it .it_mid > p img {
    width: 1008px;
  }
  .p_products .listProducts .it .it_mid .it_mid_top {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    padding-top: 18.66667px;
    color: #231815;
  }
  .p_products .listProducts .it .it_mid .it_mid_top p {
    font-size: 29.33333px;
    line-height: 1.44;
    font-weight: 600;
    width: -webkit-calc(100% - 240px);
    width: -moz-calc(100% - 240px);
    width: calc(100% - 240px);
    text-align: justify;
    /*
            br.show_pc { display: none !important; }
            br.show_sp { display: block !important; }
            */
  }
  .p_products .listProducts .it .it_mid .it_mid_top p br, .p_products .listProducts .it .it_mid .it_mid_top p br.show_pc, .p_products .listProducts .it .it_mid .it_mid_top p br.show_sp {
    display: none !important;
  }
  .p_products .listProducts .it .it_mid .it_mid_top > a {
    right: 221.33333px;
    width: 200px;
    margin-left: 40px;
  }
  .p_products .listProducts .it .it_bot {
    width: 810.66667px;
    margin-left: auto;
    background-color: #fff;
    padding-left: 40px;
    padding-right: 40px;
    padding-top: 58.66667px;
    padding-bottom: 58.66667px;
  }
  .p_products .listProducts .it .it_bot .it_bot_main {
    border-top: 1px solid #AE9336;
    border-bottom: 1px solid #AE9336;
    padding: 53.33333px 0;
    position: relative;
  }
  .p_products .listProducts .it .it_bot .it_bot_main ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p_products .listProducts .it .it_bot .it_bot_main ul li {
    width: 229.33333px;
  }
  .p_products .listProducts .it .it_bot .it_bot_main ul li:not(:last-child) {
    margin-right: 21.33333px;
  }
  .p_products .listProducts .it .it_bot .it_bot_main ul li a {
    -moz-border-radius: 13.33333px;
         border-radius: 13.33333px;
    overflow: hidden;
    display: block;
    width: 229.33333px;
    height: 192px;
  }
  .p_products .listProducts .it .it_bot .it_bot_main ul li a img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .p_products .listProducts .it .it_bot h3 {
    font-size: 32px;
    font-weight: 600;
    color: #AE9336;
    display: inline-block;
    position: absolute;
    top: -32px;
    left: 0;
    padding-right: 53.33333px;
    background-color: #fff;
  }
  .clearfix::after {
    content: "";
    clear: both;
    display: table;
  }
  .boxoverlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999998;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background: rgba(148, 149, 149, 0.5);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
  }
  .modal {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 1165.33333px;
    max-width: 92%;
    height: auto;
    z-index: 999999;
    visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
       -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .modal .m_in {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background: #fff;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .modal.open {
    visibility: visible;
    opacity: 1;
  }
  .modal.open .m_in {
    opacity: 1;
  }
  .modal.st2 .m_in::before {
    border-top-color: #E46C00;
  }
  .modal.st2 .m_in::after {
    border-bottom-color: #E46C00;
  }
  .modal.st3 .m_in::before {
    border-top-color: #00488B;
  }
  .modal.st3 .m_in::after {
    border-bottom-color: #00488B;
  }
  .modal.st4 .m_in::before {
    border-top-color: #377E48;
  }
  .modal.st4 .m_in::after {
    border-bottom-color: #377E48;
  }
  .modal .btn_close {
    position: absolute;
    top: 40px;
    right: 40px;
    cursor: pointer;
    z-index: 100;
  }
  .modal .btn_close img {
    width: 50.66667px;
  }
  .modal .m_in {
    padding-bottom: 106.66667px;
    background: #fff;
    -moz-border-radius: 20px;
         border-radius: 20px;
    overflow: hidden;
    position: relative;
  }
  .modal .m_in .content {
    padding-top: 213.33333px;
  }
  .modal .m_in .tt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 99;
  }
  .modal .m_in .tt h3 {
    font-size: 40px;
    font-weight: 600;
    text-align: center;
    position: relative;
    padding-top: 115.55556px;
    margin-bottom: 53.33333px;
    color: #000;
  }
  .modal .m_in .tt h3::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 133.33333px;
    height: 73.33333px;
    background: url(../images/products/logo.svg) center/contain no-repeat;
    display: block;
  }
  .modal .m_in::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    border-top: 90.66667px solid #008042;
    border-right: 90.66667px solid transparent;
  }
  .modal .m_in::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 0;
    height: 0;
    border-bottom: 90.66667px solid #008042;
    border-left: 90.66667px solid transparent;
  }
  .modal .main_modal {
    overflow-y: auto;
    color: #231815;
    max-height: 60vh;
  }
  .modal .main_modal .main_modal_in {
    padding: 0 106.66667px;
    position: relative;
  }
  .modal .main_modal .main_modal_in::before {
    content: "";
    position: fixed;
    top: 213.33333px;
    right: 106.66667px;
    width: 240px;
    height: 240px;
    background: url(../images/products/wine.png) center/contain no-repeat;
    display: block;
  }
  .modal .main_modal h4 {
    font-weight: 600;
    font-size: 29.33333px;
    margin-bottom: 26.66667px;
    margin-top: 66.66667px;
    color: #000;
  }
  .modal .main_modal h5 {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 26.66667px;
    margin-top: 74.66667px;
    position: relative;
  }
  .modal .main_modal h5::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 100%;
    height: 1px;
    background: #000;
    display: block;
  }
  .modal .main_modal h5 span {
    display: inline-block;
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding-right: 16px;
  }
  .modal .main_modal ul li {
    font-size: 24px;
    font-weight: 600;
    position: relative;
    padding-left: 26.66667px;
  }
  .modal .main_modal ul li.st2::before {
    background-color: #D2BE6E;
  }
  .modal .main_modal ul li.st3::before {
    background-color: #B43C78;
  }
  .modal .main_modal ul li.st4::before {
    background-color: #FA9696;
  }
  .modal .main_modal ul li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 18.66667px;
    height: 18.66667px;
    background: #C8C864;
    display: block;
    -moz-border-radius: 5.33333px;
         border-radius: 5.33333px;
  }
  .modal .main_modal .df {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .modal .main_modal .df .txt {
    padding-right: 40px;
  }
  .modal .main_modal .df figure img {
    width: 240px;
  }
  .p_lifestyle .blob {
    display: block;
    position: relative;
    width: 272px;
    height: 272px;
    overflow: hidden;
    -moz-border-radius: 50%;
         border-radius: 50%;
    position: relative;
    -moz-border-radius: 48% 52% 58% 32%/42% 48% 52% 38%;
         border-radius: 48% 52% 58% 32%/42% 48% 52% 38%;
  }
  .p_lifestyle .blob.st2 {
    -moz-border-radius: 42% 48% 52% 58%/48% 52% 58% 32%;
         border-radius: 42% 48% 52% 58%/48% 52% 58% 32%;
  }
  .p_lifestyle .blob.st3 {
    -moz-border-radius: 42% 48% 52% 38%/48% 52% 48% 32%;
         border-radius: 42% 48% 52% 38%/48% 52% 48% 32%;
  }
  .p_lifestyle .blob::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(35, 24, 21, 0.5);
    display: block;
    opacity: 0;
  }
  .p_lifestyle .blob img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .p_lifestyle .lst {
    position: relative;
    z-index: 1;
  }
  .p_lifestyle .lst .row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p_lifestyle .lst .row > figure {
    width: 624px;
    -moz-border-radius: 13.33333px;
         border-radius: 13.33333px;
    overflow: hidden;
  }
  .p_lifestyle .lst .row .txt {
    width: -webkit-calc(100% - 624px);
    width: -moz-calc(100% - 624px);
    width: calc(100% - 624px);
    padding-left: 40px;
    text-align: center;
    margin-top: 0;
  }
  .p_lifestyle .lst .row .txt figure {
    width: 216px;
    display: inline-block;
    margin-bottom: 53.33333px;
  }
  .p_lifestyle .lst .row .txt p {
    text-align: center;
    padding-left: 66.66667px;
  }
  .p_lifestyle .lst .row .txt p img {
    width: 133.33333px;
    display: inline-block;
  }
  .p_lifestyle .lifestyle_main {
    margin-top: -66.66667px;
  }
  .p_lifestyle .lifestyle_main .row {
    padding-left: 58.66667px;
    padding-right: 58.66667px;
  }
  .p_lifestyle .lifestyleList {
    margin-top: -58.66667px;
  }
  .p_lifestyle .lifestyleList .it {
    margin-bottom: 320px;
    position: relative;
  }
  .p_lifestyle .lifestyleList .it:nth-of-type(2) .tt h3 {
    white-space: nowrap;
  }
  .p_lifestyle .lifestyleList .it:nth-of-type(2) .df .txt h4 {
    bottom: 0;
  }
  .p_lifestyle .lifestyleList .it:nth-of-type(2) .df .txt h4 img {
    vertical-align: bottom;
    width: 221.33333px;
  }
  .p_lifestyle .lifestyleList .it:nth-of-type(3) .tt {
    right: 394.66667px;
  }
  .p_lifestyle .lifestyleList .it:nth-of-type(3) .tt h3 {
    white-space: nowrap;
  }
  .p_lifestyle .lifestyleList .it:nth-of-type(3) .df .txt h4 {
    bottom: 197.33333px;
    left: -40px;
  }
  .p_lifestyle .lifestyleList .it:nth-of-type(3) .df .txt h4 img {
    vertical-align: bottom;
    width: 354.66667px;
  }
  .p_lifestyle .lifestyleList .it:nth-of-type(4) .df .txt h4 {
    bottom: -24px;
  }
  .p_lifestyle .lifestyleList .it:nth-of-type(4) .df .txt h4 img {
    vertical-align: bottom;
    width: 181.33333px;
  }
  .p_lifestyle .lifestyleList .it.rv .df {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    /*
          padding-left: vw_mid(22);
          padding-right: 0;
          */
    margin-left: inherit;
    margin-right: -58.66667px;
  }
  .p_lifestyle .lifestyleList .it.rv .tt {
    left: 480px;
    right: inherit;
  }
  .p_lifestyle .lifestyleList .it .tt {
    position: absolute;
    right: 440px;
    top: -101.33333px;
    z-index: 1;
    color: #231815;
  }
  .p_lifestyle .lifestyleList .it .tt h3 {
    font-size: 42.66667px;
    font-weight: 600;
    margin-bottom: 26.66667px;
    white-space: nowrap;
  }
  .p_lifestyle .lifestyleList .it .tt p {
    font-weight: 600;
    font-size: 26.66667px;
    line-height: 1.5;
  }
  .p_lifestyle .lifestyleList .it .df {
    width: 922.66667px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-left: -58.66667px;
  }
  .p_lifestyle .lifestyleList .it .df > figure {
    width: 312px;
    margin-top: 112px;
  }
  .p_lifestyle .lifestyleList .it .df > figure img {
    -moz-border-radius: 13.33333px;
         border-radius: 13.33333px;
    overflow: hidden;
  }
  .p_lifestyle .lifestyleList .it .df .txt {
    width: 506.66667px;
    height: 506.66667px;
    background-color: #fff;
    -moz-border-radius: 26.66667px;
         border-radius: 26.66667px;
    position: relative;
  }
  .p_lifestyle .lifestyleList .it .df .txt h4 {
    position: absolute;
    right: -40px;
    bottom: -80px;
  }
  .p_lifestyle .lifestyleList .it .df .txt h4 img {
    width: 325.33333px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li {
    position: absolute;
    /*
              &:nth-of-type(1) {
                top: - vw_mid(15);
                left: vw_mid(20);
              }
              &:nth-of-type(2) {
                top: vw_mid(65);
                right: - vw_mid(10);
              }
              &:nth-of-type(3) {
                bottom: - vw_mid(20);
                left: - vw_mid(10);
                a {
                  .recipes {
                    right: inherit;
                    left: 0;
                  }
                }
              }
              */
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes1 {
    top: -40px;
    left: 53.33333px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes1 .recipes {
    top: -26.66667px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes2 {
    top: 173.33333px;
    right: -26.66667px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes2 .recipes {
    top: -26.66667px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes3 {
    bottom: -53.33333px;
    left: -40px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes3 .recipes {
    top: -26.66667px;
    left: -26.66667px;
    right: inherit;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes4 {
    top: -45.33333px;
    left: -26.66667px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes4 .recipes {
    top: -26.66667px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes5 {
    top: 98.66667px;
    right: -40px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes5 .recipes {
    top: inherit;
    bottom: -26.66667px;
    right: -16px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes6 {
    bottom: -42.66667px;
    left: -8px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes6 .recipes {
    right: inherit;
    left: -24px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes7 {
    top: -74.66667px;
    left: 120px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes7 .recipes {
    top: 8px;
    right: -32px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes8 {
    top: 237.33333px;
    right: -32px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes8 .recipes {
    top: -34.66667px;
    right: -2.66667px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes9 {
    bottom: -66.66667px;
    left: -53.33333px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes9 .recipes {
    top: inherit;
    right: inherit;
    left: -42.66667px;
    bottom: 21.33333px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes10 {
    top: -61.33333px;
    left: -8px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes10 .recipes {
    top: -13.33333px;
    right: -16px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes11 {
    top: 106.66667px;
    right: -45.33333px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes11 .recipes {
    top: -16px;
    right: -10.66667px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes12 {
    bottom: -34.66667px;
    left: -26.66667px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes12 .recipes {
    top: inherit;
    right: -8px;
    bottom: -32px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a {
    display: block;
    position: relative;
    width: 272px;
    height: 272px;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image::after {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .imageEffect {
    width: 254.47619px;
    height: 266.66667px;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-transform-origin: 50% 50%;
       -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .imageEffect::after {
    content: "";
    position: absolute;
    top: -10%;
    bottom: -10%;
    left: -10%;
    right: -10%;
    background-color: rgba(35, 24, 21, 0.5);
    opacity: 0;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .imageEffect img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transform-origin: 50% 50%;
       -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .imageEffect svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .imageEffect .roate {
    -webkit-transform-origin: 50% 50%;
       -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image1 {
    width: 273.41333px;
    height: 261.17333px;
    -webkit-mask-image: url(../images/life-style/myclip01.svg);
            mask-image: url(../images/life-style/myclip01.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image2 {
    width: 275.49333px;
    height: 271.46667px;
    -webkit-mask-image: url(../images/life-style/myclip02.svg);
            mask-image: url(../images/life-style/myclip02.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image3 {
    width: 270.93333px;
    height: 272.96px;
    -webkit-mask-image: url(../images/life-style/myclip03.svg);
            mask-image: url(../images/life-style/myclip03.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image4 {
    width: 273.41333px;
    height: 261.17333px;
    -webkit-mask-image: url(../images/life-style/myclip04.svg);
            mask-image: url(../images/life-style/myclip04.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image5 {
    width: 273.70667px;
    height: 271.33333px;
    -webkit-mask-image: url(../images/life-style/myclip05.svg);
            mask-image: url(../images/life-style/myclip05.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image6 {
    width: 277.84px;
    height: 273.09333px;
    -webkit-mask-image: url(../images/life-style/myclip06.svg);
            mask-image: url(../images/life-style/myclip06.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image7 {
    width: 273.41333px;
    height: 261.17333px;
    -webkit-mask-image: url(../images/life-style/myclip07.svg);
            mask-image: url(../images/life-style/myclip07.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image8 {
    width: 272.29333px;
    height: 271.78667px;
    -webkit-mask-image: url(../images/life-style/myclip08.svg);
            mask-image: url(../images/life-style/myclip08.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image9 {
    width: 271.41333px;
    height: 271.97333px;
    -webkit-mask-image: url(../images/life-style/myclip09.svg);
            mask-image: url(../images/life-style/myclip09.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image10 {
    width: 273.41333px;
    height: 261.17333px;
    -webkit-mask-image: url(../images/life-style/myclip10.svg);
            mask-image: url(../images/life-style/myclip10.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image11 {
    width: 271.04px;
    height: 273.86667px;
    -webkit-mask-image: url(../images/life-style/myclip11.svg);
            mask-image: url(../images/life-style/myclip11.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image12 {
    width: 274.24px;
    height: 277.01333px;
    -webkit-mask-image: url(../images/life-style/myclip12.svg);
            mask-image: url(../images/life-style/myclip12.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .text {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 272px;
    height: 272px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 53.33333px;
    font-weight: 600;
    color: #fff;
    opacity: 0;
    z-index: 2;
    text-align: center;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .recipes {
    position: absolute;
    top: 0;
    right: 0;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .recipes img {
    width: 85.33333px;
  }
  .image {
    width: 266.66667px;
    height: 255.2381px;
    margin: 15.2381px;
    -webkit-mask-image: url("../images/life-style/circle01.svg");
            mask-image: url("../images/life-style/circle01.svg");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    position: relative;
    overflow: hidden;
  }
  .image.st2 {
    -webkit-mask-image: url("../images/life-style/circle02.svg");
            mask-image: url("../images/life-style/circle02.svg");
    width: 262.85714px;
    height: 276.57143px;
  }
  .image.st3 {
    -webkit-mask-image: url("../images/life-style/circle03.svg");
            mask-image: url("../images/life-style/circle03.svg");
    width: 255.2381px;
    height: 267.42857px;
  }
  .image::before {
    content: "";
    position: absolute;
    top: -10%;
    bottom: -10%;
    left: -10%;
    right: -10%;
    background: var(--i) center/cover;
    -webkit-animation: inherit;
       -moz-animation: inherit;
            animation: inherit;
    animation-direction: reverse;
    z-index: -2;
  }
  .image::after {
    content: "";
    position: absolute;
    top: -10%;
    bottom: -10%;
    left: -10%;
    right: -10%;
    background-color: rgba(35, 24, 21, 0.5);
    z-index: -1;
    -webkit-animation: inherit;
       -moz-animation: inherit;
            animation: inherit;
    animation-direction: reverse;
    opacity: 0;
  }
  .p_history {
    background-color: #4d4744;
    color: #fff;
  }
  .p_history .ttl {
    color: #AE9336;
    margin-bottom: -152px;
    position: relative;
    z-index: 1;
  }
  .p_history .history_top {
    padding-left: 120px;
  }
  .p_history .history_top figure {
    text-align: center;
  }
  .p_history .history_top figure img {
    width: 642.66667px;
    display: inline-block;
  }
  .p_history .intro {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 133.33333px 0 80px;
    padding-left: 58.66667px;
    padding-right: 58.66667px;
  }
  .p_history .intro .fig {
    width: 354.66667px;
    margin-top: 80px;
  }
  .p_history .intro .fig ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p_history .intro .fig ul li:nth-of-type(1) {
    margin-top: -93.33333px;
    margin-right: -53.33333px;
  }
  .p_history .intro .fig ul li:nth-of-type(3) {
    margin-top: -46.66667px;
    margin-left: -26.66667px;
  }
  .p_history .intro p {
    width: -webkit-calc(100% - 354.66667px);
    width: -moz-calc(100% - 354.66667px);
    width: calc(100% - 354.66667px);
    font-size: 26.66667px;
    line-height: 1.25;
    font-weight: 600;
    text-align: justify;
    padding-left: 26.66667px;
  }
  .p_history .history_main .it {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 40px 0;
  }
  .p_history .history_main .it:nth-of-type(1) .fig figure {
    width: 421.33333px;
  }
  .p_history .history_main .it:nth-of-type(3) .fig figure {
    top: -0px !important;
  }
  .p_history .history_main .it:nth-of-type(4) .fig figure {
    top: -40px !important;
  }
  .p_history .history_main .it:nth-of-type(5) .fig figure {
    width: 426.66667px;
  }
  .p_history .history_main .it:nth-of-type(6) .fig figure {
    width: 392px;
    top: -0px !important;
    right: -64px;
  }
  .p_history .history_main .it:nth-of-type(7) .fig figure {
    top: 229.33333px;
  }
  .p_history .history_main .it.rv {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .p_history .history_main .it.rv .it_l dt::after {
    left: 130.66667px;
    top: -24px;
    background: url(../images/history/pattern2.png) center/contain no-repeat;
  }
  .p_history .history_main .it.rv .fig {
    position: relative;
  }
  .p_history .history_main .it.rv .fig .mask1 {
    content: "";
    position: absolute;
    top: -184px;
    right: -160px;
    width: 272px;
    height: 141.33333px;
    background: url(../images/history/pattern3.png) center/contain no-repeat;
    display: block;
  }
  .p_history .history_main .it.rv .fig .mask2 {
    content: "";
    position: absolute;
    bottom: -80px;
    right: -61.33333px;
    width: 272px;
    height: 144px;
    background: url(../images/history/pattern4.png) center/contain no-repeat;
    display: block;
  }
  .p_history .history_main .it.rv .fig figure {
    top: -93.33333px;
    right: 40px;
  }
  .p_history .history_main .it:nth-child(odd) {
    background-color: #211816;
  }
  .p_history .history_main .it:nth-child(even) {
    padding: 80px 0 53.33333px 53.33333px;
    background-color: #4d4744;
  }
  .p_history .history_main .it .it_l {
    width: 386.66667px;
  }
  .p_history .history_main .it .it_l dl dt {
    font-weight: 600;
    font-size: 29.33333px;
    line-height: 1.2;
    margin-bottom: 26.66667px;
    position: relative;
  }
  .p_history .history_main .it .it_l dl dt.st2 {
    white-space: nowrap;
  }
  .p_history .history_main .it .it_l dl dt.st2::after {
    top: 144px;
  }
  .p_history .history_main .it .it_l dl dt.st3::after {
    top: 109.33333px;
  }
  .p_history .history_main .it .it_l dl dt::after {
    content: "";
    position: absolute;
    left: -64px;
    top: 80px;
    width: 128px;
    height: 58.66667px;
    background: url(../images/history/pattern1.png) center/contain no-repeat;
    display: block;
  }
  .p_history .history_main .it .it_l dl dt span {
    display: block;
    font-size: 34.66667px;
  }
  .p_history .history_main .it .it_l dl dt span small {
    font-size: 26.66667px;
  }
  .p_history .history_main .it .it_l dl dd {
    padding-left: 26.66667px;
  }
  .p_history .history_main .it .it_l dl dd .pr {
    padding-right: 26.66667px;
  }
  .p_history .history_main .it .it_l dl dd .figBot {
    margin-left: -18.66667px;
    margin-top: 40px;
  }
  .p_history .history_main .it .it_l dl dd .figBot ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p_history .history_main .it .it_l dl dd .figBot ul li {
    margin-right: 24px;
  }
  .p_history .history_main .it .it_l dl dd .figBot ul li img {
    width: 64px;
  }
  .p_history .history_main .it .it_l dl dd .figBot ul li:nth-child(4) {
    margin-right: 0;
  }
  .p_history .history_main .it .it_l dl dd .figBot ul li:nth-child(4) img {
    width: 74.66667px;
  }
  .p_history .history_main .it .it_l dl dd p {
    font-size: 26.66667px;
    line-height: 1.2;
    font-weight: 600;
    text-align: justify;
  }
  .p_history .history_main .it .fig {
    width: 426.66667px;
    position: relative;
  }
  .p_history .history_main .it .fig.fig1 {
    position: relative;
  }
  .p_history .history_main .it .fig.fig1 figure {
    top: 0;
    right: -40px;
    width: 354.66667px;
  }
  .p_history .history_main .it .fig.fig1 figcaption {
    position: absolute;
    top: 0;
    left: -88px;
    width: 173.33333px;
  }
  .p_history .history_main .it .fig.fig2 {
    position: relative;
  }
  .p_history .history_main .it .fig.fig2 figure {
    top: -53.33333px;
    right: 0;
    width: 354.66667px;
  }
  .p_history .history_main .it .fig.fig2 figcaption {
    position: absolute;
    bottom: -40px;
    left: -42.66667px;
    width: 160px;
  }
  .p_history .history_main .it .fig.fig3 {
    position: relative;
  }
  .p_history .history_main .it .fig.fig3 ul li {
    position: absolute;
  }
  .p_history .history_main .it .fig.fig3 ul li:nth-of-type(1) {
    top: 80px;
    width: 248px;
  }
  .p_history .history_main .it .fig.fig3 ul li:nth-of-type(3) {
    right: 112px;
    top: 29.33333px;
    width: 120px;
  }
  .p_history .history_main .it .fig.fig3 ul li:nth-of-type(2) {
    right: 34.66667px;
    top: 117.33333px;
    width: 189.33333px;
  }
  .p_history .history_main .it .fig.fig3 ul li:nth-of-type(4) {
    right: 40px;
    top: 288px;
    width: 165.33333px;
  }
  .p_history .history_main .it .fig figure {
    position: absolute;
    top: -80px;
    right: 0;
    width: 354.66667px;
    z-index: 1;
  }
  .p_faq .ttl {
    background: url(/assets/images/faq/title_bg@sp.png) no-repeat center 106.66667px/893.33333px auto;
    padding-bottom: 120px;
  }
  .p_faq .faq .inner {
    max-width: 830px;
    margin-left: auto;
    margin-right: auto;
  }
  .p_faq .faqList dl a {
    text-decoration: underline;
    color: #000;
    cursor: pointer;
  }
  .p_faq .faqList dl dt {
    position: relative;
    padding-left: 26.66667px;
    font-size: 21.33333px;
    line-height: 1.38;
    font-weight: 600;
  }
  .p_faq .faqList dl dt::before {
    content: '';
    display: block;
    background: url(/assets/images/faq/icon_q.svg) no-repeat left top/100% auto;
    width: 18.66667px;
    height: 18.66667px;
    vertical-align: bottom;
    position: absolute;
    left: 0;
    top: 8px;
  }
  .p_faq .faqList dl dd {
    display: none;
    position: relative;
    margin-left: 26.66667px;
    margin-top: 26.66667px;
    border: solid 2px #b1961a;
    -moz-border-radius: 13.33333px;
         border-radius: 13.33333px;
    background: #FFF;
    padding: 26.66667px;
    font-size: 21.33333px;
    line-height: 1.66;
    font-weight: 600;
  }
  .p_faq .faqList dl dd::before {
    content: '';
    display: block;
    background: url(/assets/images/faq/icon_a.svg) no-repeat left top/100% auto;
    width: 18.66667px;
    height: 18.66667px;
    position: absolute;
    top: -1px;
    left: -1px;
  }
  .p_faq .faqList dl + dl {
    margin-top: 26.66667px;
  }
  .p_contact .ttl {
    padding-bottom: 120px;
  }
  .p_contact .contact .block .blockTitle {
    font-size: 26.66667px;
    line-height: 1;
    font-weight: 600;
    text-align: center;
    padding-bottom: 1em;
    border-bottom: solid 1px #b1961a;
    margin-bottom: 64px;
  }
  .p_contact .contact .block .detail dl {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 22.66667px;
    line-height: -webkit-calc(12/8.5);
    line-height: -moz-calc(12/8.5);
    line-height: calc(12/8.5);
    font-weight: 600;
    text-align: left;
  }
  .p_contact .contact .block .detail dl dt {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 138.66667px;
            flex: 0 0 138.66667px;
  }
  .p_contact .contact .block .detail dl dd {
    border-left: solid 3.73333px #b1961a;
    padding-left: 16px;
  }
  .p_contact .contact .block .detail dl + dl {
    margin-top: 1.5em;
  }
  .p_contact .contact .block + .block {
    margin-top: 186.66667px;
  }
  .p_privacy .ttl {
    padding-bottom: 120px;
  }
  .p_privacy .privacy .block .blockTitle {
    font-size: 29.33333px;
    line-height: 1;
    font-weight: 600;
    text-align: center;
    padding-bottom: 1em;
    border-bottom: solid 1px #b1961a;
    margin-bottom: 1em;
  }
  .p_privacy .privacy .block .detail {
    font-size: 22.66667px;
    line-height: -webkit-calc(17/8.5);
    line-height: -moz-calc(17/8.5);
    line-height: calc(17/8.5);
    font-weight: 600;
    text-align: center;
  }
  .p_privacy .privacy .block + .block {
    margin-top: 160px;
  }
  .test .clip-svg {
    -webkit-clip-path: url(#myClip);
            clip-path: url(#myClip);
  }
  .test .effect {
    -webkit-transform-origin: 50% 50%;
       -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-animation: clipRotateAnim2 3s linear infinite;
       -moz-animation: clipRotateAnim2 3s linear infinite;
            animation: clipRotateAnim2 3s linear infinite;
  }
}

@media screen and (max-width: 1000px) {
  .p_products .listProducts .it {
    margin-bottom: 5.33333vw;
  }
  .p_products .listProducts .it:nth-of-type(1) .it_top .fig .figcaption picture {
    width: 29.06667vw;
  }
  .p_products .listProducts .it:nth-of-type(2).rv .it_top {
    padding-left: 0;
  }
  .p_products .listProducts .it:nth-of-type(2) .it_top .fig > picture {
    margin-left: 2.66667vw;
  }
  .p_products .listProducts .it:nth-of-type(2) .it_top .fig .figcaption picture {
    width: 36.26667vw;
  }
  .p_products .listProducts .it:nth-of-type(3) .it_top .fig .figcaption picture {
    width: 29.6vw;
  }
  .p_products .listProducts .it:nth-of-type(4) .it_top .fig > picture {
    margin-left: 1.86667vw;
  }
  .p_products .listProducts .it:nth-of-type(4) .it_top .fig .figcaption picture {
    width: 35.46667vw;
  }
  .p_products .listProducts .it.rv .it_top {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    padding-right: 0;
    padding-left: 1.33333vw;
  }
  .p_products .listProducts .it.rv .it_top .fig {
    margin-left: 4vw;
    margin-right: auto;
  }
  .p_products .listProducts .it.rv .it_mid {
    margin-left: 0;
  }
  .p_products .listProducts .it.rv .it_bot {
    margin-left: 0;
  }
  .p_products .listProducts .it .it_top {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
       -moz-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    padding-right: 1.33333vw;
  }
  .p_products .listProducts .it .it_top .fig {
    margin-left: 9.06667vw;
  }
  .p_products .listProducts .it .it_top .fig > picture {
    width: 30.4vw;
  }
  .p_products .listProducts .it .it_top .fig .figcaption {
    margin-top: 2.66667vw;
  }
  .p_products .listProducts .it .it_top > picture:nth-of-type(1) {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 42.13333vw;
            flex: 0 0 42.13333vw;
    -moz-border-radius: 1.33333vw;
         border-radius: 1.33333vw;
    overflow: hidden;
    padding-top: 0;
  }
  .p_products .listProducts .it .it_mid {
    width: 81.06667vw;
    margin-left: auto;
    margin-top: -25.6vw;
    background-color: #fff;
    padding-top: 29.33333vw;
    padding-left: 4vw;
    padding-right: 4vw;
    -moz-border-radius: 1.6vw;
         border-radius: 1.6vw;
  }
  .p_products .listProducts .it .it_mid > p {
    margin-left: auto;
    margin-top: 5.86667vw;
    position: relative;
    z-index: 1;
  }
  .p_products .listProducts .it .it_mid > p img {
    width: 100.8vw;
  }
  .p_products .listProducts .it .it_mid .it_mid_top {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    padding-top: 1.86667vw;
    color: #231815;
  }
  .p_products .listProducts .it .it_mid .it_mid_top p {
    font-size: 2.93333vw;
    line-height: 1.44;
    font-weight: 600;
    width: -webkit-calc(100% - 20vw);
    width: -moz-calc(100% - 20vw);
    width: calc(100% - 20vw);
  }
  .p_products .listProducts .it .it_mid .it_mid_top > a {
    right: 22.13333vw;
    width: 20vw;
  }
  .p_products .listProducts .it .it_bot {
    width: 81.06667vw;
    margin-left: auto;
    background-color: #fff;
    padding-left: 4vw;
    padding-right: 4vw;
    padding-top: 5.86667vw;
    padding-bottom: 5.86667vw;
  }
  .p_products .listProducts .it .it_bot .it_bot_main {
    border-top: 1px solid #AE9336;
    border-bottom: 1px solid #AE9336;
    padding: 5.33333vw 0;
    position: relative;
  }
  .p_products .listProducts .it .it_bot .it_bot_main ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p_products .listProducts .it .it_bot .it_bot_main ul li {
    width: 22.93333vw;
  }
  .p_products .listProducts .it .it_bot .it_bot_main ul li:not(:last-child) {
    margin-right: 2.13333vw;
  }
  .p_products .listProducts .it .it_bot .it_bot_main ul li a {
    -moz-border-radius: 1.33333vw;
         border-radius: 1.33333vw;
    overflow: hidden;
    display: block;
    width: 22.93333vw;
    height: 19.2vw;
  }
  .p_products .listProducts .it .it_bot .it_bot_main ul li a img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .p_products .listProducts .it .it_bot h3 {
    font-size: 3.2vw;
    font-weight: 600;
    color: #AE9336;
    display: inline-block;
    position: absolute;
    top: -3.2vw;
    left: 0;
    padding-right: 5.33333vw;
    background-color: #fff;
  }
  .clearfix::after {
    content: "";
    clear: both;
    display: table;
  }
  .boxoverlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999998;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background: rgba(148, 149, 149, 0.5);
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
  }
  .modal {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 116.53333vw;
    max-width: 92%;
    height: auto;
    z-index: 999999;
    visibility: hidden;
    -webkit-transform: translateX(-50%) translateY(-50%);
       -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .modal .m_in {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    background: #fff;
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
  }
  .modal.open {
    visibility: visible;
    opacity: 1;
  }
  .modal.open .m_in {
    opacity: 1;
  }
  .modal.st2 .m_in::before {
    border-top-color: #E46C00;
  }
  .modal.st2 .m_in::after {
    border-bottom-color: #E46C00;
  }
  .modal.st3 .m_in::before {
    border-top-color: #00488B;
  }
  .modal.st3 .m_in::after {
    border-bottom-color: #00488B;
  }
  .modal.st4 .m_in::before {
    border-top-color: #377E48;
  }
  .modal.st4 .m_in::after {
    border-bottom-color: #377E48;
  }
  .modal .btn_close {
    position: absolute;
    top: 4vw;
    right: 4vw;
    cursor: pointer;
    z-index: 100;
  }
  .modal .btn_close img {
    width: 5.06667vw;
  }
  .modal .m_in {
    padding-bottom: 10.66667vw;
    background: #fff;
    -moz-border-radius: 2vw;
         border-radius: 2vw;
    overflow: hidden;
    position: relative;
  }
  .modal .m_in .content {
    padding-top: 21.33333vw;
  }
  .modal .m_in .tt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 99;
  }
  .modal .m_in .tt h3 {
    font-size: 4vw;
    font-weight: 600;
    text-align: center;
    position: relative;
    padding-top: 11.55556vw;
    margin-bottom: 5.33333vw;
    color: #000;
  }
  .modal .m_in .tt h3::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 13.33333vw;
    height: 7.33333vw;
    background: url(../images/products/logo.svg) center/contain no-repeat;
    display: block;
  }
  .modal .m_in::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 0;
    height: 0;
    border-top: 9.06667vw solid #008042;
    border-right: 9.06667vw solid transparent;
  }
  .modal .m_in::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 0;
    height: 0;
    border-bottom: 9.06667vw solid #008042;
    border-left: 9.06667vw solid transparent;
  }
  .modal .main_modal {
    overflow-y: auto;
    color: #231815;
    max-height: 60vh;
  }
  .modal .main_modal .main_modal_in {
    padding: 0 10.66667vw;
    position: relative;
  }
  .modal .main_modal .main_modal_in::before {
    content: "";
    position: fixed;
    top: 21.33333vw;
    right: 10.66667vw;
    width: 24vw;
    height: 24vw;
    background: url(../images/products/wine.png) center/contain no-repeat;
    display: block;
  }
  .modal .main_modal h4 {
    font-weight: 600;
    font-size: 2.93333vw;
    margin-bottom: 2.66667vw;
    margin-top: 6.66667vw;
    color: #000;
  }
  .modal .main_modal h5 {
    font-weight: 600;
    font-size: 2.4vw;
    margin-bottom: 2.66667vw;
    margin-top: 7.46667vw;
    position: relative;
  }
  .modal .main_modal h5::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    width: 100%;
    height: 1px;
    background: #000;
    display: block;
  }
  .modal .main_modal h5 span {
    display: inline-block;
    background-color: #fff;
    position: relative;
    z-index: 1;
    padding-right: 1.6vw;
  }
  .modal .main_modal ul li {
    font-size: 2.4vw;
    font-weight: 600;
    position: relative;
    padding-left: 2.66667vw;
  }
  .modal .main_modal ul li.st2::before {
    background-color: #D2BE6E;
  }
  .modal .main_modal ul li.st3::before {
    background-color: #B43C78;
  }
  .modal .main_modal ul li.st4::before {
    background-color: #FA9696;
  }
  .modal .main_modal ul li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1.86667vw;
    height: 1.86667vw;
    background: #C8C864;
    display: block;
    -moz-border-radius: 0.53333vw;
         border-radius: 0.53333vw;
  }
  .modal .main_modal .df {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .modal .main_modal .df .txt {
    padding-right: 4vw;
  }
  .modal .main_modal .df figure img {
    width: 24vw;
  }
  .p_lifestyle .blob {
    display: block;
    position: relative;
    width: 27.2vw;
    height: 27.2vw;
    overflow: hidden;
    -moz-border-radius: 50%;
         border-radius: 50%;
    position: relative;
    -moz-border-radius: 48% 52% 58% 32%/42% 48% 52% 38%;
         border-radius: 48% 52% 58% 32%/42% 48% 52% 38%;
  }
  .p_lifestyle .blob.st2 {
    -moz-border-radius: 42% 48% 52% 58%/48% 52% 58% 32%;
         border-radius: 42% 48% 52% 58%/48% 52% 58% 32%;
  }
  .p_lifestyle .blob.st3 {
    -moz-border-radius: 42% 48% 52% 38%/48% 52% 48% 32%;
         border-radius: 42% 48% 52% 38%/48% 52% 48% 32%;
  }
  .p_lifestyle .blob::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(35, 24, 21, 0.5);
    display: block;
    opacity: 0;
  }
  .p_lifestyle .blob img {
    width: 100%;
    height: 100%;
    display: block;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .p_lifestyle .lst {
    position: relative;
    z-index: 1;
  }
  .p_lifestyle .lst .row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p_lifestyle .lst .row > figure {
    width: 62.4vw;
    -moz-border-radius: 1.33333vw;
         border-radius: 1.33333vw;
    overflow: hidden;
  }
  .p_lifestyle .lst .row .txt {
    width: -webkit-calc(100% - 62.4vw);
    width: -moz-calc(100% - 62.4vw);
    width: calc(100% - 62.4vw);
    padding-left: 4vw;
    text-align: center;
  }
  .p_lifestyle .lst .row .txt figure {
    width: 21.6vw;
    display: inline-block;
    margin-bottom: 5.33333vw;
  }
  .p_lifestyle .lst .row .txt p {
    text-align: center;
    padding-left: 6.66667vw;
  }
  .p_lifestyle .lst .row .txt p img {
    width: 13.33333vw;
    display: inline-block;
  }
  .p_lifestyle .lifestyle_main {
    margin-top: -6.66667vw;
  }
  .p_lifestyle .lifestyleList {
    margin-top: -5.86667vw;
  }
  .p_lifestyle .lifestyleList .it {
    margin-bottom: 32vw;
    position: relative;
  }
  .p_lifestyle .lifestyleList .it:nth-of-type(2) .tt h3 {
    white-space: nowrap;
  }
  .p_lifestyle .lifestyleList .it:nth-of-type(2) .df .txt h4 {
    bottom: 0;
  }
  .p_lifestyle .lifestyleList .it:nth-of-type(2) .df .txt h4 img {
    vertical-align: bottom;
    width: 22.13333vw;
  }
  .p_lifestyle .lifestyleList .it:nth-of-type(3) .tt {
    right: 39.46667vw;
  }
  .p_lifestyle .lifestyleList .it:nth-of-type(3) .tt h3 {
    white-space: nowrap;
  }
  .p_lifestyle .lifestyleList .it:nth-of-type(3) .df .txt h4 {
    bottom: 19.73333vw;
    left: -4vw;
  }
  .p_lifestyle .lifestyleList .it:nth-of-type(3) .df .txt h4 img {
    vertical-align: bottom;
    width: 35.46667vw;
  }
  .p_lifestyle .lifestyleList .it:nth-of-type(4) .df .txt h4 {
    bottom: -2.4vw;
  }
  .p_lifestyle .lifestyleList .it:nth-of-type(4) .df .txt h4 img {
    vertical-align: bottom;
    width: 18.13333vw;
  }
  .p_lifestyle .lifestyleList .it.rv .df {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    /*
          padding-left: vw(22);
          padding-right: 0;
          */
    margin-left: inherit;
    margin-right: -5.86667vw;
  }
  .p_lifestyle .lifestyleList .it.rv .tt {
    left: 48vw;
    right: inherit;
  }
  .p_lifestyle .lifestyleList .it .tt {
    position: absolute;
    right: 44vw;
    top: -10.13333vw;
    z-index: 1;
    color: #231815;
  }
  .p_lifestyle .lifestyleList .it .tt h3 {
    font-size: 4.26667vw;
    font-weight: 600;
    margin-bottom: 2.66667vw;
  }
  .p_lifestyle .lifestyleList .it .tt p {
    font-weight: 600;
    font-size: 2.66667vw;
    line-height: 1.5;
  }
  .p_lifestyle .lifestyleList .it .df {
    width: 92.26667vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-left: -5.86667vw;
  }
  .p_lifestyle .lifestyleList .it .df > figure {
    width: 31.2vw;
    margin-top: 11.2vw;
  }
  .p_lifestyle .lifestyleList .it .df > figure img {
    -moz-border-radius: 1.33333vw;
         border-radius: 1.33333vw;
    overflow: hidden;
  }
  .p_lifestyle .lifestyleList .it .df .txt {
    width: 50.66667vw;
    height: 50.66667vw;
    background-color: #fff;
    -moz-border-radius: 2.66667vw;
         border-radius: 2.66667vw;
    position: relative;
  }
  .p_lifestyle .lifestyleList .it .df .txt h4 {
    position: absolute;
    right: -4vw;
    bottom: -8vw;
  }
  .p_lifestyle .lifestyleList .it .df .txt h4 img {
    width: 32.53333vw;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li {
    position: absolute;
    /*
              &:nth-of-type(1) {
                top: - vw(15);
                left: vw(20);
              }
              &:nth-of-type(2) {
                top: vw(65);
                right: - vw(10);
              }
              &:nth-of-type(3) {
                bottom: - vw(20);
                left: - vw(10);
                a {
                  .recipes {
                    right: inherit;
                    left: 0;
                  }
                }
              }
              */
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes1 {
    top: -4vw;
    left: 5.33333vw;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes1 .recipes {
    top: -2.66667vw;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes2 {
    top: 17.33333vw;
    right: -2.66667vw;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes2 .recipes {
    top: -2.66667vw;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes3 {
    bottom: -5.33333vw;
    left: -4vw;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes3 .recipes {
    top: -2.66667vw;
    left: -2.66667vw;
    right: inherit;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes4 {
    top: -4.53333vw;
    left: -2.66667vw;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes4 .recipes {
    top: -2.66667vw;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes5 {
    top: 9.86667vw;
    right: -4vw;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes5 .recipes {
    top: inherit;
    bottom: -2.66667vw;
    right: -1.6vw;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes6 {
    bottom: -4.26667vw;
    left: -0.8vw;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes6 .recipes {
    right: inherit;
    left: -2.4vw;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes7 {
    top: -7.46667vw;
    left: 12vw;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes7 .recipes {
    top: 0.8vw;
    right: -3.2vw;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes8 {
    top: 23.73333vw;
    right: -3.2vw;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes8 .recipes {
    top: -3.46667vw;
    right: -0.26667vw;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes9 {
    bottom: -6.66667vw;
    left: -5.33333vw;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes9 .recipes {
    top: inherit;
    right: inherit;
    left: -4.26667vw;
    bottom: 2.13333vw;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes10 {
    top: -6.13333vw;
    left: -0.8vw;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes10 .recipes {
    top: -1.33333vw;
    right: -1.6vw;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes11 {
    top: 10.66667vw;
    right: -4.53333vw;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes11 .recipes {
    top: -1.6vw;
    right: -1.06667vw;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes12 {
    bottom: -3.46667vw;
    left: -2.66667vw;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li.recipes12 .recipes {
    top: inherit;
    right: -0.8vw;
    bottom: -3.2vw;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a {
    display: block;
    position: relative;
    width: 27.2vw;
    height: 27.2vw;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image::after {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .imageEffect {
    width: 25.44762vw;
    height: 26.66667vw;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-transform-origin: 50% 50%;
       -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .imageEffect::after {
    content: "";
    position: absolute;
    top: -10%;
    bottom: -10%;
    left: -10%;
    right: -10%;
    background-color: rgba(35, 24, 21, 0.5);
    opacity: 0;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .imageEffect img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transform-origin: 50% 50%;
       -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .imageEffect svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .imageEffect .roate {
    -webkit-transform-origin: 50% 50%;
       -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image1 {
    width: 27.34133vw;
    height: 26.11733vw;
    -webkit-mask-image: url(../images/life-style/myclip01.svg);
            mask-image: url(../images/life-style/myclip01.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image2 {
    width: 27.54933vw;
    height: 27.14667vw;
    -webkit-mask-image: url(../images/life-style/myclip02.svg);
            mask-image: url(../images/life-style/myclip02.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image3 {
    width: 27.09333vw;
    height: 27.296vw;
    -webkit-mask-image: url(../images/life-style/myclip03.svg);
            mask-image: url(../images/life-style/myclip03.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image4 {
    width: 27.34133vw;
    height: 26.11733vw;
    -webkit-mask-image: url(../images/life-style/myclip04.svg);
            mask-image: url(../images/life-style/myclip04.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image5 {
    width: 27.37067vw;
    height: 27.13333vw;
    -webkit-mask-image: url(../images/life-style/myclip05.svg);
            mask-image: url(../images/life-style/myclip05.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image6 {
    width: 27.784vw;
    height: 27.30933vw;
    -webkit-mask-image: url(../images/life-style/myclip06.svg);
            mask-image: url(../images/life-style/myclip06.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image7 {
    width: 27.34133vw;
    height: 26.11733vw;
    -webkit-mask-image: url(../images/life-style/myclip07.svg);
            mask-image: url(../images/life-style/myclip07.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image8 {
    width: 27.22933vw;
    height: 27.17867vw;
    -webkit-mask-image: url(../images/life-style/myclip08.svg);
            mask-image: url(../images/life-style/myclip08.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image9 {
    width: 27.14133vw;
    height: 27.19733vw;
    -webkit-mask-image: url(../images/life-style/myclip09.svg);
            mask-image: url(../images/life-style/myclip09.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image10 {
    width: 27.34133vw;
    height: 26.11733vw;
    -webkit-mask-image: url(../images/life-style/myclip10.svg);
            mask-image: url(../images/life-style/myclip10.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image11 {
    width: 27.104vw;
    height: 27.38667vw;
    -webkit-mask-image: url(../images/life-style/myclip11.svg);
            mask-image: url(../images/life-style/myclip11.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .image12 {
    width: 27.424vw;
    height: 27.70133vw;
    -webkit-mask-image: url(../images/life-style/myclip12.svg);
            mask-image: url(../images/life-style/myclip12.svg);
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .text {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 27.2vw;
    height: 27.2vw;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 5.33333vw;
    font-weight: 600;
    color: #fff;
    opacity: 0;
    z-index: 2;
    text-align: center;
    -webkit-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .recipes {
    position: absolute;
    top: 0;
    right: 0;
  }
  .p_lifestyle .lifestyleList .it .df .txt ul li a .recipes img {
    width: 8.53333vw;
  }
  .image {
    width: 26.66667vw;
    height: 25.52381vw;
    margin: 1.52381vw;
    -webkit-mask-image: url("../images/life-style/circle01.svg");
            mask-image: url("../images/life-style/circle01.svg");
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    position: relative;
    overflow: hidden;
  }
  .image.st2 {
    -webkit-mask-image: url("../images/life-style/circle02.svg");
            mask-image: url("../images/life-style/circle02.svg");
    width: 26.28571vw;
    height: 27.65714vw;
  }
  .image.st3 {
    -webkit-mask-image: url("../images/life-style/circle03.svg");
            mask-image: url("../images/life-style/circle03.svg");
    width: 25.52381vw;
    height: 26.74286vw;
  }
  .image::before {
    content: "";
    position: absolute;
    top: -10%;
    bottom: -10%;
    left: -10%;
    right: -10%;
    background: var(--i) center/cover;
    -webkit-animation: inherit;
       -moz-animation: inherit;
            animation: inherit;
    animation-direction: reverse;
    z-index: -2;
  }
  .image::after {
    content: "";
    position: absolute;
    top: -10%;
    bottom: -10%;
    left: -10%;
    right: -10%;
    background-color: rgba(35, 24, 21, 0.5);
    z-index: -1;
    -webkit-animation: inherit;
       -moz-animation: inherit;
            animation: inherit;
    animation-direction: reverse;
    opacity: 0;
  }
  .p_history {
    background-color: #4d4744;
    color: #fff;
  }
  .p_history .ttl {
    color: #AE9336;
    margin-bottom: -15.2vw;
    position: relative;
    z-index: 1;
  }
  .p_history .history_top {
    padding-left: 12vw;
  }
  .p_history .history_top figure {
    text-align: center;
  }
  .p_history .history_top figure img {
    width: 64.26667vw;
    display: inline-block;
  }
  .p_history .intro {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 13.33333vw 0 8vw;
    padding-left: 5.86667vw;
    padding-right: 5.86667vw;
  }
  .p_history .intro .fig {
    width: 35.46667vw;
    margin-top: 8vw;
  }
  .p_history .intro .fig ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p_history .intro .fig ul li:nth-of-type(1) {
    margin-top: -9.33333vw;
    margin-right: -5.33333vw;
  }
  .p_history .intro .fig ul li:nth-of-type(3) {
    margin-top: -4.66667vw;
    margin-left: -2.66667vw;
  }
  .p_history .intro p {
    width: -webkit-calc(100% - 35.46667vw);
    width: -moz-calc(100% - 35.46667vw);
    width: calc(100% - 35.46667vw);
    font-size: 2.66667vw;
    line-height: 1.25;
    font-weight: 600;
    text-align: justify;
    padding-left: 2.66667vw;
  }
  .p_history .history_main .it {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 4vw 0;
  }
  .p_history .history_main .it:nth-of-type(1) .fig figure {
    width: 42.13333vw;
  }
  .p_history .history_main .it:nth-of-type(3) .fig figure {
    top: -0vw !important;
  }
  .p_history .history_main .it:nth-of-type(4) .fig figure {
    top: -4vw !important;
  }
  .p_history .history_main .it:nth-of-type(5) .fig figure {
    width: 42.66667vw;
  }
  .p_history .history_main .it:nth-of-type(6) .fig figure {
    width: 39.2vw;
    top: -0vw !important;
    right: -6.4vw;
  }
  .p_history .history_main .it:nth-of-type(7) .fig figure {
    top: 22.93333vw;
  }
  .p_history .history_main .it.rv {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
       -moz-box-orient: horizontal;
       -moz-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  .p_history .history_main .it.rv .it_l dt::after {
    left: 13.06667vw;
    top: -2.4vw;
    background: url(../images/history/pattern2.png) center/contain no-repeat;
  }
  .p_history .history_main .it.rv .fig {
    position: relative;
  }
  .p_history .history_main .it.rv .fig .mask1 {
    content: "";
    position: absolute;
    top: -18.4vw;
    right: -16vw;
    width: 27.2vw;
    height: 14.13333vw;
    background: url(../images/history/pattern3.png) center/contain no-repeat;
    display: block;
  }
  .p_history .history_main .it.rv .fig .mask2 {
    content: "";
    position: absolute;
    bottom: -8vw;
    right: -6.13333vw;
    width: 27.2vw;
    height: 14.4vw;
    background: url(../images/history/pattern4.png) center/contain no-repeat;
    display: block;
  }
  .p_history .history_main .it.rv .fig figure {
    top: -9.33333vw;
    right: 4vw;
  }
  .p_history .history_main .it:nth-child(odd) {
    background-color: #211816;
  }
  .p_history .history_main .it:nth-child(even) {
    padding: 8vw 0 5.33333vw 5.33333vw;
    background-color: #4d4744;
  }
  .p_history .history_main .it .it_l {
    width: 38.66667vw;
  }
  .p_history .history_main .it .it_l dl dt {
    font-weight: 600;
    font-size: 2.93333vw;
    line-height: 1.2;
    margin-bottom: 2.66667vw;
    position: relative;
  }
  .p_history .history_main .it .it_l dl dt.st2 {
    white-space: nowrap;
  }
  .p_history .history_main .it .it_l dl dt.st2::after {
    top: 14.4vw;
  }
  .p_history .history_main .it .it_l dl dt.st3::after {
    top: 10.93333vw;
  }
  .p_history .history_main .it .it_l dl dt::after {
    content: "";
    position: absolute;
    left: -6.4vw;
    top: 8vw;
    width: 12.8vw;
    height: 5.86667vw;
    background: url(../images/history/pattern1.png) center/contain no-repeat;
    display: block;
  }
  .p_history .history_main .it .it_l dl dt span {
    display: block;
    font-size: 3.46667vw;
  }
  .p_history .history_main .it .it_l dl dt span small {
    font-size: 2.66667vw;
  }
  .p_history .history_main .it .it_l dl dd {
    padding-left: 2.66667vw;
  }
  .p_history .history_main .it .it_l dl dd .pr {
    padding-right: 2.66667vw;
  }
  .p_history .history_main .it .it_l dl dd .figBot {
    margin-left: -1.86667vw;
    margin-top: 4vw;
  }
  .p_history .history_main .it .it_l dl dd .figBot ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .p_history .history_main .it .it_l dl dd .figBot ul li {
    margin-right: 2.4vw;
  }
  .p_history .history_main .it .it_l dl dd .figBot ul li img {
    width: 6.4vw;
  }
  .p_history .history_main .it .it_l dl dd .figBot ul li:nth-child(4) {
    margin-right: 0;
  }
  .p_history .history_main .it .it_l dl dd .figBot ul li:nth-child(4) img {
    width: 7.46667vw;
  }
  .p_history .history_main .it .it_l dl dd p {
    font-size: 2.66667vw;
    line-height: 1.2;
    font-weight: 600;
    text-align: justify;
  }
  .p_history .history_main .it .fig {
    width: 42.66667vw;
    position: relative;
  }
  .p_history .history_main .it .fig.fig1 {
    position: relative;
  }
  .p_history .history_main .it .fig.fig1 figure {
    top: 0;
    right: -4vw;
    width: 35.46667vw;
  }
  .p_history .history_main .it .fig.fig1 figcaption {
    position: absolute;
    top: 0;
    left: -8.8vw;
    width: 17.33333vw;
  }
  .p_history .history_main .it .fig.fig2 {
    position: relative;
  }
  .p_history .history_main .it .fig.fig2 figure {
    top: -5.33333vw;
    right: 0;
    width: 35.46667vw;
  }
  .p_history .history_main .it .fig.fig2 figcaption {
    position: absolute;
    bottom: -4vw;
    left: -4.26667vw;
    width: 16vw;
  }
  .p_history .history_main .it .fig.fig3 {
    position: relative;
  }
  .p_history .history_main .it .fig.fig3 ul li {
    position: absolute;
  }
  .p_history .history_main .it .fig.fig3 ul li:nth-of-type(1) {
    top: 8vw;
    width: 24.8vw;
  }
  .p_history .history_main .it .fig.fig3 ul li:nth-of-type(3) {
    right: 11.2vw;
    top: 2.93333vw;
    width: 12vw;
  }
  .p_history .history_main .it .fig.fig3 ul li:nth-of-type(2) {
    right: 3.46667vw;
    top: 11.73333vw;
    width: 18.93333vw;
  }
  .p_history .history_main .it .fig.fig3 ul li:nth-of-type(4) {
    right: 4vw;
    top: 28.8vw;
    width: 16.53333vw;
  }
  .p_history .history_main .it .fig figure {
    position: absolute;
    top: -8vw;
    right: 0;
    width: 35.46667vw;
    z-index: 1;
  }
  .p_faq .ttl {
    background: url(/assets/images/faq/title_bg@sp.png) no-repeat center 10.66667vw/89.33333vw auto;
    padding-bottom: 12vw;
  }
  .p_faq .faqList dl a {
    text-decoration: underline;
    color: #000;
    cursor: pointer;
  }
  .p_faq .faqList dl dt {
    position: relative;
    padding-left: 2.66667vw;
    font-size: 2.13333vw;
    line-height: 1.38;
    font-weight: 600;
  }
  .p_faq .faqList dl dt::before {
    content: '';
    display: block;
    background: url(/assets/images/faq/icon_q.svg) no-repeat left top/100% auto;
    width: 1.86667vw;
    height: 1.86667vw;
    vertical-align: bottom;
    position: absolute;
    left: 0;
    top: 0.8vw;
  }
  .p_faq .faqList dl dd {
    display: none;
    position: relative;
    margin-left: 2.66667vw;
    margin-top: 2.66667vw;
    border: solid 2px #b1961a;
    -moz-border-radius: 1.33333vw;
         border-radius: 1.33333vw;
    background: #FFF;
    padding: 2.66667vw;
    font-size: 2.13333vw;
    line-height: 1.66;
    font-weight: 600;
  }
  .p_faq .faqList dl dd::before {
    content: '';
    display: block;
    background: url(/assets/images/faq/icon_a.svg) no-repeat left top/100% auto;
    width: 1.86667vw;
    height: 1.86667vw;
    position: absolute;
    top: -1px;
    left: -1px;
  }
  .p_faq .faqList dl + dl {
    margin-top: 2.66667vw;
  }
  .p_contact .ttl {
    padding-bottom: 12vw;
  }
  .p_contact .contact .block .blockTitle {
    font-size: 2.66667vw;
    line-height: 1;
    font-weight: 600;
    text-align: center;
    padding-bottom: 1em;
    border-bottom: solid 1px #b1961a;
    margin-bottom: 6.4vw;
  }
  .p_contact .contact .block .detail dl {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 2.26667vw;
    line-height: -webkit-calc(12/8.5);
    line-height: -moz-calc(12/8.5);
    line-height: calc(12/8.5);
    font-weight: 600;
    text-align: left;
  }
  .p_contact .contact .block .detail dl dt {
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 13.86667vw;
            flex: 0 0 13.86667vw;
  }
  .p_contact .contact .block .detail dl dd {
    border-left: solid 0.37333vw #b1961a;
    padding-left: 1.6vw;
  }
  .p_contact .contact .block .detail dl + dl {
    margin-top: 1.5em;
  }
  .p_contact .contact .block + .block {
    margin-top: 18.66667vw;
  }
  .p_privacy .ttl {
    padding-bottom: 12vw;
  }
  .p_privacy .privacy .block .blockTitle {
    font-size: 2.93333vw;
    line-height: 1;
    font-weight: 600;
    text-align: center;
    padding-bottom: 1em;
    border-bottom: solid 1px #b1961a;
    margin-bottom: 1em;
  }
  .p_privacy .privacy .block .detail {
    font-size: 2.26667vw;
    line-height: -webkit-calc(17/8.5);
    line-height: -moz-calc(17/8.5);
    line-height: calc(17/8.5);
    font-weight: 600;
    text-align: center;
  }
  .p_privacy .privacy .block + .block {
    margin-top: 16vw;
  }
}

@media screen and (min-width: 1280px), print {
  .p_recipe .recipe {
    padding-top: 45px;
  }
  .p_recipe .recipe .df {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .p_recipe .recipe .df > figure {
    width: 520px;
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 520px;
            flex: 0 0 520px;
    position: relative;
  }
  .p_recipe .recipe .df > figure > img {
    -moz-border-radius: 12px;
         border-radius: 12px;
    overflow: hidden;
  }
  .p_recipe .recipe .df > figure figcaption {
    position: absolute;
    top: -25px;
    left: -25px;
  }
  .p_recipe .recipe .df > figure figcaption img {
    width: 80px;
    height: 80px;
  }
  .p_recipe .recipe .df .txt {
    padding-left: 88px;
    padding-left: 0;
    -ms-flex-preferred-size: calc(100% - 520px - 88px);
        flex-basis: -webkit-calc(100% - 520px - 88px);
        flex-basis: -moz-calc(100% - 520px - 88px);
        flex-basis: calc(100% - 520px - 88px);
  }
  .p_recipe .recipe .df .txt .tt h3 {
    font-size: 45px;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 27px;
  }
  .p_recipe .recipe .df .txt .tt h3 small {
    display: block;
    color: #AE9336;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 40px;
  }
  .p_recipe .recipe .df .txt .df2 {
    position: relative;
  }
  .p_recipe .recipe .df .txt .df2 .fig {
    width: 157px;
    position: absolute;
    top: 0;
    right: 0;
  }
  .p_recipe .recipe .df .txt .df2 .fig .itemIcon {
    display: block;
    width: 130px;
    margin: 0 auto;
  }
  .p_recipe .recipe .df .txt .df2 .fig a {
    width: 120px;
    display: block;
    margin-left: 20px;
    margin-top: 6px;
  }
  .p_recipe .recipe .df .txt .df2 .df2_txt {
    width: -webkit-calc(100% - 157px);
    width: -moz-calc(100% - 157px);
    width: calc(100% - 157px);
    width: 100%;
  }
  .p_recipe .recipe .df .txt .df2 .df2_txt .text1 {
    font-size: 16px;
    line-height: 1.78;
    font-weight: 600;
    margin: 10px 157px 55px 0;
  }
  .p_recipe .recipe .df .txt h4 {
    color: #AE9336;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 30px;
    white-space: nowrap;
  }
  .p_recipe .recipe .df .txt h4 span {
    color: #000;
  }
  .p_recipe .recipe .df .txt h4 small {
    display: block;
    font-size: 12px;
    color: #000;
    margin-top: 7px;
  }
  .p_recipe .recipe .df .txt h5 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #231815;
  }
  .p_recipe .recipe .df .txt ul + h5 {
    margin-top: 1.5em;
    margin-bottom: 5px;
  }
  .p_recipe .recipe .df .txt .listDot {
    margin-bottom: 5px;
    display: table;
  }
  .p_recipe .recipe .df .txt .listDot li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: table-row;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: #231815;
  }
  .p_recipe .recipe .df .txt .listDot li span {
    display: table-cell;
    /*
              &:nth-of-type(1) {
                width: 196px;
              }
              */
  }
  .p_recipe .recipe .df .txt .listDot li span:first-child {
    padding-right: 30px;
  }
  .p_recipe .recipe .df .txt .listDot li + li span {
    padding-top: 3px;
  }
  .p_recipe .recipe .df .txt .listNumber {
    margin-bottom: 5px;
  }
  .p_recipe .recipe .df .txt .listNumber li {
    padding-left: 20px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    position: relative;
    color: #231815;
  }
  .p_recipe .recipe .df .txt .listNumber li span {
    position: absolute;
    top: 0;
    left: 0;
  }
  .p_recipe .recipe .df .txt .listNumber li + li {
    margin-top: 3px;
  }
  .p_recipe .recipe .df .txt .spaceTop {
    margin-top: 1.5em;
  }
  .p_recipe .recipe .sliderWr {
    margin-top: 90px;
  }
  .p_recipe .recipe .sliderWr .inner {
    position: relative;
    padding-bottom: 70px;
  }
  .p_recipe .recipe .sliderWr .swiper-button-prev {
    position: absolute;
    bottom: 0;
    width: 45px;
    height: 45px;
    top: inherit;
    left: -webkit-calc(50% - 45.5px);
    left: -moz-calc(50% - 45.5px);
    left: calc(50% - 45.5px);
    margin-top: 0;
    background: #231815 url(../images/recipe/ar1.svg) center no-repeat;
    -moz-background-size: 13px 31px;
         background-size: 13px 31px;
  }
  .p_recipe .recipe .sliderWr .swiper-button-next {
    position: absolute;
    bottom: 0;
    width: 45px;
    height: 45px;
    top: inherit;
    right: -webkit-calc(50% - 45.5px);
    right: -moz-calc(50% - 45.5px);
    right: calc(50% - 45.5px);
    margin-top: 0;
    background: #231815 url(../images/recipe/ar.svg) center no-repeat;
    -moz-background-size: 13px 31px;
         background-size: 13px 31px;
  }
  .p_recipe .recipe .sliderWr .swiper-slide a {
    display: block;
    position: relative;
    -moz-border-radius: 6px;
         border-radius: 6px;
    overflow: hidden;
  }
  .p_recipe .recipe .sliderWr .swiper-slide a figcaption {
    position: absolute;
    line-height: 1.5;
    color: #fff;
    bottom: 10px;
    right: 10px;
    font-size: 20px;
    font-weight: 600;
  }
  .p_recipe .recipe .sliderWr .swiper-slide a .cate {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .p_recipe .recipe .sliderWr .swiper-slide a .cate.cate2 img {
    width: 32px;
    margin-top: 15px;
    margin-left: 15px;
  }
  .p_recipe .recipe .sliderWr .swiper-slide a .cate.cate3 img {
    width: 53px;
    margin-top: 5px;
    margin-left: 5px;
  }
  .p_recipe .recipe .sliderWr .swiper-slide a .cate.cate4 img {
    width: 49px;
  }
  .p_recipe .recipe .sliderWr .swiper-slide a .cate::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 100px solid #AE9336;
    border-right: 100px solid transparent;
    display: block;
  }
  .p_recipe .recipe .sliderWr .swiper-slide a .cate img {
    position: relative;
    z-index: 1;
    width: 39px;
    margin-left: 8px;
    margin-top: 8px;
    display: block;
  }
}

@media only screen and (min-width: 751px) and (max-width: 1279px), print {
  .p_recipe .recipe {
    padding-top: -webkit-calc(45/1280*100%);
    padding-top: -moz-calc(45/1280*100%);
    padding-top: calc(45/1280*100%);
  }
  .p_recipe .recipe .inner {
    padding-left: 58.66667px;
    padding-right: 58.66667px;
  }
  .p_recipe .recipe .df {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .p_recipe .recipe .df > figure {
    width: -webkit-calc(50% - (10/1280*100%));
    width: -moz-calc(50% - (10/1280*100%));
    width: calc(50% - (10/1280*100%));
    -webkit-box-flex: 0;
       -moz-box-flex: 0;
        -ms-flex: 0 0 calc(50% - (40/1280*100%));
            flex: 0 0 -webkit-calc(50% - (40/1280*100%));
            flex: 0 0 calc(50% - (40/1280*100%));
    position: relative;
  }
  .p_recipe .recipe .df > figure > img {
    -moz-border-radius: 12px;
         border-radius: 12px;
    overflow: hidden;
  }
  .p_recipe .recipe .df > figure figcaption {
    position: absolute;
    top: -25px;
    left: -25px;
  }
  .p_recipe .recipe .df > figure figcaption img {
    width: 80px;
    height: 80px;
  }
  .p_recipe .recipe .df .txt {
    padding-left: 88px;
    padding-left: 0;
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
  }
  .p_recipe .recipe .df .txt .tt h3 {
    font-size: 45px;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 27px;
  }
  .p_recipe .recipe .df .txt .tt h3 small {
    display: block;
    color: #AE9336;
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 40px;
  }
  .p_recipe .recipe .df .txt .df2 {
    position: relative;
  }
  .p_recipe .recipe .df .txt .df2 .fig {
    width: 157px;
    position: absolute;
    top: 0;
    right: 0;
  }
  .p_recipe .recipe .df .txt .df2 .fig .itemIcon {
    display: block;
    width: 130px;
    margin: 0 auto;
  }
  .p_recipe .recipe .df .txt .df2 .fig a {
    width: 120px;
    display: block;
    margin-left: 20px;
    margin-top: 6px;
  }
  .p_recipe .recipe .df .txt .df2 .df2_txt {
    width: -webkit-calc(100% - 157px);
    width: -moz-calc(100% - 157px);
    width: calc(100% - 157px);
    width: 100%;
  }
  .p_recipe .recipe .df .txt .df2 .df2_txt .text1 {
    font-size: 16px;
    line-height: 1.78;
    font-weight: 600;
    margin: 10px 157px 55px 0;
    min-height: 130px;
    text-align: justify;
  }
  .p_recipe .recipe .df .txt .df2 .df2_txt .text1 br {
    display: none;
  }
  .p_recipe .recipe .df .txt h4 {
    color: #AE9336;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 30px;
    white-space: nowrap;
  }
  .p_recipe .recipe .df .txt h4 span {
    color: #000;
  }
  .p_recipe .recipe .df .txt h4 small {
    display: block;
    font-size: 12px;
    color: #000;
    margin-top: 7px;
  }
  .p_recipe .recipe .df .txt h5 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
    color: #231815;
  }
  .p_recipe .recipe .df .txt ul + h5 {
    margin-top: 1.5em;
    margin-bottom: 5px;
  }
  .p_recipe .recipe .df .txt .listDot {
    margin-bottom: 5px;
    display: table;
  }
  .p_recipe .recipe .df .txt .listDot li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    display: table-row;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    color: #231815;
  }
  .p_recipe .recipe .df .txt .listDot li span {
    display: table-cell;
    /*
              &:nth-of-type(1) {
                width: 196px;
              }
              */
  }
  .p_recipe .recipe .df .txt .listDot li span:first-child {
    padding-right: 30px;
    text-indent: -1em;
    padding-left: 1em;
  }
  .p_recipe .recipe .df .txt .listDot li + li span {
    padding-top: 3px;
  }
  .p_recipe .recipe .df .txt .listNumber {
    margin-bottom: 5px;
  }
  .p_recipe .recipe .df .txt .listNumber li {
    padding-left: 20px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    position: relative;
    color: #231815;
    text-align: justify;
  }
  .p_recipe .recipe .df .txt .listNumber li br, .p_recipe .recipe .df .txt .listNumber li br.show_sp, .p_recipe .recipe .df .txt .listNumber li br.show_pc {
    display: none;
  }
  .p_recipe .recipe .df .txt .listNumber li span {
    position: absolute;
    top: 0;
    left: 0;
  }
  .p_recipe .recipe .df .txt .listNumber li + li {
    margin-top: 3px;
  }
  .p_recipe .recipe .df .txt .spaceTop {
    margin-top: 1.5em;
  }
  .p_recipe .recipe .sliderWr {
    margin-top: 106.66667px;
  }
  .p_recipe .recipe .sliderWr .inner {
    position: relative;
    padding: 0;
    padding-bottom: 133.33333px;
  }
  .p_recipe .recipe .sliderWr .swiper-button-prev {
    position: absolute;
    bottom: 0;
    width: 69.33333px;
    height: 69.33333px;
    top: inherit;
    left: -webkit-calc(50% - 69.33333px);
    left: -moz-calc(50% - 69.33333px);
    left: calc(50% - 69.33333px);
    margin-top: 0;
    background: #231815 url(../images/recipe/ar1.svg) center no-repeat;
    -moz-background-size: 21.33333px 48px;
         background-size: 21.33333px 48px;
  }
  .p_recipe .recipe .sliderWr .swiper-button-next {
    position: absolute;
    bottom: 0;
    width: 69.33333px;
    height: 69.33333px;
    top: inherit;
    right: -webkit-calc(50% - 69.33333px);
    right: -moz-calc(50% - 69.33333px);
    right: calc(50% - 69.33333px);
    margin-top: 0;
    background: #231815 url(../images/recipe/ar.svg) center no-repeat;
    -moz-background-size: 21.33333px 48px;
         background-size: 21.33333px 48px;
    border-left: 1px solid #FFF5EB;
  }
  .p_recipe .recipe .sliderWr .swiper-slide a {
    display: block;
    position: relative;
    -moz-border-radius: 8px;
         border-radius: 8px;
    overflow: hidden;
  }
  .p_recipe .recipe .sliderWr .swiper-slide a figcaption {
    position: absolute;
    line-height: 1.5;
    color: #fff;
    bottom: 13.33333px;
    right: 13.33333px;
    font-size: 21.33333px;
    font-size: 20px;
    font-weight: 600;
    text-align: right;
  }
  .p_recipe .recipe .sliderWr .swiper-slide a figcaption br.show_sp {
    display: block !important;
  }
  .p_recipe .recipe .sliderWr .swiper-slide a .cate {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .p_recipe .recipe .sliderWr .swiper-slide a .cate.cate2 img {
    width: 28.44444px;
  }
  .p_recipe .recipe .sliderWr .swiper-slide a .cate.cate3 img {
    width: 35.33333px;
  }
  .p_recipe .recipe .sliderWr .swiper-slide a .cate.cate4 img {
    width: 32.66667px;
  }
  .p_recipe .recipe .sliderWr .swiper-slide a .cate::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 80px solid #AE9336;
    border-right: 80px solid transparent;
    display: block;
  }
  .p_recipe .recipe .sliderWr .swiper-slide a .cate img {
    position: relative;
    z-index: 1;
    width: 34.66667px;
    margin-left: 8px;
    margin-top: 8px;
    display: block;
  }
}

@media screen and (max-width: 750px) {
  .p_recipe .recipe {
    padding-top: 12vw;
  }
  .p_recipe .recipe .df > figure {
    margin-bottom: 9.33333vw;
    position: relative;
  }
  .p_recipe .recipe .df > figure > img {
    -moz-border-radius: 1.6vw;
         border-radius: 1.6vw;
    overflow: hidden;
  }
  .p_recipe .recipe .df > figure figcaption {
    position: absolute;
    top: -3.2vw;
    left: -3.2vw;
  }
  .p_recipe .recipe .df > figure figcaption img {
    width: 12vw;
    height: 12vw;
  }
  .p_recipe .recipe .df .txt .tt h3 {
    font-size: 8vw;
    line-height: 9.33333vw;
    font-weight: 600;
    margin-bottom: 7.2vw;
  }
  .p_recipe .recipe .df .txt .tt h3 small {
    display: block;
    color: #AE9336;
    font-size: 2.93333vw;
    font-weight: 600;
    margin-bottom: 3.2vw;
  }
  .p_recipe .recipe .df .txt .df2 {
    position: relative;
  }
  .p_recipe .recipe .df .txt .df2 .fig {
    width: 25.06667vw;
    position: absolute;
    top: 0;
    right: 0;
  }
  .p_recipe .recipe .df .txt .df2 .fig .itemIcon {
    display: block;
    width: 100%;
    margin: 0 auto;
  }
  .p_recipe .recipe .df .txt .df2 .fig a {
    width: 25.06667vw;
    display: block;
    margin-left: 0;
    margin-top: 1.6vw;
  }
  .p_recipe .recipe .df .txt .df2 .df2_txt .text1 {
    font-size: 2.93333vw;
    line-height: 1.86;
    font-weight: 600;
    margin: 2.66667vw 25.33333vw 14.66667vw 0;
  }
  .p_recipe .recipe .df .txt h4 {
    color: #AE9336;
    font-size: 2.93333vw;
    font-weight: 600;
    margin-bottom: 1.86667vw;
    margin-top: 4vw;
    white-space: nowrap;
  }
  .p_recipe .recipe .df .txt h4 span {
    color: #000;
  }
  .p_recipe .recipe .df .txt h4 small {
    display: block;
    font-size: 2.4vw;
    color: #000;
    margin-top: 1.33333vw;
  }
  .p_recipe .recipe .df .txt h5 {
    font-size: 2.4vw;
    font-weight: 600;
    margin-bottom: 1.33333vw;
    color: #231815;
  }
  .p_recipe .recipe .df .txt .listDot {
    margin-bottom: 1.33333vw;
    display: table;
  }
  .p_recipe .recipe .df .txt .listDot li {
    display: table-row;
    font-size: 2.93333vw;
    line-height: 1.5;
    font-weight: 600;
    color: #231815;
  }
  .p_recipe .recipe .df .txt .listDot li span {
    display: table-cell;
  }
  .p_recipe .recipe .df .txt .listDot li span:first-child {
    padding-right: 8vw;
  }
  .p_recipe .recipe .df .txt .listDot li + li span {
    padding-top: 1.33333vw;
  }
  .p_recipe .recipe .df .txt .listNumber {
    margin-bottom: 1.33333vw;
  }
  .p_recipe .recipe .df .txt .listNumber li {
    padding-left: 2.66667vw;
    font-size: 2.93333vw;
    line-height: 1.5;
    font-weight: 600;
    position: relative;
    color: #231815;
  }
  .p_recipe .recipe .df .txt .listNumber li span {
    position: absolute;
    top: 0;
    left: 0;
  }
  .p_recipe .recipe .df .txt .listNumber li + li {
    margin-top: 1.33333vw;
  }
  .p_recipe .recipe .df .txt .spaceTop {
    margin-top: 1.5em;
  }
  .p_recipe .recipe .sliderWr {
    margin-top: 10.66667vw;
  }
  .p_recipe .recipe .sliderWr .inner {
    position: relative;
    padding: 0;
    padding-bottom: 13.33333vw;
  }
  .p_recipe .recipe .sliderWr .swiper-button-prev {
    position: absolute;
    bottom: 0;
    width: 6.93333vw;
    height: 6.93333vw;
    top: inherit;
    left: -webkit-calc(50% - 6.93333vw);
    left: -moz-calc(50% - 6.93333vw);
    left: calc(50% - 6.93333vw);
    margin-top: 0;
    background: #231815 url(../images/recipe/ar1.svg) center no-repeat;
    -moz-background-size: 2.13333vw 4.8vw;
         background-size: 2.13333vw 4.8vw;
  }
  .p_recipe .recipe .sliderWr .swiper-button-next {
    position: absolute;
    bottom: 0;
    width: 6.93333vw;
    height: 6.93333vw;
    top: inherit;
    right: -webkit-calc(50% - 6.93333vw);
    right: -moz-calc(50% - 6.93333vw);
    right: calc(50% - 6.93333vw);
    margin-top: 0;
    background: #231815 url(../images/recipe/ar.svg) center no-repeat;
    -moz-background-size: 2.13333vw 4.8vw;
         background-size: 2.13333vw 4.8vw;
    border-left: 1px solid #FFF5EB;
  }
  .p_recipe .recipe .sliderWr .swiper-slide a {
    display: block;
    position: relative;
    -moz-border-radius: 0.8vw;
         border-radius: 0.8vw;
    overflow: hidden;
  }
  .p_recipe .recipe .sliderWr .swiper-slide a figcaption {
    position: absolute;
    line-height: 1.5;
    color: #fff;
    bottom: 1.33333vw;
    right: 1.33333vw;
    font-size: 2.13333vw;
    font-weight: 600;
    text-align: right;
  }
  .p_recipe .recipe .sliderWr .swiper-slide a .cate {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  .p_recipe .recipe .sliderWr .swiper-slide a .cate.cate2 img {
    width: 2.84444vw;
  }
  .p_recipe .recipe .sliderWr .swiper-slide a .cate.cate3 img {
    width: 3.53333vw;
  }
  .p_recipe .recipe .sliderWr .swiper-slide a .cate.cate4 img {
    width: 3.26667vw;
  }
  .p_recipe .recipe .sliderWr .swiper-slide a .cate::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 8vw solid #AE9336;
    border-right: 8vw solid transparent;
    display: block;
  }
  .p_recipe .recipe .sliderWr .swiper-slide a .cate img {
    position: relative;
    z-index: 1;
    width: 3.46667vw;
    margin-left: 0.8vw;
    margin-top: 0.8vw;
    display: block;
  }
}

@-webkit-keyframes clipRotateAnim {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-moz-keyframes clipRotateAnim {
  0% {
    -moz-transform: rotate(0deg);
         transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(360deg);
         transform: rotate(360deg);
  }
}

@keyframes clipRotateAnim {
  0% {
    -webkit-transform: rotate(0deg);
       -moz-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
       -moz-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes clipRotateAnim2 {
  0% {
    -webkit-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1);
  }
  25% {
    -webkit-transform: rotate(90deg) scale(1.05);
            transform: rotate(90deg) scale(1.05);
  }
  50% {
    -webkit-transform: rotate(180deg) scale(1);
            transform: rotate(180deg) scale(1);
  }
  75% {
    -webkit-transform: rotate(270deg) scale(1.1);
            transform: rotate(270deg) scale(1.1);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1);
  }
}

@-moz-keyframes clipRotateAnim2 {
  0% {
    -moz-transform: rotate(0) scale(1);
         transform: rotate(0) scale(1);
  }
  25% {
    -moz-transform: rotate(90deg) scale(1.05);
         transform: rotate(90deg) scale(1.05);
  }
  50% {
    -moz-transform: rotate(180deg) scale(1);
         transform: rotate(180deg) scale(1);
  }
  75% {
    -moz-transform: rotate(270deg) scale(1.1);
         transform: rotate(270deg) scale(1.1);
  }
  100% {
    -moz-transform: rotate(360deg) scale(1);
         transform: rotate(360deg) scale(1);
  }
}

@keyframes clipRotateAnim2 {
  0% {
    -webkit-transform: rotate(0) scale(1);
       -moz-transform: rotate(0) scale(1);
            transform: rotate(0) scale(1);
  }
  25% {
    -webkit-transform: rotate(90deg) scale(1.05);
       -moz-transform: rotate(90deg) scale(1.05);
            transform: rotate(90deg) scale(1.05);
  }
  50% {
    -webkit-transform: rotate(180deg) scale(1);
       -moz-transform: rotate(180deg) scale(1);
            transform: rotate(180deg) scale(1);
  }
  75% {
    -webkit-transform: rotate(270deg) scale(1.1);
       -moz-transform: rotate(270deg) scale(1.1);
            transform: rotate(270deg) scale(1.1);
  }
  100% {
    -webkit-transform: rotate(360deg) scale(1);
       -moz-transform: rotate(360deg) scale(1);
            transform: rotate(360deg) scale(1);
  }
}