@charset "UTF-8";

/*================================================================
# section-point01
================================================================ */
.section-point01 {
    margin-top: 40px;
}

.section-point01 .wrap {
    position: relative;
}

.section-point01 .wrap::before {
    width: 544px;
    height: 900px;
    opacity: 0.7;
    filter: var(--img-invert);
    mix-blend-mode: var(--blend-mode);
    background: url(../../top/img/cuisine_back.png) no-repeat right top -100px / contain;
    position: absolute;
    content: "";
    top: -40px;
    right: -140px;
    display: block;
    z-index: -1;
    transform: scale(-1, 1);
}

.section-point01 .container {
    height: 452px;
    display: flex;
    align-items: center;
}

.section-point01 .text-area {
    margin-left: auto;
    display: flex;
    flex-direction: column;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-font-feature-settings: "pkna";
    font-feature-settings: "pkna";
}

.section-point01 .sub-title {
    margin-left: 8px;
    font-family: var(--mincho);
    font-size: 20px;
    line-height: 1.618;
    letter-spacing: 0.3em;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-font-feature-settings: "pkna";
    font-feature-settings: "pkna";
}

.section-point01 .title {
    margin: 0 auto;
    font-family: var(--mincho);
    font-size: 32px;
    line-height: 1.618;
    letter-spacing: 0.2em;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-font-feature-settings: "pkna";
    font-feature-settings: "pkna";
}

.section-point01 .text {
    margin-right: 64px;
}

.section-point01 .name {
    margin: auto 40px 0 0;
}

.section-point01_img01 {
    width: 677px;
    position: absolute;
    top: 0px;
    left: -200px;
    z-index: -1;
}

/*================================================================
# section-point02
================================================================ */
.section-point02 {
    margin-top: 40px;
}

.section-point02 .wrap {
    position: relative;
}

.section-point02 .wrap::before {
    width: calc(50vw + 50% - 160px);
    height: 100%;
    filter: var(--img-invert);
    mix-blend-mode: var(--blend-mode);
    background: #fff url(../../common/img/section03_bg.png) no-repeat right top;
    position: absolute;
    content: "";
    top: 0;
    left: calc(-50vw + 50%);
    display: block;
    z-index: -1;
}

.section-point02 .img-wrap {
    position: relative;
}

.section-point02 .section-point02_img01 {
    width: 434px;
    position: absolute;
    top: -81px;
    left: -364px;
    z-index: -1;
}

.section-point02 .container {
    display: flex;
}

.section-point02 .left {
    padding: 40px 0 0 0;
}

.section-point02 .right {
    padding: 140px 0 0 72px;
    position: relative;
    display: flex;
    flex-direction: row-reverse;
}

.section-point02 .sub-title {
    margin-left: 8px;
    font-family: var(--mincho);
    font-size: 20px;
    line-height: 1.618;
    letter-spacing: 0.3em;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-font-feature-settings: "pkna";
    font-feature-settings: "pkna";
}

.section-point02 .title {
    margin: 0 auto;
    font-family: var(--mincho);
    font-size: 32px;
    line-height: 1.618;
    letter-spacing: 0.2em;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-font-feature-settings: "pkna";
    font-feature-settings: "pkna";
}

.section-point02 .title span {
    line-height: 1;
    text-align: center;
    writing-mode: vertical-rl;
    text-orientation: upright;
}

.section-point02 .section-point02_img03 {
    width: 288px;
    position: absolute;
    top: 40px;
    right: -405px;
    z-index: -1;
}

.section-point02 .section-point02_img04 {
    width: 270px;
    position: absolute;
    top: 303px;
    right: -319px;
    z-index: -1;
}

.section-point02 .section-point02_img05 {
    width: 262px;
    position: absolute;
    top: 526px;
    left: 269px;
    z-index: -1;
}

.section-point02 .section-point02_img06 {
    width: 322px;
    position: absolute;
    top: 755px;
    left: 41px;
    z-index: -1;
}

.section-point02 .text-wrap {
    width: 500px;
    margin: 40px 0 0 auto;
}

.section-point02 .en-title {
    font-family: var(--text-en);
    font-size: 16px;
    line-height: 1.618;
    color: var(--gold);
}

.section-point02 .en-title span {
    position: relative;
}

.section-point02 .en-title span::after {
    width: 100px;
    height: 1px;
    margin: auto 0;
    background-color: var(--border-color);
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    transform: translate(124px, 0);
}

.section-point02 .text {
    margin-top: 40px;
}

.section-point02 .btn {
    width: 400px;
    margin-top: 24px;
}

