@charset "UTF-8";
/*=======================================
トップページ
=========================================*/
.l-kv {
    color: #fff;
    height: 80vh;
    min-height: 580px;
    background: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-bottom: 3vw;
}
.l-kv:before,
.l-kv:after {
    display: none;
}
.l-kv-img {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #000;
}
.l-kv-img .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../img/top/kv_img1.jpg) no-repeat center;
    background-size: cover;
}
.l-kv__title {
    text-align: center;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: row-reverse;
    padding-right: 68px;
    -webkit-transition: 1s ease all;
    transition: 1s ease all;
    margin-bottom: 100px;
    z-index: 1;
}
.l-kv__title h2,
.l-kv__title p {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-feature-settings: "vrt2" on;
}
.l-kv__title h2 h1,
.l-kv__title h2 h2,
.l-kv__title h2 h3,
.l-kv__title h2 h4,
.l-kv__title h2 h5,
.l-kv__title h2 h6,
.l-kv__title p h1,
.l-kv__title p h2,
.l-kv__title p h3,
.l-kv__title p h4,
.l-kv__title p h5,
.l-kv__title p h6 {
    font-feature-settings: "vrt2" on;
}
.l-kv__title h2 {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 140%;
    margin-left: 32px;
    font-weight: normal;
    letter-spacing: 0.1em;
}
.l-kv__title p {
    letter-spacing: 0.02em;
    font-family:
        "EB Garamond", "Noto Serif JP", "游明朝", YuMincho,
        "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL",
        "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.l-kv__title .letter {
    opacity: 0;
}
.l-kv__nav {
    position: absolute;
    top: 62px;
    right: 193px;
    z-index: 899;
}
.l-kv__nav ul {
    display: flex;
    align-items: flex-start;
    flex-direction: row-reverse;
}
.l-kv__nav ul:before,
.l-kv__nav ul:after {
    display: none;
}
.l-kv__nav li {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-feature-settings: "vrt2" on;
    margin-left: 20px;
    letter-spacing: 0.1em;
    opacity: 0;
    -webkit-transition: 0.6s ease all;
    transition: 0.6s ease all;
    transform: translateX(10px);
}
.l-kv__nav li h1,
.l-kv__nav li h2,
.l-kv__nav li h3,
.l-kv__nav li h4,
.l-kv__nav li h5,
.l-kv__nav li h6 {
    font-feature-settings: "vrt2" on;
}
.l-kv__nav li:last-child {
    margin-left: 0;
}
.l-kv__nav li a {
    color: #fff;
    text-decoration: none;
}
.l-kv__sns {
    position: absolute;
    right: 73px;
    bottom: 65px;
    opacity: 0;
    z-index: 899;
    -webkit-transition: 0.6s ease all 1s;
    transition: 0.6s ease all 1s;
}
.l-kv__sns p,
.l-kv__sns a {
    opacity: 0.6;
    -ms-filter: "alpha(opacity=60)";
    filter: alpha(opacity=60);
}
.l-kv__sns p {
    font-family:
        "EB Garamond", "Noto Serif JP", "游明朝", YuMincho,
        "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL",
        "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-feature-settings: "vrt2" on;
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 24px;
    line-height: 100%;
}
.l-kv__sns p h1,
.l-kv__sns p h2,
.l-kv__sns p h3,
.l-kv__sns p h4,
.l-kv__sns p h5,
.l-kv__sns p h6 {
    font-feature-settings: "vrt2" on;
}
.l-kv__sns li {
    padding-bottom: 26px;
    margin-bottom: 10px;
    position: relative;
    line-height: 100%;
}
.l-kv__sns li:before {
    display: block;
    content: "";
    position: absolute;
    width: 16px;
    border-top: 1px solid #fff;
    opacity: 0.6;
    -ms-filter: "alpha(opacity=60)";
    filter: alpha(opacity=60);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transform-origin: center;
    left: 0;
    bottom: 10px;
}
.l-kv__sns li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    background: none;
}
.l-kv__sns li:last-child:before {
    display: none;
}
.l-kv__sns a:hover {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
}
.l-kv__sns a:hover img {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
}
.l-kv__scroll {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -90px;
    padding-bottom: 136px;
    opacity: 0;
    z-index: 899;
    -webkit-transition: 0.6s ease all 1.5s;
    transition: 0.6s ease all 1.5s;
    mix-blend-mode: exclusion;
}
@media screen and (max-width: 1400px) and (min-width: 768px) {
    .l-kv__scroll {
        bottom: -160px;
    }
}
.l-kv__scroll p {
    font-size: 12px;
    font-size: 1.2rem;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-feature-settings: "vrt2" on;
    font-family:
        "EB Garamond", "Noto Serif JP", "游明朝", YuMincho,
        "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL",
        "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    line-height: 80%;
}
.l-kv__scroll p h1,
.l-kv__scroll p h2,
.l-kv__scroll p h3,
.l-kv__scroll p h4,
.l-kv__scroll p h5,
.l-kv__scroll p h6 {
    font-feature-settings: "vrt2" on;
}
.l-kv__scroll span {
    overflow: hidden;
    display: block;
    position: absolute;
    width: 1px;
    height: 126px;
    left: 50%;
    bottom: 0;
}
.l-kv__scroll span:before,
.l-kv__scroll span:after {
    display: block;
    content: "";
    position: absolute;
    bottom: 0;
    height: 100%;
}
.l-kv__scroll span:before {
    z-index: 1;
    border-left: 1px solid rgba(255, 255, 255, 0.4);
}
.l-kv__scroll span:after {
    z-index: 2;
    border-left: 1px solid #fff;
    -webkit-animation: scrollBar 1.5s infinite linear;
    animation: scrollBar 1.5s infinite linear;
}
@-webkit-keyframes scrollBar {
    0% {
        top: -100%;
    }
    80% {
        top: 100%;
    }
    100% {
        top: 100%;
    }
}
@keyframes scrollBar {
    0% {
        top: -100%;
    }
    80% {
        top: 100%;
    }
    100% {
        top: 100%;
    }
}
.is-home.is-loaded .l-kv__sns {
    opacity: 1;
}
.is-home.is-loaded .l-kv__title {
    color: #fff;
}
.is-home.is-loaded .l-kv__nav li:nth-child(1) {
    opacity: 1;
    transform: translateX(0);
    -webkit-transition:
        0.4s ease opacity 1.4s,
        0.6s ease transform 1.4s;
    transition:
        0.4s ease opacity 1.4s,
        0.6s ease transform 1.4s;
}
.is-home.is-loaded .l-kv__nav li:nth-child(2) {
    opacity: 1;
    transform: translateX(0);
    -webkit-transition:
        0.4s ease opacity 1.5s,
        0.6s ease transform 1.5s;
    transition:
        0.4s ease opacity 1.5s,
        0.6s ease transform 1.5s;
}
.is-home.is-loaded .l-kv__nav li:nth-child(3) {
    opacity: 1;
    transform: translateX(0);
    -webkit-transition:
        0.4s ease opacity 1.6s,
        0.6s ease transform 1.6s;
    transition:
        0.4s ease opacity 1.6s,
        0.6s ease transform 1.6s;
}
.is-home.is-loaded .l-kv__nav li:nth-child(4) {
    opacity: 1;
    transform: translateX(0);
    -webkit-transition:
        0.4s ease opacity 1.7s,
        0.6s ease transform 1.7s;
    transition:
        0.4s ease opacity 1.7s,
        0.6s ease transform 1.7s;
}
.is-home.is-loaded .l-kv__nav li:nth-child(5) {
    opacity: 1;
    transform: translateX(0);
    -webkit-transition:
        0.4s ease opacity 1.8s,
        0.6s ease transform 1.8s;
    transition:
        0.4s ease opacity 1.8s,
        0.6s ease transform 1.8s;
}
.is-home.is-loaded .l-kv__nav li:nth-child(6) {
    opacity: 1;
    transform: translateX(0);
    -webkit-transition:
        0.4s ease opacity 1.9s,
        0.6s ease transform 1.9s;
    transition:
        0.4s ease opacity 1.9s,
        0.6s ease transform 1.9s;
}
.is-home.is-loaded .l-kv__scroll {
    opacity: 1;
    -webkit-transition: 1s ease all 1.5s;
    transition: 1s ease all 1.5s;
}

