@charset "UTF-8";

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

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

.section-point01 .wrap::before {
    width: 544px;
    height: 900px;
    opacity: .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 .text-area {
    display: flex;
    flex-direction: column;
}

.section-point01 .title-wrap {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
}

.section-point01 .sub-title {
    margin-left: 8px;
    font-family: var(--mincho);
    font-size: 14px;
    line-height: 1.618;
    letter-spacing: .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 {
    font-family: var(--mincho);
    font-size: 24px;
    line-height: 1.618;
    letter-spacing: .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-top: 24px;
    text-align: center;
}

.section-point01 .name {
    margin: 24px 0 0;
    text-align: center;
}

.section-point01_img01 {
    margin-top: 40px;
}

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

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

.section-point02 .wrap::before {
    width: calc(50vw + 50% - 40px);
    height: 100%;
    filter: var(--img-invert);
    mix-blend-mode: var(--blend-mode);
    background: #fff url(../../common/img/section03_bg.png) no-repeat right -12px top -172px;
    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: 240px;
    position: absolute;
    top: -150px;
    left: -106px;
    z-index: -1;
}

.section-point02 .container {
    display: flex;
    flex-direction: column-reverse;
}

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

.section-point02 .right {
    margin: 40px 0 0 -8px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.section-point02 .sub-title {
    width: calc(100% - 8px);
    margin-left: 8px;
    font-family: var(--mincho);
    font-size: 16px;
    line-height: 1.618;
    letter-spacing: .2em;
}

.section-point02 .title {
    width: calc(100% - 8px);
    margin-left: 8px;
    font-family: var(--mincho);
    font-size: 24px;
    line-height: 1.618;
    letter-spacing: .2em;
}

.section-point02 .section-point02_img03,
.section-point02 .section-point02_img04,
.section-point02 .section-point02_img05,
.section-point02 .section-point02_img06 {
    width: calc(50% - 8px);
    margin: 8px 0 0 8px;
}

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

.section-point02 .section-point02_img05 {
    margin-top: -24px;
}

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

.section-point02 .en-title {
    font-family: var(--text-en);
    font-size: 12px;
    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: 24px;
    text-align: justify;
}

.section-point02 .btn {
    width: 100%;
    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: .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: .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: 100%;
    margin-top: 16px;
}

.section-point02 .container02 {
    width: 100%;
    margin: 24px auto 0;
    display: flex;
    flex-direction: column;
}

.section-point02_img08 {
    margin-top: 16px;
}

/*================================================================
# 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 40px 0 8px;
    font-family: var(--mincho);
    font-size: 20px;
    line-height: 1.618;
    letter-spacing: .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: .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: 24px;
}

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

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

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

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

.section-point04 .left {
    padding: 0;
    position: relative;
    display: flex;
    flex-direction: column;
}

.section-point04 .right {
    margin-top: 24px;
}

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

.section-point04 .sub-title {
    font-family: var(--mincho);
    font-size: 16px;
    line-height: 1.618;
    letter-spacing: .2em;
}

.section-point04 .title {
    margin-top: 16px;
    font-family: var(--mincho);
    font-size: 24px;
    line-height: 1.618;
    letter-spacing: .2em;
}

.section-point04 .text-area {
    width: 100%;
    margin: 24px 0 0 0;
    position: relative;
}

.section-point04 .en-title {
    margin-top: 24px;
    font-family: var(--text-en);
    font-size: 12px;
    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: 24px;
    text-align: justify;
}

.section-point04_img04 {
    margin-top: 24px;
}

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

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

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

.section-point05 .container {
    display: flex;
    flex-direction: column-reverse;
}

.section-point05 .text-area {
    display: flex;
    flex-direction: column;
}

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

.section-point05 .sub-title {
    margin-left: 8px;
    font-family: var(--mincho);
    font-size: 14px;
    line-height: 1.618;
    letter-spacing: .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: 24px;
    line-height: 1.618;
    letter-spacing: .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 {
    margin-top: 24px;
    text-align: center;
}

.section-point05_img01 {
    margin-top: 24px;
}

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

.section-point05_img02,
.section-point05_img03 {
    width: 50%;
    margin-left: 8px;
}

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

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

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

.section-point06 .wrap::before {
    width: calc(50vw + 50% - 40px);
    height: 100%;
    filter: var(--img-invert);
    mix-blend-mode: var(--blend-mode);
    background: #fff url(../../common/img/section03_bg.png) no-repeat right -12px top -172px;
    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 {
    display: none;
}

.section-point06 .container {
    display: flex;
    flex-direction: column-reverse;
}

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

.section-point06 .right {
    margin: 40px 0 0 -8px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.section-point06 .sub-title {
    width: calc(100% - 8px);
    margin-left: 8px;
    font-family: var(--mincho);
    font-size: 16px;
    line-height: 1.618;
    letter-spacing: .2em;
}

.section-point06 .title {
    width: calc(100% - 8px);
    margin-left: 8px;
    font-family: var(--mincho);
    font-size: 24px;
    line-height: 1.618;
    letter-spacing: .2em;
}

.section-point06 .section-point06_img03,
.section-point06 .section-point06_img04,
.section-point06 .section-point06_img05,
.section-point06 .section-point06_img06 {
    width: calc(50% - 8px);
    margin: 8px 0 0 8px;
}

.section-point06 .section-point06_img04 {
    margin-top: 40px;
}

.section-point06 .section-point06_img05 {
    margin-top: -24px;
}

.section-point06 .text-wrap {
    margin-top: 24px;
}

.section-point06 .en-title {
    font-family: var(--text-en);
    font-size: 12px;
    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: 24px;
    padding-bottom: 40px;
    text-align: justify;
}

.section-point06 .btn {
    width: 100%;
    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: .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: .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: 100%;
    margin-top: 16px;
}

.section-point06 .container02 {
    width: 100%;
    margin: 24px auto 0;
    display: flex;
    flex-direction: column;
}

.section-point06_img08 {
    margin-top: 16px;
}