.section-point02 .btn a {
    padding: 16px;
    background-color: var(--gold);
    display: block;
    font-family: var(--mincho);
    font-size: 16px;
    color: #fff;
    text-align: center;
    transition: 0.3s;
}

.section-point02 .btn a span {
    padding-right: 46px;
    position: relative;
}

.section-point02 .btn a span:after {
    width: 30px;
    height: 5px;
    margin: auto;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2230%22%20height%3D%225%22%20viewBox%3D%220%200%2030%205%22%20id%3D%22arrow_w.svg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E%20%20%20%20%20%20.cls-1%2C%20.cls-2%20%7B%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%20%20%20%20%20%20%7D%20%20%20%20%20%20.cls-1%20%7B%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%20%20%20%20%20%20%7D%20%20%20%20%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Cpath%20id%3D%22%E3%82%B7%E3%82%A7%E3%82%A4%E3%83%97_817%22%20data-name%3D%22%E3%82%B7%E3%82%A7%E3%82%A4%E3%83%97%20817%22%20class%3D%22cls-1%22%20d%3D%22M708%2C3407.5l-6%2C2.49V3405Z%22%20transform%3D%22translate(-678%20-3405)%22%2F%3E%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_663%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20663%22%20class%3D%22cls-2%22%20y%3D%222%22%20width%3D%2224%22%20height%3D%221%22%2F%3E%0A%3C%2Fsvg%3E");
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    transition: 0.3s;
}

.section-point02 .btn a:hover {
    background-color: #770242;
}

.section-point02 .btn a:hover span:after {
    transform: translate(16px, 0);
}

.section-point02 .gold-btn {
    width: 400px;
    margin-top: 24px;
}

.section-point02 .container02 {
    margin: 40px auto 0;
    display: flex;
    justify-content: space-between;
}

/*================================================================
# section-point03
================================================================ */
.section-point03 {
    margin-top: 40px;
    padding: 100px 0 120px;
    background: url(../img/section-point03_img01.png) no-repeat center top / cover;
}

.section-point03 .container {
    display: flex;
    flex-direction: row-reverse;
}

.section-point03 .sub-title {
    margin: 0 100px 0 8px;
    font-family: var(--mincho);
    font-size: 20px;
    line-height: 1.618;
    letter-spacing: 0.3em;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-font-feature-settings: "pkna";
    font-feature-settings: "pkna";
}

.section-point03 .title {
    font-family: var(--mincho);
    font-size: 32px;
    line-height: 1.618;
    letter-spacing: 0.2em;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-font-feature-settings: "pkna";
    font-feature-settings: "pkna";
}

.section-point03 .sub-title span,
.section-point03 .title span {
    background-color: var(--black);
}

/*================================================================
# section-point04
================================================================ */
.section-point04 {
    margin-top: 40px;
}

.section-point04 .wrap {
    position: relative;
}

.section-point04 .wrap::before {
    width: calc(50vw + 50% - 160px);
    height: 100%;
    filter: var(--img-invert);
    mix-blend-mode: var(--blend-mode);
    background: #fff url(../../common/img/section04_bg.png) no-repeat right top;
    position: absolute;
    content: "";
    top: 0;
    right: calc(-50vw + 50%);
    display: block;
    z-index: -1;
}

.section-point04 .inner {
    padding: 40px 0 64px;
}

.section-point04 .container {
    display: flex;
    justify-content: flex-end;
}

.section-point04 .left {
    padding: 100px 72px 0 0;
    position: relative;
    display: flex;
    flex-direction: row-reverse;
}

.section-point04 .section-point04_img01 {
    width: 456px;
    position: absolute;
    top: 75px;
    left: -524px;
    z-index: -1;
}

.section-point04 .sub-title {
    margin-left: 8px;
    font-family: var(--mincho);
    font-size: 20px;
    line-height: 1.618;
    letter-spacing: 0.3em;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-font-feature-settings: "pkna";
    font-feature-settings: "pkna";
}

.section-point04 .title {
    margin: 0 auto;
    font-family: var(--mincho);
    font-size: 32px;
    line-height: 1.618;
    letter-spacing: 0.2em;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-font-feature-settings: "pkna";
    font-feature-settings: "pkna";
}

.section-point04 .text-area {
    width: 700px;
    margin: 40px 0 0 auto;
    position: relative;
}

.section-point04 .section-point04_img03 {
    width: 440px;
    position: absolute;
    top: 34px;
    left: -497px;
}

.section-point04 .section-point04_img03 .capture {
    text-align: right;
}

.section-point04 .section-point04_img04 {
    width: 440px;
    position: absolute;
    right: -176px;
    bottom: -1px;
    z-index: -1;
    opacity: 0.3;
}