.p-top {
    padding-bottom: 13vw;
}
.p-top__statement {
    margin-bottom: 13vw;
}
.p-top__statement-content {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    position: relative;
    z-index: 1;
    padding-right: 96px !important;
}
.p-top__statement-content:before,
.p-top__statement-content:after {
    display: none;
}
.p-top__statement-content .title1 {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-feature-settings: "vrt2" on;
}
.p-top__statement-content .title1 h1,
.p-top__statement-content .title1 h2,
.p-top__statement-content .title1 h3,
.p-top__statement-content .title1 h4,
.p-top__statement-content .title1 h5,
.p-top__statement-content .title1 h6 {
    font-feature-settings: "vrt2" on;
}
.p-top__statement-content .title1 p {
    font-family:
        "EB Garamond", "Noto Serif JP", "游明朝", YuMincho,
        "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL",
        "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 140%;
    margin-left: 10px;
}
.p-top__statement-content .title1 h2 {
    font-size: 2.4vw;
    line-height: 140%;
    letter-spacing: 0.1em;
    font-weight: normal;
    text-align: center;
}
@media screen and (max-width: 1250px) {
    .p-top__statement-content .title1 h2 {
        font-size: 30px;
    }
}
.p-top__statement-content .txt1 {
    margin-right: 6vw;
    padding-top: 110px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-feature-settings: "vrt2" on;
}
.p-top__statement-content .txt1 h1,
.p-top__statement-content .txt1 h2,
.p-top__statement-content .txt1 h3,
.p-top__statement-content .txt1 h4,
.p-top__statement-content .txt1 h5,
.p-top__statement-content .txt1 h6 {
    font-feature-settings: "vrt2" on;
}
.p-top__statement-content .txt1 p {
    border-right: 1px solid rgba(20, 20, 20, 0.2);
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0.1em;
    line-height: 290%;
    height: 420px;
    padding-top: 15px;
    padding-bottom: 15px;
    background: linear-gradient(
            to left,
            rgba(20, 20, 20, 0.2) 1px,
            transparent 1px
        )
        transparent;
    background-size: 2.9em auto;
    background-position: 1px top;
}
@media screen and (max-width: 1153px) {
    .p-top__statement-content .txt1 p {
        font-size: 15px;
    }
}
.p-top__statement-content2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}
.p-top__statement-content2:before,
.p-top__statement-content2:after {
    display: none;
}
.p-top__statement-img1 {
    position: relative;
    margin-top: -82px;
    text-align: right;
    width: calc(100% - 290px - 6vw);
    height: 765px;
}
.p-top__statement-img1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.p-top__statement-link {
    margin-left: 240px;
}
.p-top__make.is-sp {
    display: flex;
    flex-direction: row-reverse;
    background: url(../img/top/make_img1_sp.jpg) no-repeat center;
    background-size: cover;
    margin-bottom: 17vw;
}
.p-top__make.is-sp:before,
.p-top__make.is-sp:after {
    display: none;
}
.p-top__make.is-sp .p-top__make-content1,
.p-top__make.is-sp .p-top__make-content2 {
    width: 50%;
    padding-top: 84px;
}
.p-top__make.is-sp .p-top__make-content1 {
    padding-bottom: 76px;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.p-top__make.is-sp .p-top__make-content1 .c-title1 {
    margin-bottom: 47px;
    margin-left: 72px;
    height: 360px;
}
.p-top__make.is-sp .p-top__make-content1 .txt1 {
    display: flex;
    justify-content: center;
}
.p-top__make.is-sp .p-top__make-content1 .txt1 p {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-feature-settings: "vrt2" on;
    color: #fff;
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0.1em;
    line-height: 290%;
    padding-top: 15px;
    padding-bottom: 15px;
    background: linear-gradient(
            to left,
            rgba(255, 255, 255, 0.2) 1px,
            transparent 1px
        )
        transparent;
    background-size: 2.9em auto;
}
.p-top__make.is-sp .p-top__make-content1 .txt1 p h1,
.p-top__make.is-sp .p-top__make-content1 .txt1 p h2,
.p-top__make.is-sp .p-top__make-content1 .txt1 p h3,
.p-top__make.is-sp .p-top__make-content1 .txt1 p h4,
.p-top__make.is-sp .p-top__make-content1 .txt1 p h5,
.p-top__make.is-sp .p-top__make-content1 .txt1 p h6 {
    font-feature-settings: "vrt2" on;
}
.p-top__make.is-sp .p-top__make-content1 .c-btn2 {
    position: absolute;
    right: 48px;
    bottom: 48px;
}
.p-top__make.is-sp .p-top__make-content2 {
    -webkit-backdrop-filter: brightness(2.6) sepia(0.3) contrast(0.2);
    backdrop-filter: brightness(2.6) sepia(1) contrast(0.2);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
}
.p-top__make.is-sp .p-top__make-content2:before,
.p-top__make.is-sp .p-top__make-content2:after {
    display: none;
}
.p-top__make.is-sp .p-top__make-content2 .txt1 {
    display: flex;
    justify-content: center;
    width: 100%;
}
.p-top__make.is-sp .p-top__make-content2 .txt1 p {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-feature-settings: "vrt2" on;
    color: #fff;
    font-family:
        "EB Garamond", "Noto Serif JP", "游明朝", YuMincho,
        "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL",
        "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 150%;
    margin-bottom: 100px;
}
.p-top__make.is-sp .p-top__make-content2 .txt1 p h1,
.p-top__make.is-sp .p-top__make-content2 .txt1 p h2,
.p-top__make.is-sp .p-top__make-content2 .txt1 p h3,
.p-top__make.is-sp .p-top__make-content2 .txt1 p h4,
.p-top__make.is-sp .p-top__make-content2 .txt1 p h5,
.p-top__make.is-sp .p-top__make-content2 .txt1 p h6 {
    font-feature-settings: "vrt2" on;
}
.p-top__make.is-pc {
    margin-bottom: 17vw;
}
.p-top__make.is-pc .p-top__make-img1 {
    background: url(../img/top/make_img1.jpg) no-repeat center;
    background-size: cover;
    position: relative;
    height: 900px;
    margin-bottom: 13vw;
}
.p-top__make.is-pc .p-top__make-img1 .img1 {
    position: absolute;
    left: 0;
    top: calc(100% - 183px);
    z-index: 1;
    width: 33.5vw;
}
@media screen and (max-width: 1100px) {
    .p-top__make.is-pc .p-top__make-img1 .img1 {
        width: 368px;
    }
}
.p-top__make.is-pc .p-top__make-img1 .img1 img {
    width: 100%;
}
.p-top__make.is-pc .p-top__make-content1 {
    display: flex;
    flex-direction: row-reverse;
    max-width: 1220px;
    padding-right: 96px !important;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-left: auto;
    margin-right: auto;
    padding-left: 14px;
    padding-right: 14px;
}
@media screen and (max-width: 1470px) and (min-width: 768px) {
    .p-top__make.is-pc .p-top__make-content1 {
        padding-left: 140px;
    }
}
.p-top__make.is-pc .p-top__make-content1:before,
.p-top__make.is-pc .p-top__make-content1:after {
    display: none;
}
.p-top__make.is-pc .p-top__make-content1 .c-title1 {
    align-items: flex-start;
}
.p-top__make.is-pc .p-top__make-content1 .c-title1 .en {
    color: #141414;
    background: none;
    padding-top: 0;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-feature-settings: "vrt2" on;
}
.p-top__make.is-pc .p-top__make-content1 .c-title1 .en h1,
.p-top__make.is-pc .p-top__make-content1 .c-title1 .en h2,
.p-top__make.is-pc .p-top__make-content1 .c-title1 .en h3,
.p-top__make.is-pc .p-top__make-content1 .c-title1 .en h4,
.p-top__make.is-pc .p-top__make-content1 .c-title1 .en h5,
.p-top__make.is-pc .p-top__make-content1 .c-title1 .en h6 {
    font-feature-settings: "vrt2" on;
}
.p-top__make.is-pc .p-top__make-content1 .c-title1 .en br {
    display: none;
}
.p-top__make.is-pc .p-top__make-content1 .c-title1 .h span {
    display: block;
}
.p-top__make.is-pc .p-top__make-content1 .c-title1 .h,
.p-top__make.is-pc .p-top__make-content1 .c-title1 .h span {
    color: #141414;
    font-size: 2.4vw;
    line-height: 140%;
    letter-spacing: 0.1em;
    font-weight: normal;
}
@media screen and (max-width: 1250px) {
    .p-top__make.is-pc .p-top__make-content1 .c-title1 .h,
    .p-top__make.is-pc .p-top__make-content1 .c-title1 .h span {
        font-size: 30px;
    }
}
.p-top__make.is-pc .p-top__make-content1 .txt1 {
    margin-right: 6vw;
    margin-left: 6vw;
    margin-top: 60px;
    width: 210px;
}
.p-top__make.is-pc .p-top__make-content1 .txt1 p {
    height: 300px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-feature-settings: "vrt2" on;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0.1em;
    line-height: 290%;
    padding-top: 15px;
    padding-bottom: 15px;
    background: linear-gradient(
            to left,
            rgba(0, 0, 0, 0.2) 1px,
            transparent 1px
        )
        transparent;
    background-size: 2.9em auto;
}
.p-top__make.is-pc .p-top__make-content1 .txt1 p h1,
.p-top__make.is-pc .p-top__make-content1 .txt1 p h2,
.p-top__make.is-pc .p-top__make-content1 .txt1 p h3,
.p-top__make.is-pc .p-top__make-content1 .txt1 p h4,
.p-top__make.is-pc .p-top__make-content1 .txt1 p h5,
.p-top__make.is-pc .p-top__make-content1 .txt1 p h6 {
    font-feature-settings: "vrt2" on;
}
.p-top__make.is-pc .p-top__make-content1 .c-btn2 {
    align-self: flex-end;
}
.p-top__make.is-pc .p-top__make-content1 .c-btn2 a {
    color: #141414;
}
.p-top__make.is-pc .p-top__make-content1 .c-btn2 a:before,
.p-top__make.is-pc .p-top__make-content1 .c-btn2 a:after {
    border-left-color: #141414;
}
.p-top__make.is-pc .p-top__make-content1 .c-btn2 span {
    background-image: url(../img/common/arrow_1.svg);
}
.p-top__product {
    margin-bottom: calc(13vw - 21px);
}
.p-top__product-heading {
    text-align: center;
    margin-bottom: 2.5vw;
}
.p-top__product-heading p {
    font-family:
        "EB Garamond", "Noto Serif JP", "游明朝", YuMincho,
        "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL",
        "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 140%;
    margin-bottom: 10px;
}
.p-top__product-heading h2 {
    font-size: 2.4vw;
    line-height: 140%;
    letter-spacing: 0.1em;
    font-weight: normal;
    text-align: center;
}
@media screen and (max-width: 1250px) {
    .p-top__product-heading h2 {
        font-size: 30px;
    }
}
.p-top__product-content {
    padding-left: 90px;
    padding-right: 90px;
}
.p-top__product-content ul {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin-bottom: calc(9vw - 21px);
}
.p-top__product-content ul:before,
.p-top__product-content ul:after {
    display: none;
}
.p-top__product-content li {
    width: 32.1312%;
    overflow: hidden;
}
.p-top__product-content li.oboro {
    margin-top: 120px;
}
.p-top__product-content li.mochi {
    margin-top: 60px;
}
.p-top__product-content li a {
    display: block;
    position: relative;
    text-decoration: none;
    padding-top: 129.0816%;
}
.p-top__product-content li a:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: #dcd8cf;
    z-index: 1;
    -webkit-transition: 0.8s cubic-bezier(0.77, 0, 0.18, 1) all;
    transition: 0.8s cubic-bezier(0.77, 0, 0.18, 1) all;
}
.p-top__product-content li a:hover {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
}
.p-top__product-content li .box1 {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-feature-settings: "vrt2" on;
    position: absolute;
    z-index: 4;
    right: 20px;
    top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: calc(100% - 40px);
}
.p-top__product-content li .box1 h1,
.p-top__product-content li .box1 h2,
.p-top__product-content li .box1 h3,
.p-top__product-content li .box1 h4,
.p-top__product-content li .box1 h5,
.p-top__product-content li .box1 h6 {
    font-feature-settings: "vrt2" on;
}
.p-top__product-content li .box1:before,
.p-top__product-content li .box1:after {
    display: none;
}
.p-top__product-content li .box1 h3 {
    font-size: 20px;
    font-size: 2rem;
    line-height: 140%;
    font-weight: normal;
}
.p-top__product-content li .box1 p {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 120%;
    font-family:
        "EB Garamond", "Noto Serif JP", "游明朝", YuMincho,
        "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL",
        "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.p-top__product-content li .img1 {
    z-index: 2;
}
.p-top__product-content li .img1,
.p-top__product-content li .img1 img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}
.p-top__product-content li .img2 {
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    position: absolute;
    -webkit-transition:
        0.8s cubic-bezier(0.77, 0, 0.18, 1) width,
        0.8s cubic-bezier(0.77, 0, 0.18, 1) opacity;
    transition:
        0.8s cubic-bezier(0.77, 0, 0.18, 1) width,
        0.8s cubic-bezier(0.77, 0, 0.18, 1) opacity;
    right: 0;
    top: 0;
    z-index: 3;
    width: 50%;
    height: 100%;
}
.p-top__product-content li .img2 img {
    object-fit: cover;
    width: 100%;
    max-width: initial;
    height: 100%;
}
.p-top__product-content li:hover a {
    color: #fff;
}
.p-top__product-content li:hover a:before {
    width: 100%;
}
.p-top__product-content li:hover .img2 {
    width: 100%;
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
}
.p-top__shop {
    background: #dcd8cf;
    padding-bottom: 8vw;
    margin-bottom: 180px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.p-top__shop:before,
.p-top__shop:after {
    display: none;
}
.p-top__shop-img1 {
    width: 56.7143%;
    padding-top: 84px;
}
.p-top__shop-img1,
.p-top__shop-img1 div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.p-top__shop-img1:before,
.p-top__shop-img1:after,
.p-top__shop-img1 div:before,
.p-top__shop-img1 div:after {
    display: none;
}
.p-top__shop-img1 img {
    border-right: 1px solid #dcd8cf;
    border-bottom: 1px solid #dcd8cf;
    width: calc(100% - 1px);
}
.p-top__shop-img1 > div {
    flex-direction: column;
}
.p-top__shop-img1 > div:nth-child(1) {
    width: 57.053%;
}
.p-top__shop-img1 > div:nth-child(2) {
    width: 42.947%;
}
.p-top__shop-img1 > div > div {
    flex-direction: row;
    width: 100%;
}
.p-top__shop-img1 > div > div img {
    width: 50%;
}
.p-top__shop-content {
    width: 43.2857%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 48px;
    margin-top: 10vw;
}
.p-top__shop-content .title1 {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: row-reverse;
    padding-left: 40px;
}
.p-top__shop-content .title1 p {
    font-family:
        "EB Garamond", "Noto Serif JP", "游明朝", YuMincho,
        "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL",
        "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 140%;
    margin-left: 20px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-feature-settings: "vrt2" on;
}
.p-top__shop-content .title1 p h1,
.p-top__shop-content .title1 p h2,
.p-top__shop-content .title1 p h3,
.p-top__shop-content .title1 p h4,
.p-top__shop-content .title1 p h5,
.p-top__shop-content .title1 p h6 {
    font-feature-settings: "vrt2" on;
}
.p-top__shop-content .title1 h2 {
    font-size: 2.4vw;
    line-height: 140%;
    letter-spacing: 0.1em;
    font-weight: normal;
    text-align: center;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-feature-settings: "vrt2" on;
}
.p-top__shop-content .title1 h2 h1,
.p-top__shop-content .title1 h2 h2,
.p-top__shop-content .title1 h2 h3,
.p-top__shop-content .title1 h2 h4,
.p-top__shop-content .title1 h2 h5,
.p-top__shop-content .title1 h2 h6 {
    font-feature-settings: "vrt2" on;
}
@media screen and (max-width: 1250px) {
    .p-top__shop-content .title1 h2 {
        font-size: 30px;
    }
}
.p-top__shop-content .txt1 {
    margin-top: 7vw;
    display: flex;
    justify-content: center;
}
.p-top__shop-content .txt1 p {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-feature-settings: "vrt2" on;
    line-height: 220%;
    height: 320px;
}
.p-top__shop-content .txt1 p h1,
.p-top__shop-content .txt1 p h2,
.p-top__shop-content .txt1 p h3,
.p-top__shop-content .txt1 p h4,
.p-top__shop-content .txt1 p h5,
.p-top__shop-content .txt1 p h6 {
    font-feature-settings: "vrt2" on;
}
.p-top__shop-content .c-btn2 {
    position: relative;
    margin-top: -22px;
    text-align: right;
}
.p-top__story {
    overflow: hidden;
    margin-bottom: 76px;
    padding-bottom: 104px;
    position: relative;
}
.p-top__story .c-wrap {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.p-top__story .c-wrap:before,
.p-top__story .c-wrap:after {
    display: none;
}
.p-top__story-heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: 320px;
    margin-left: 12vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.p-top__story-heading:before {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    z-index: 1;
    width: calc(100% + 158px);
    margin-left: -120px;
    height: 120%;
    background: url(../img/common/bg1.jpg) center;
}
.p-top__story-heading:after {
    display: none;
}
.p-top__story-heading .title1,
.p-top__story-heading .c-btn2 {
    position: relative;
    z-index: 2;
}
.p-top__story-heading .c-btn2 {
    margin-top: 102px;
}
.p-top__story-heading .title1 {
    text-align: center;
}
.p-top__story-heading .title1 p {
    font-family:
        "EB Garamond", "Noto Serif JP", "游明朝", YuMincho,
        "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL",
        "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 140%;
    margin-bottom: 28px;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-feature-settings: "vrt2" on;
    display: inline-block;
}
.p-top__story-heading .title1 p h1,
.p-top__story-heading .title1 p h2,
.p-top__story-heading .title1 p h3,
.p-top__story-heading .title1 p h4,
.p-top__story-heading .title1 p h5,
.p-top__story-heading .title1 p h6 {
    font-feature-settings: "vrt2" on;
}
.p-top__story-heading .title1 h2 {
    font-size: 2.4vw;
    line-height: 140%;
    letter-spacing: 0.5em;
    font-weight: normal;
    text-align: center;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-feature-settings: "vrt2" on;
}
.p-top__story-heading .title1 h2 h1,
.p-top__story-heading .title1 h2 h2,
.p-top__story-heading .title1 h2 h3,
.p-top__story-heading .title1 h2 h4,
.p-top__story-heading .title1 h2 h5,
.p-top__story-heading .title1 h2 h6 {
    font-feature-settings: "vrt2" on;
}
@media screen and (max-width: 1250px) {
    .p-top__story-heading .title1 h2 {
        font-size: 30px;
    }
}
.p-top__story-content {
    width: calc(100% - 320px);
}
.p-top__story-content .controls {
    position: absolute;
    z-index: 9;
    left: 230px;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family:
        "EB Garamond", "Noto Serif JP", "游明朝", YuMincho,
        "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL",
        "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 20px;
    font-size: 2rem;
}
.p-top__story-content .controls:before,
.p-top__story-content .controls:after {
    display: none;
}
.p-top__story-content .controls .arrow-left,
.p-top__story-content .controls .arrow-right {
    border: 1px solid #141414;
    width: 40px;
    height: 40px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
}
.p-top__story-content .controls .arrow-left:before,
.p-top__story-content .controls .arrow-left:after,
.p-top__story-content .controls .arrow-right:before,
.p-top__story-content .controls .arrow-right:after {
    display: block;
    position: absolute;
    content: "";
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 8px;
    height: 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 8px 14px;
    -webkit-transition: 0.2s ease all;
    transition: 0.2s ease all;
}
.p-top__story-content .controls .arrow-left:after,
.p-top__story-content .controls .arrow-right:after {
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
}
.p-top__story-content .controls .arrow-left:hover,
.p-top__story-content .controls .arrow-right:hover {
    background: #fff;
}
.p-top__story-content .controls .arrow-left:hover:before,
.p-top__story-content .controls .arrow-right:hover:before {
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
}
.p-top__story-content .controls .arrow-left:hover:after,
.p-top__story-content .controls .arrow-right:hover:after {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
}
.p-top__story-content .controls .arrow-left:before,
.p-top__story-content .controls .arrow-left:after {
    background-image: url(../img/common/arrow_1-left.svg);
}
.p-top__story-content .controls .arrow-left:after {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}
.p-top__story-content .controls .arrow-left:hover:before {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
}
.p-top__story-content .controls .arrow-left:hover:after {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.p-top__story-content .controls .arrow-right:before,
.p-top__story-content .controls .arrow-right:after {
    background-image: url(../img/common/arrow_1.svg);
}
.p-top__story-content .controls .arrow-right:after {
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
}
.p-top__story-content .controls .arrow-right:hover:before {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}
.p-top__story-content .controls .arrow-right:hover:after {
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.p-top__story-content .controls .page {
    display: flex;
    align-items: center;
    margin-left: 20px;
    margin-right: 20px;
}
.p-top__story-content .controls .page img {
    margin-left: 10px;
    margin-right: 10px;
}
.p-top__story-content .slick-list {
    overflow: visible !important;
}
.p-top__story-content li {
    width: 28vw;
    opacity: 0.3;
    -ms-filter: "alpha(opacity=30)";
    filter: alpha(opacity=30);
    -webkit-transition: 0.2s ease all;
    transition: 0.2s ease all;
    -webkit-transform: scale(0.47);
    transform: scale(0.47);
    transform-origin: center center;
}
.p-top__story-content li.slick-current {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    transform: scale(1);
    transform-origin: center center;
}
.p-top__story-content li.slick-current .img1 {
    width: 100%;
}
.p-top__story-content li.slick-current .txt1 {
    display: block;
}
.p-top__story-content li a {
    display: block;
    text-decoration: none;
    position: relative;
}
.p-top__story-content li a:hover .icon {
    background: #141414;
}
.p-top__story-content li a:hover .icon:before {
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}
.p-top__story-content li a:hover .icon:after {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.p-top__story-content li .icon {
    position: absolute;
    right: 0;
    top: 5px;
    -webkit-transition: 0.2s ease all;
    transition: 0.2s ease all;
    width: 26px;
    height: 26px;
    border-radius: 100%;
    border: 1px solid #6d6c6a;
}
.p-top__story-content li .icon:before,
.p-top__story-content li .icon:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: 0.2s ease all;
    transition: 0.2s ease all;
    width: 6px;
    height: 9px;
    margin: auto;
    background: url(../img/common/arrow_2.svg) no-repeat center;
    background-size: 6px 9px;
}
.p-top__story-content li .icon:before {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.p-top__story-content li .icon:after {
    background-image: url(../img/common/arrow_2-white.svg);
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
}
.p-top__story-content .wrap {
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.p-top__story-content .img1 {
    margin-bottom: 28px;
}
.p-top__story-content .img1 img {
    width: 100%;
}
.p-top__story-content .txt1 {
    left: 0;
    width: 100%;
    top: 100%;
    position: absolute;
    display: none;
    padding-right: 104px;
    text-align: left;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.p-top__story-content .txt1-wrap {
    width: 20vw;
    float: left;
}
.p-top__story-content .txt1 h3 {
    font-size: 1.4vw;
    line-height: 160%;
    margin-bottom: 12px;
}
@media screen and (max-width: 1111px) {
    .p-top__story-content .txt1 h3 {
        font-size: 16px;
    }
}
.p-top__story-content .txt1 .category {
    font-size: 15px;
    font-size: 1.5rem;
    color: #6d6c6a;
}
.p-top__news {
    display: flex;
    justify-content: space-between;
}
.p-top__news:before,
.p-top__news:after {
    display: none;
}
.p-top__news-heading {
    text-align: center;
}
.p-top__news-heading h2 {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-feature-settings: "vrt2" on;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 140%;
    font-weight: normal;
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
.p-top__news-heading h2 h1,
.p-top__news-heading h2 h2,
.p-top__news-heading h2 h3,
.p-top__news-heading h2 h4,
.p-top__news-heading h2 h5,
.p-top__news-heading h2 h6 {
    font-feature-settings: "vrt2" on;
}
.p-top__news-heading h2 span {
    font-size: 14px;
    font-size: 1.4rem;
    font-family:
        "EB Garamond", "Noto Serif JP", "游明朝", YuMincho,
        "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL",
        "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    margin-top: 30px;
}
.p-top__news-content {
    width: 806px;
    max-width: 100%;
}
.p-top__news-content ul {
    margin-bottom: 36px;
}
.p-top__news-content li {
    border-bottom: 1px solid rgba(20, 20, 20, 0.2);
}
.p-top__news-content li:first-child {
    border-top: 1px solid rgba(20, 20, 20, 0.2);
}
.p-top__news-content li a {
    display: flex;
    text-decoration: none;
    padding-top: 30px;
    padding-bottom: 30px;
    position: relative;
}
.p-top__news-content li a:hover .icon {
    background: #141414;
}
.p-top__news-content li a:hover .icon:before {
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
}
.p-top__news-content li a:hover .icon:after {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.p-top__news-content li .icon {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -13px;
    -webkit-transition: 0.2s ease all;
    transition: 0.2s ease all;
    width: 26px;
    height: 26px;
    border-radius: 100%;
    border: 1px solid #6d6c6a;
}
.p-top__news-content li .icon:before,
.p-top__news-content li .icon:after {
    display: block;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    -webkit-transition: 0.2s ease all;
    transition: 0.2s ease all;
    width: 6px;
    height: 9px;
    margin: auto;
    background: url(../img/common/arrow_2.svg) no-repeat center;
    background-size: 6px 9px;
}
.p-top__news-content li .icon:before {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100);
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
.p-top__news-content li .icon:after {
    background-image: url(../img/common/arrow_2-white.svg);
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
}
.p-top__news-content li .date,
.p-top__news-content li .category {
    padding-top: 0.65vw;
}
.p-top__news-content li .date {
    font-size: 12px;
    font-size: 1.2rem;
    font-family:
        "EB Garamond", "Noto Serif JP", "游明朝", YuMincho,
        "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL",
        "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    line-height: 120%;
    margin-right: 20px;
}
.p-top__news-content li .category {
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 120%;
    font-family:
        YuGothic, "游ゴシック体", "Yu Gothic Medium", "游ゴシック Medium",
        "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ ProN",
        "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック",
        "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
    width: 8vw;
    margin-right: 20px;
}
.p-top__news-content li h3 {
    font-size: 1.3vw;
    line-height: 140%;
    font-family:
        "教科書ICA R", "Kyoukasho ICA Regular", "Noto Serif JP", "游明朝",
        YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN",
        "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    width: calc(100% - 200px);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding-right: 70px;
}
@media screen and (max-width: 1153px) {
    .p-top__news-content li h3 {
        font-size: 15px;
    }
}
.p-top__news-content .c-btn2 {
    text-align: right;
}

/* ----------------------------- スマホ（～767px） */
@media screen and (max-width: 767px) {
    .l-kv {
        height: 75vh;
        margin-bottom: 60px;
        min-height: 350px;
    }
    .l-kv__title {
        padding-right: 38px;
        margin-bottom: 200px;
    }
    .l-kv__title h2 {
        font-size: 20px;
        font-size: 2rem;
        margin-left: 18px;
    }
    .l-kv__title p {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 140%;
    }
    .l-kv__sns,
    .l-kv__nav {
        display: none;
    }
    .l-kv__scroll p {
        font-size: 10px;
        font-size: 1rem;
    }

    .p-top {
        padding-bottom: 96px;
    }
    .p-top__statement {
        margin-bottom: 96px;
    }
    .p-top__statement-content {
        display: block;
        margin-bottom: 58px;
        text-align: center;
        padding-right: 14px !important;
    }
    .p-top__statement-content .title1 {
        padding-right: 20px;
        display: inline-block;
        text-align: left;
        margin-bottom: 60px;
    }
    .p-top__statement-content .title1 p {
        margin-left: 12px;
    }
    .p-top__statement-content .title1 h2 {
        font-size: 26px;
        font-size: 2.6rem;
    }
    .p-top__statement-content .txt1 {
        padding-top: 0;
        margin-right: 0;
        padding-left: 0;
        text-align: left;
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
        font-feature-settings: normal;
    }
    .p-top__statement-content .txt1 h1,
    .p-top__statement-content .txt1 h2,
    .p-top__statement-content .txt1 h3,
    .p-top__statement-content .txt1 h4,
    .p-top__statement-content .txt1 h5,
    .p-top__statement-content .txt1 h6 {
        font-feature-settings: normal;
    }
    .p-top__statement-content .txt1 p {
        font-size: 13px;
        font-size: 1.3rem;
        line-height: 270%;
        padding-top: 0;
        padding-bottom: 0;
        border-left: 0;
        border-right: 0;
        height: auto;
        border-bottom: 1px solid rgba(20, 20, 20, 0.2);
        background: linear-gradient(
                to bottom,
                rgba(20, 20, 20, 0.2) 1px,
                transparent 1px
            )
            transparent;
        background-size: auto 2.7em;
        background-position: left 1px;
    }
    .p-top__statement-content .img1 {
        position: relative;
        margin-right: -24px;
        margin-left: -39px;
        margin-bottom: 48px;
        text-align: left;
    }
    .p-top__statement-content2 {
        display: block;
    }
    .p-top__statement-img1 {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
        height: auto;
    }
    .p-top__statement-link {
        margin-left: 0;
    }
    .p-top__make.is-sp {
        display: block;
        margin-bottom: 96px;
        background: none;
    }
    .p-top__make.is-sp .p-top__make-content1,
    .p-top__make.is-sp .p-top__make-content2 {
        width: auto;
    }
    .p-top__make.is-sp .p-top__make-content1 {
        padding-top: 60px;
        padding-bottom: 127px;
        background: url(../img/top/make_img1_sp.jpg) no-repeat center;
        background-size: cover;
    }
    .p-top__make.is-sp .p-top__make-content1 .c-title1 {
        height: auto;
        align-items: flex-start;
        margin-left: 28px;
    }
    .p-top__make.is-sp .p-top__make-content1 .c-title1 .en {
        margin-left: 12px;
        background: none;
        padding-top: 0;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        font-feature-settings: "vrt2" on;
        font-size: 14px;
        font-size: 1.4rem;
    }
    .p-top__make.is-sp .p-top__make-content1 .c-title1 .en h1,
    .p-top__make.is-sp .p-top__make-content1 .c-title1 .en h2,
    .p-top__make.is-sp .p-top__make-content1 .c-title1 .en h3,
    .p-top__make.is-sp .p-top__make-content1 .c-title1 .en h4,
    .p-top__make.is-sp .p-top__make-content1 .c-title1 .en h5,
    .p-top__make.is-sp .p-top__make-content1 .c-title1 .en h6 {
        font-feature-settings: "vrt2" on;
    }
    .p-top__make.is-sp .p-top__make-content1 .c-title1 .en br {
        display: none;
    }
    .p-top__make.is-sp .p-top__make-content1 .c-title1 .h,
    .p-top__make.is-sp .p-top__make-content1 .c-title1 .h span {
        line-height: 160%;
        font-size: 26px;
        font-size: 2.6rem;
    }
    .p-top__make.is-sp .p-top__make-content1 .c-title1 .h span {
        font-size: 26px;
        font-size: 2.6rem;
        display: block;
        margin-right: 0;
        letter-spacing: 0.15em;
    }
    .p-top__make.is-sp .p-top__make-content1 .txt1 {
        margin-bottom: 38px;
        margin-left: 38px;
    }
    .p-top__make.is-sp .p-top__make-content1 .txt1 p {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
        font-feature-settings: normal;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 270%;
        padding-top: 0;
        padding-bottom: 5px;
        border-left: 0;
        border-right: 0;
        background: linear-gradient(
                to bottom,
                rgba(255, 255, 255, 0.2) 1px,
                transparent 1px
            )
            transparent;
        background-size: auto 2.7em;
    }
    .p-top__make.is-sp .p-top__make-content1 .txt1 p h1,
    .p-top__make.is-sp .p-top__make-content1 .txt1 p h2,
    .p-top__make.is-sp .p-top__make-content1 .txt1 p h3,
    .p-top__make.is-sp .p-top__make-content1 .txt1 p h4,
    .p-top__make.is-sp .p-top__make-content1 .txt1 p h5,
    .p-top__make.is-sp .p-top__make-content1 .txt1 p h6 {
        font-feature-settings: normal;
    }
    .p-top__make.is-sp .p-top__make-content1 .c-btn2 {
        margin-top: 28px;
        position: relative;
        padding-left: 38px;
        width: 231px;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
    }
    .p-top__make.is-sp .p-top__make-content2 {
        padding-top: 0;
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        margin-right: 60px;
        position: relative;
        margin-top: -67px;
        z-index: 1;
    }
    .p-top__product {
        margin-bottom: 96px;
        padding-right: 25px;
    }
    .p-top__product-heading {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: auto;
        flex-direction: row-reverse;
        width: 29%;
        left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
    .p-top__product-heading:before,
    .p-top__product-heading:after {
        display: none;
    }
    .p-top__product-heading p {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 140%;
        margin-left: 12px;
        padding-left: 0;
        position: static;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        font-feature-settings: "vrt2" on;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .p-top__product-heading p h1,
    .p-top__product-heading p h2,
    .p-top__product-heading p h3,
    .p-top__product-heading p h4,
    .p-top__product-heading p h5,
    .p-top__product-heading p h6 {
        font-feature-settings: "vrt2" on;
    }
    .p-top__product-heading h2 {
        font-size: 26px;
        font-size: 2.6rem;
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        font-feature-settings: "vrt2" on;
        line-height: 160%;
    }
    .p-top__product-heading h2 h1,
    .p-top__product-heading h2 h2,
    .p-top__product-heading h2 h3,
    .p-top__product-heading h2 h4,
    .p-top__product-heading h2 h5,
    .p-top__product-heading h2 h6 {
        font-feature-settings: "vrt2" on;
    }
    .p-top__product-heading .wrap {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: row-reverse;
    }
    .p-top__product-content {
        margin-left: -43px;
        margin-top: -22vw;
        margin-right: 0;
        padding-left: 63px;
        padding-right: 0;
    }
    .p-top__product-content ul {
        margin-bottom: 0;
        flex-wrap: wrap;
        flex-direction: row;
    }
    .p-top__product-content li {
        width: 50%;
    }
    .p-top__product-content li .box1 {
        top: 12px;
        right: 12px;
        height: calc(100% - 24px);
    }
    .p-top__product-content li .box1 h3 {
        font-size: 15px;
        font-size: 1.5rem;
    }
    .p-top__product-content li .box1 p {
        font-size: 10px;
        font-size: 1rem;
    }
    .p-top__product-content li.oboro {
        margin-top: 35vw;
    }
    .p-top__product-content li.mochi {
        margin-top: -16vw;
    }
    .p-top__product-content .c-btn1 {
        width: 50%;
        margin-left: auto;
        position: relative;
        margin-top: -80px;
    }
    .p-top__product-content .c-btn1 a {
        -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        font-feature-settings: "vrt2" on;
        padding-left: 0;
        padding-top: 78px;
    }
    .p-top__product-content .c-btn1 a h1,
    .p-top__product-content .c-btn1 a h2,
    .p-top__product-content .c-btn1 a h3,
    .p-top__product-content .c-btn1 a h4,
    .p-top__product-content .c-btn1 a h5,
    .p-top__product-content .c-btn1 a h6 {
        font-feature-settings: "vrt2" on;
    }
    .p-top__product-content .c-btn1 a:before {
        top: 0;
        left: 50%;
        margin-top: 0;
        margin-left: -27px;
    }
    .p-top__product-content .c-btn1 a span:before,
    .p-top__product-content .c-btn1 a span:after {
        top: 20px;
        left: 50%;
        margin-left: -2px;
        margin-top: 0;
    }
    .p-top__shop {
        background: transparent;
        padding-bottom: 0;
        display: block;
        margin-bottom: 96px;
    }
    .p-top__shop-img1 {
        position: relative;
        z-index: 1;
        padding-top: 0;
        margin-right: 25px;
    }
    .p-top__shop-img1,
    .p-top__shop-content {
        width: auto;
    }
    .p-top__shop-content {
        position: relative;
        padding-top: 177px;
        padding-bottom: 78px;
        margin-top: -105px;
        background: #dcd8cf;
    }
    .p-top__shop-content .title1 {
        margin-bottom: 60px;
        margin-right: -40px;
    }
    .p-top__shop-content .title1 p {
        margin-left: 12px;
    }
    .p-top__shop-content .title1 h2 {
        font-size: 26px;
        font-size: 2.6rem;
    }
    .p-top__shop-content .txt1 {
        margin-bottom: 36px;
        padding-left: 64px;
    }
    .p-top__shop-content .txt1 p {
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
        font-feature-settings: normal;
        font-size: 14px;
        font-size: 1.4rem;
        height: auto;
    }
    .p-top__shop-content .txt1 p h1,
    .p-top__shop-content .txt1 p h2,
    .p-top__shop-content .txt1 p h3,
    .p-top__shop-content .txt1 p h4,
    .p-top__shop-content .txt1 p h5,
    .p-top__shop-content .txt1 p h6 {
        font-feature-settings: normal;
    }
    .p-top__shop-content .c-btn2 {
        margin-top: 0;
        text-align: left;
        margin-left: 64px;
    }
    .p-top__story {
        padding-bottom: 0;
        margin-bottom: 96px;
        height: auto !important;
    }
    .p-top__story .c-wrap {
        display: block;
    }
    .p-top__story-heading {
        width: auto;
        margin-left: 0;
        align-items: center;
    }
    .p-top__story-heading:before {
        display: none;
    }
    .p-top__story-heading .title1 {
        position: relative;
        margin-bottom: 50px;
        display: flex;
        align-items: flex-start;
    }
    .p-top__story-heading .title1 h2 {
        font-size: 26px;
        font-size: 2.6rem;
        margin-left: -10px;
    }
    .p-top__story-heading .title1 p {
        margin-left: 12px;
    }
    .p-top__story-content {
        width: auto;
        padding-right: 43px;
    }
    .p-top__story-content .controls {
        display: none;
    }
    .p-top__story-content li {
        transform-origin: center top;
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }
    .p-top__story-content .wrap {
        position: static;
        top: auto;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .p-top__story-content .img1 {
        margin-bottom: 20px;
    }
    .p-top__story-content .txt1 {
        position: relative;
        top: 0;
        padding-right: 44px;
    }
    .p-top__story-content .txt1-wrap {
        width: 100%;
    }
    .p-top__story-content .txt1 h3 {
        font-size: 16px;
        font-size: 1.6rem;
        margin-bottom: 8px;
    }
    .p-top__story-content .txt1 .category {
        font-size: 13px;
        font-size: 1.3rem;
    }
    .p-top__story-content .c-btn2 {
        margin-top: 0;
    }
    .p-top__news {
        display: block;
    }
    .p-top__news-heading {
        width: auto;
        text-align: left;
        margin-bottom: 24px;
    }
    .p-top__news-heading h2 {
        font-size: 21px;
        font-size: 2.1rem;
        -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
        writing-mode: horizontal-tb;
        font-feature-settings: normal;
    }
    .p-top__news-heading h2 h1,
    .p-top__news-heading h2 h2,
    .p-top__news-heading h2 h3,
    .p-top__news-heading h2 h4,
    .p-top__news-heading h2 h5,
    .p-top__news-heading h2 h6 {
        font-feature-settings: normal;
    }
    .p-top__news-heading h2 span {
        font-size: 11px;
        font-size: 1.1rem;
    }
    .p-top__news-content ul {
        margin-bottom: 32px;
    }
    .p-top__news-content li a {
        flex-wrap: wrap;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .p-top__news-content li .date,
    .p-top__news-content li .category {
        font-size: 11px;
        font-size: 1.1rem;
        padding-top: 0;
    }
    .p-top__news-content li .category {
        width: auto;
    }
    .p-top__news-content li h3 {
        width: calc(100% - 44px);
        font-size: 16px;
        font-size: 1.6rem;
        margin-top: 10px;
        margin-right: 44px;
        padding-right: 0;
    }
}