.section-point04 .en-title {
    font-family: var(--text-en);
    font-size: 16px;
    line-height: 1.618;
    color: var(--gold);
}

.section-point04 .en-title span {
    position: relative;
}

.section-point04 .en-title span::after {
    width: 100px;
    height: 1px;
    margin: auto 0;
    background-color: var(--border-color);
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    transform: translate(124px, 0);
}

.section-point04 .text {
    margin-top: 40px;
}

.section-point04 .btn {
    width: 400px;
    margin-top: 24px;
}

.section-point04 .btn a {
    padding: 16px;
    background-color: var(--gold);
    display: block;
    font-family: var(--mincho);
    font-size: 16px;
    color: #fff;
    text-align: center;
    transition: 0.3s;
}

.section-point04 .btn a span {
    padding-right: 46px;
    position: relative;
}

.section-point04 .btn a span:after {
    width: 30px;
    height: 5px;
    margin: auto;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2230%22%20height%3D%225%22%20viewBox%3D%220%200%2030%205%22%20id%3D%22arrow_w.svg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E%20%20%20%20%20%20.cls-1%2C%20.cls-2%20%7B%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%20%20%20%20%20%20%7D%20%20%20%20%20%20.cls-1%20%7B%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%20%20%20%20%20%20%7D%20%20%20%20%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Cpath%20id%3D%22%E3%82%B7%E3%82%A7%E3%82%A4%E3%83%97_817%22%20data-name%3D%22%E3%82%B7%E3%82%A7%E3%82%A4%E3%83%97%20817%22%20class%3D%22cls-1%22%20d%3D%22M708%2C3407.5l-6%2C2.49V3405Z%22%20transform%3D%22translate(-678%20-3405)%22%2F%3E%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_663%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20663%22%20class%3D%22cls-2%22%20y%3D%222%22%20width%3D%2224%22%20height%3D%221%22%2F%3E%0A%3C%2Fsvg%3E");
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    transition: 0.3s;
}

.section-point04 .btn a:hover {
    background-color: #666429;
}

.section-point04 .btn a:hover span:after {
    transform: translate(16px, 0);
}

/*================================================================
# section-point05
================================================================ */
.section-point05 {
    margin-top: 40px;
}

.section-point05 .wrap {
    position: relative;
}

.section-point05 .wrap::before {
    width: 544px;
    height: 900px;
    opacity: 0.7;
    filter: var(--img-invert);
    mix-blend-mode: var(--blend-mode);
    background: url(../../top/img/cuisine_back.png) no-repeat right top -100px / contain;
    position: absolute;
    content: "";
    top: -40px;
    right: -140px;
    display: block;
    z-index: -1;
    transform: scale(-1, 1);
}

.section-point05 .container {
    padding: 40px 0 0;
    display: flex;
    justify-content: flex-end;
}

.section-point05 .left {
    margin-right: 64px;
}

.section-point05 .title-wrap {
    display: flex;
    flex-direction: row-reverse;
}

.section-point05 .sub-title {
    margin-left: 8px;
    font-family: var(--mincho);
    font-size: 20px;
    line-height: 1.618;
    letter-spacing: 0.3em;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-font-feature-settings: "pkna";
    font-feature-settings: "pkna";
}

.section-point05 .title {
    font-family: var(--mincho);
    font-size: 32px;
    line-height: 1.618;
    letter-spacing: 0.2em;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-font-feature-settings: "pkna";
    font-feature-settings: "pkna";
}

.section-point05 .text-area {
    display: flex;
    justify-content: flex-end;
}

.section-point05 .text {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-font-feature-settings: "pkna";
    font-feature-settings: "pkna";
}

.section-point05_img01 {
    width: 606px;
    position: absolute;
    top: 0;
    left: -40px;
    z-index: -1;
}

.section-point05 .img-area {
    margin-top: 64px;
    display: flex;
}

.section-point05_img02 {
    margin-top: 64px;
}

.section-point05_img03 {
    margin-left: 40px;
}

/*================================================================
# section-point06
================================================================ */
.section-point06 {
    margin-top: 40px;
    padding-bottom: 100px;
}

.section-point06 .wrap {
    position: relative;
}

.section-point06 .wrap::before {
    width: calc(50vw + 50% - 160px);
    height: 100%;
    filter: var(--img-invert);
    mix-blend-mode: var(--blend-mode);
    background: #fff url(../../common/img/section03_bg.png) no-repeat right top;
    position: absolute;
    content: "";
    top: 0;
    left: calc(-50vw + 50%);
    display: block;
    z-index: -1;
}

.section-point06 .img-wrap {
    position: relative;
}

.section-point06 .section-point06_img01 {
    width: 434px;
    position: absolute;
    top: -81px;
    left: -364px;
    z-index: -1;
}

.section-point06 .container {
    display: flex;
}

.section-point06 .left {
    padding: 40px 0 0 0;
}

.section-point06 .right {
    padding: 140px 0 0 72px;
    position: relative;
    display: flex;
    flex-direction: row-reverse;
}

.section-point06 .sub-title {
    margin-left: 8px;
    font-family: var(--mincho);
    font-size: 20px;
    line-height: 1.618;
    letter-spacing: 0.3em;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-font-feature-settings: "pkna";
    font-feature-settings: "pkna";
}

.section-point06 .title {
    margin: 0 auto;
    font-family: var(--mincho);
    font-size: 32px;
    line-height: 1.618;
    letter-spacing: 0.2em;
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    -webkit-font-feature-settings: "pkna";
    font-feature-settings: "pkna";
}

.section-point06 .title span {
    line-height: 1;
    text-align: center;
    writing-mode: vertical-rl;
    text-orientation: upright;
}

.section-point06 .section-point06_img03 {
    width: 288px;
    position: absolute;
    top: 36px;
    right: -405px;
    z-index: -1;
}

.section-point06 .section-point06_img04 {
    width: 445px;
    position: absolute;
    top: 257px;
    right: -502px;
    z-index: -1;
}

.section-point06 .section-point06_img05 {
    width: 262px;
    position: absolute;
    top: 440px;
    left: -169px;
    z-index: -1;
}

.section-point06 .section-point06_img06 {
    width: 414px;
    position: absolute;
    top: 633px;
    left: 126px;
    z-index: -1;
}

.section-point06 .text-wrap {
    width: 500px;
    margin: 40px 0 0 auto;
}

.section-point06 .en-title {
    font-family: var(--text-en);
    font-size: 16px;
    line-height: 1.618;
    color: var(--gold);
}

.section-point06 .en-title span {
    position: relative;
}

.section-point06 .en-title span::after {
    width: 100px;
    height: 1px;
    margin: auto 0;
    background-color: var(--border-color);
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    transform: translate(124px, 0);
}

.section-point06 .text {
    margin-top: 40px;
    padding-bottom: 64px;
}

.section-point06 .btn {
    width: 400px;
    margin-top: 24px;
}

.section-point06 .btn a {
    padding: 16px;
    background-color: var(--gold);
    display: block;
    font-family: var(--mincho);
    font-size: 16px;
    color: #fff;
    text-align: center;
    transition: 0.3s;
}

.section-point06 .btn a span {
    padding-right: 46px;
    position: relative;
}

.section-point06 .btn a span:after {
    width: 30px;
    height: 5px;
    margin: auto;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2230%22%20height%3D%225%22%20viewBox%3D%220%200%2030%205%22%20id%3D%22arrow_w.svg%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%20%3Cdefs%3E%20%20%20%20%3Cstyle%3E%20%20%20%20%20%20.cls-1%2C%20.cls-2%20%7B%20%20%20%20%20%20%20%20fill%3A%20%23fff%3B%20%20%20%20%20%20%7D%20%20%20%20%20%20.cls-1%20%7B%20%20%20%20%20%20%20%20fill-rule%3A%20evenodd%3B%20%20%20%20%20%20%7D%20%20%20%20%3C%2Fstyle%3E%20%20%3C%2Fdefs%3E%20%20%3Cpath%20id%3D%22%E3%82%B7%E3%82%A7%E3%82%A4%E3%83%97_817%22%20data-name%3D%22%E3%82%B7%E3%82%A7%E3%82%A4%E3%83%97%20817%22%20class%3D%22cls-1%22%20d%3D%22M708%2C3407.5l-6%2C2.49V3405Z%22%20transform%3D%22translate(-678%20-3405)%22%2F%3E%20%20%3Crect%20id%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2_663%22%20data-name%3D%22%E9%95%B7%E6%96%B9%E5%BD%A2%20663%22%20class%3D%22cls-2%22%20y%3D%222%22%20width%3D%2224%22%20height%3D%221%22%2F%3E%0A%3C%2Fsvg%3E");
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    transition: 0.3s;
}

.section-point06 .btn a:hover {
    background-color: #770242;
}

.section-point06 .btn a:hover span:after {
    transform: translate(16px, 0);
}

.section-point06 .gold-btn {
    width: 400px;
    margin-top: 24px;
}

.section-point06 .container02 {
    margin: 40px auto 0;
    display: flex;
    justify-content: space-between;
}