@charset "UTF-8";

/* 
 * base
 * -------------------------------------------------------------
 */
/* PC 980px ~ 1500x */
html {
    font-size: 10px;
}

.spSite {
    display: none !important;
}

/* PC 1501px ~ 1920px */
@media screen and (min-width: 1500px) {
    html {
        font-size: 11.5px;
    }

    .spSite {
        display: none !important;
    }
}

/* TAB 990px ~ 768px */
@media screen and (max-width: 990px) {
    html {
        font-size: 1.0248vw;
    }

    .spSite {
        display: block !important;
    }
}

/* SP 768px ~ 320px */
@media screen and (max-width: 768px) {
    html {
        font-size: 10px;
    }

    .spSite {
        display: block !important;
    }
}

body {
    font-weight: normal;
    font-family: "Noto Serif JP", serif;
    font-weight: 400;
    color: #fff;
    background: #000;
    background: url(../img/bg_img.jpg) center top / 100% repeat-y rgb(0, 0, 0);
    background-position: center top;
}

body.noscroll {
    overflow: hidden;
}

body.--open {
    position: relative;
    transition: all 0.6s;
}

body.--open::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    transition: all 0.6s;
}

p {
    text-align: justify;
}

a {
    display: block;
    transition: 0.2s;
}

/* tel PC処理
------------------------------------------*/
@media screen and (min-width: 1025px) {
    a[href^="tel:"] {
        pointer-events: none;
    }
}

a:hover {
    opacity: 0.7;
    transition: 0.2s;
}

dt {
    font-weight: 400;
}

img {
    width: 100%;
    max-width: 100%;
    display: block;
}

.wrap {
    overflow: hidden;
}

.translate {
    position: fixed;
    right: 0;
    top: 150px;
    z-index: 100;
}

.translate li a {
    color: #000;
    font-size: 1.6rem;
    border: 2px solid #FFF;
    background: rgba(255, 255, 255, 0.70);
    padding: 10px;
    text-align: center;
}

.translate li:nth-of-type(2),
.translate li:nth-of-type(3) {
    margin-top: 10px;
}

@media screen and (max-width: 768px) {
    .translate {
        top: 100px;
    }

    .translate li a {
        font-size: 1rem;
    }
}

/* 
 * header
 * -------------------------------------------------------------
 */
.header {
    height: 10rem;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
}

@media screen and (max-width: 1023px) {
    .header {
        background: #000;
    }
}

@media screen and (max-width: 768px) {
    .header {
        height: 16vw;
    }
}

.header__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding: 1rem 3rem;
}

@media screen and (max-width: 768px) {
    .header__inner {
        padding: 1.33vw 4vw 1.33vw 2.66vw;
    }
}

.header__logo {
    width: 26rem;
}

@media screen and (max-width: 768px) {
    .header__logo {
        width: 38.46vw;
    }
}

.header__nav {
    width: calc(100% - 17.3rem);
    width: calc(100% - 23rem);
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .header__nav {
        width: calc(90% - 38.46vw);
    }
}

.header__link {
    padding-left: 4rem;
}

@media screen and (max-width: 1023px) {
    .header__link {
        padding-left: 0;
        padding-right: 3rem;
    }
}

@media screen and (max-width: 768px) {
    .header__link {
        padding-right: 4vw;
    }
}

.header__link-rsv {
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    color: #000;
    border: 2px solid #FFF;
    background: rgba(255, 255, 255, 0.70);
    width: 15rem;
    height: 4rem;
    display: grid;
    place-items: center;
}

@media screen and (max-width: 768px) {
    .header__link-rsv {
        font-size: 3.466vw;
        width: 24vw;
        height: 8vw;
    }
}

/* 
 * nav
 * -------------------------------------------------------------
 */
.nav {
    width: 50%;
}

@media screen and (max-width: 1023px) {
    .nav {
        width: 100%;
        height: 43%;
        position: fixed;
        top: 8rem;
        left: 0;
        opacity: 0;
        transition: all 0.2s;
        visibility: hidden;
        z-index: 100;
        display: block;
    }
}

@media screen and (max-width: 768px) {
    .nav {
        top: 16vw;
        height: auto;
    }
}

@media screen and (max-width: 1023px) {
    .nav.--open {
        height: 43%;
        background: #000;
        opacity: 1;
        visibility: visible;
        overflow: auto;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
    }
}

@media screen and (max-width: 768px) {
    .nav.--open {
        height: auto;
    }
}

@media screen and (max-width: 768px) {
    .nav.--open {
        height: auto;
    }
}

.nav__list {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

@media screen and (max-width: 1023px) {
    .nav__list {
        flex-direction: column;
        gap: 6rem 0;
        padding: 10rem 0;
    }
}

@media screen and (max-width: 768px) {
    .nav__list {
        padding: 13.86vw 0 15.46vw;
        gap: 13.33vw 0;
    }
}

.nav__item {
    padding-left: 3.7rem;
}

@media screen and (max-width: 1023px) {
    .nav__item {
        padding-left: 0;
    }
}

.nav__link {
    font-size: 1.6rem;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-shadow: 0px 0px 5px #000000;
}

@media screen and (max-width: 1023px) {
    .nav__link {
        text-shadow: none;
    }
}

@media screen and (max-width: 768px) {
    .nav__link {
        font-size: 4.8vw;
    }
}

/* 
 * sp-toggle
 * -------------------------------------------------------------
 */
.sp-toggle {
    width: 5rem;
    height: 5rem;
    display: none;
}

@media screen and (max-width: 1023px) {
    .sp-toggle {
        display: block;
    }
}

@media screen and (max-width: 768px) {
    .sp-toggle {
        width: 6.66vw;
        height: 5vw;
    }
}

.sp-toggle span {
    width: 100%;
    height: 0.4rem;
    background: #fff;
    display: block;
    border-radius: 2rem;
    transition: 0.3s;
}

@media screen and (max-width: 768px) {
    .sp-toggle span {
        height: 0.533vw;
    }
}

.sp-toggle span:nth-child(2) {
    margin: 0.9rem 0;
}

@media screen and (max-width: 768px) {
    .sp-toggle span:nth-child(2) {
        margin: 1.6vw 0;
    }
}

.sp-toggle span.--open:nth-child(1) {
    transform: translateY(1.5rem) rotate(-45deg);
}

@media screen and (max-width: 768px) {
    .sp-toggle span.--open:nth-child(1) {
        transform: translateY(2vw) rotate(-45deg);
    }
}

.sp-toggle span.--open:nth-child(2) {
    opacity: 0;
}

.sp-toggle span.--open:nth-child(3) {
    transform: translateY(-1rem) rotate(45deg);
}

@media screen and (max-width: 768px) {
    .sp-toggle span.--open:nth-child(3) {
        transform: translateY(-2.1333vw) rotate(45deg);
    }
}

/* 
 * main
 * -------------------------------------------------------------
 */
@media screen and (max-width: 1023px) {
    .main {
        margin-top: 10rem;
    }
}

@media screen and (max-width: 768px) {
    .main {
        margin-top: 16vw;
    }
}

/* 
 * section-ttl
 * -------------------------------------------------------------
 */
.section-ttl {
    font-size: 3rem;
    font-weight: 500;
    color: #C5B120;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .section-ttl {
        font-size: 5.866vw;
    }
}

/* 
 * slider
 * -------------------------------------------------------------
 */
.slider {
    padding-top: 3.7rem;
}

@media screen and (max-width: 768px) {
    .slider {
        padding-top: 4.8vw;
    }
}

.slider__items {
    width: 100%;
    margin: 0 auto;
}

.slider__items img {
    width: 100%;
}

.slider__items .slick-slide {
    height: auto !important;
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
}

.slider__items .slick-arrow {
    z-index: 2 !important;
}

.slider__items .slick-next {
    right: 0 !important;
}

.slider__items .slick-prev {
    left: 0 !important;
}

.slick-arrow {
    z-index: 2 !important;
    width: 6rem !important;
    height: 6rem !important;
}

@media screen and (max-width: 600px) {
    .slick-arrow {
        width: min(6rem, 13.33vw) !important;
        height: min(6rem, 13.33vw) !important;
    }
}

.slick-arrow:before {
    content: "" !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 50% !important;
    transform: translate(0, -50%) !important;
    opacity: 1 !important;
}

.menu__slider .slick-arrow:before {
    content: "" !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    top: 0 !important;
    transform: translate(0, -40%) !important;
    opacity: 1 !important;
}

.slick-next {
    right: 3rem !important;
}

@media screen and (max-width: 600px) {
    .slick-next {
        right: 2rem !important;
    }
}

.slick-prev {
    left: 3rem !important;
}

@media screen and (max-width: 600px) {
    .slick-prev {
        left: 2rem !important;
    }
}

.slick-next:before {
    background: url(./../img/slider_next.png) no-repeat center !important;
    background-size: 100% !important;
    right: 3rem !important;
}

@media screen and (max-width: 600px) {
    .slick-next:before {
        right: 2rem !important;
    }
}

.slick-prev:before {
    background: url(./../img/slider_prev.png) no-repeat center !important;
    background-size: 100% !important;
    left: 3rem !important;
}

@media screen and (max-width: 600px) {
    .slick-prev:before {
        left: 2rem !important;
    }
}

/* 
 * news-card
 * -------------------------------------------------------------
 */
.news-card {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.news-card__img img {
    aspect-ratio: 5/3;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}

@media screen and (max-width: 768px) {
    .news-card__img img {
        aspect-ratio: 22/13;
    }
}

.news-card__body {
    background: #fff;
    padding: 1.5rem 1.5rem 1.3rem;
    display: flex;
    flex-direction: column;
    flex: 1;
}

@media screen and (max-width: 768px) {
    .news-card__body {
        padding: 3.2vw 2.933vw;
    }
}

.news-card__time {
    font-size: 1.2rem;
    color: #CABE28;
    display: block;
    margin-bottom: 0.8rem;
}

@media screen and (max-width: 768px) {
    .news-card__time {
        font-size: min(1.5rem, 2.66vw);
        margin-bottom: 1.6vw;
    }
}

.news-card__ttl {
    font-size: 1.4rem;
    line-height: 1.3;
    color: #000;
    flex: 1;
}

@media screen and (max-width: 768px) {
    .news-card__ttl {
        font-size: min(1.7rem, 2.93vw);
        line-height: 1.45;
    }
}

/*
 * chef
 * -------------------------------------------------------------
 */
.chef {
    /*padding: 11rem 0 7rem;
    max-width: 850px;
    width: 90%;
    margin: 0 auto;*/
    background: url("../img/black.webp") center / cover no-repeat;
}

.chef__wrapper {
    max-width: 120rem;
    margin: 0 auto;
    padding: 15rem 2.5rem;
}

.chef__ttl {
    padding-left: 0 !important;
}

.chef__list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.chef__list:last-of-type {
    margin-top: 2rem;
}

.chef__list li {
    display: flex;
    width: 45%;
    align-items: center;
    justify-content: space-between;
}

.chef__list li:nth-of-type(2),
.chef__list li:nth-of-type(4) {
    margin-top: 8rem;
}

.chef__list li img,
.chef__list li div {
    width: 47%;
}

.chef-field {
    color: #C5B120;
    background-color: #000;
    display: inline-block;
    padding: 4px 16px;
    font-size: 1.8rem;
    font-weight: bold;
}

.chef-name {
    font-size: 2.3rem;
    font-weight: bold;
    line-height: 1.6;
    margin-top: 1.5rem;
}

.chef-name span {
    color: #C5B120;
}

.chef__txt {
    font-size: 1.6rem;
    line-height: 1.6;
    margin-top: 1rem;
}

@media screen and (max-width: 768px) {
    .chef {
        padding: 3rem 0;
    }

    .chef__wrapper {
        padding: 3rem 2.5rem;
    }

    .chef-field {
        font-size: 3.47vw;
    }

    .chef__list {
        flex-direction: column;
    }

    .chef__list li {
        width: 100%;
        margin-top: 4rem;
    }

    .chef__list li:nth-of-type(2),
    .chef__list li:nth-of-type(4) {
        margin-top: 4rem;
    }

    .chef__list:last-of-type {
        margin: 0;
    }

    .chef-name {
        font-size: 1.4rem;
        margin-top: 1rem;
    }

    .chef__txt {
        font-size: 2.93vw;
        margin-top: 0.5rem;
    }
}

/* 
 * btn
 * -------------------------------------------------------------
 */
.btn {
    font-size: 1.6rem;
    letter-spacing: 0.2em;
    padding: 1.3rem 0 1.7rem;
    text-align: center;
    text-transform: uppercase;
    width: 25rem;
    margin: 0 auto;
    border: 1px solid #fff;
}

@media screen and (max-width: 768px) {
    .btn {
        font-size: 3.73vw;
        padding: 2.93vw 0;
        width: 48vw;
    }
}

/* 
 * br-sp
 * -------------------------------------------------------------
 */
.br-sp {
    display: none;
}

@media screen and (max-width: 768px) {
    .br-sp {
        display: block;
    }
}

/* 
 * footer
 * -------------------------------------------------------------
 */
.footer {
    padding: 6rem 0 3rem;
    background-color: #000;
}

@media screen and (max-width: 768px) {
    .footer {
        padding: 8vw 11.46vw 5.3vw;
    }
}

.footer-nav__list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 5rem;
}

@media screen and (max-width: 768px) {
    .footer-nav__list {
        gap: 0 8vw;
    }
}

.footer-nav__item {
    width: 6rem;
}

@media screen and (max-width: 768px) {
    .footer-nav__item {
        width: 13.33vw;
    }
}

.footer__copyright {
    font-size: 1.2rem;
    letter-spacing: 0.05em;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .footer__copyright {
        font-size: 2.66vw;
    }
}

/* 
 * mv
 * -------------------------------------------------------------
 */
.mv {
    position: relative;
}

.mv__slide {
    aspect-ratio: 32/15;
}

@media screen and (max-width: 768px) {
    .mv__slide {
        aspect-ratio: 3/2;
    }
}

/* 
 * news
 * -------------------------------------------------------------
 */
.news {
    padding-top: 6.3rem;
}

@media screen and (max-width: 768px) {
    .news {
        padding-top: 8.53vw;
    }
}

.news__link {
    padding-top: 6rem;
}

@media screen and (max-width: 768px) {
    .news__link {
        padding-top: 8vw;
    }
}

/* 
 * concept
 * -------------------------------------------------------------
 */
.concept {
    position: relative;
    padding-top: 11.5rem;
    padding-bottom: 15.5rem;
    border-bottom: 2px solid #959595;
}

@media screen and (max-width: 768px) {
    .concept {
        padding-top: 13.33vw;
        padding-bottom: 6.5rem;
    }
}

.concept__items {
    display: flex;
    justify-content: center;
    gap: 0 6.6rem;
}

@media screen and (max-width: 768px) {
    .concept__items {
        flex-direction: column;
        gap: 10.93vw 0;
        padding: 0 6.66vw;
    }
}

.concept__items:not(:last-child) {
    margin-bottom: 10rem;
}

@media screen and (max-width: 768px) {
    .concept__items:not(:last-child) {
        margin-bottom: 13.6vw;
    }
}

.concept__item {
    width: 48%;
}

@media screen and (max-width: 768px) {
    .concept__item {
        width: 100%;
    }
}

.concept__item-img {
    width: 47%;
}

@media screen and (max-width: 768px) {
    .concept__item-img {
        width: 100%;
    }
}

.concept__item img {
    aspect-ratio: 12/7;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}

@media screen and (max-width: 768px) {
    .concept__item img {
        aspect-ratio: 32/25;
    }
}

.concept__ttl {
    font-size: 2.2rem;
    font-weight: bold;
    margin-bottom: 1.7rem;
    text-align: left;
    padding-left: 7.2rem;
}

@media screen and (max-width: 768px) {
    .concept__ttl {
        font-size: 3.47vw;
        margin-bottom: 3.73vw;
        padding-left: 0;
        text-align: center;
    }
}

.concept__subttl {
    font-size: min(4rem, 3.4vw);
    margin-bottom: 5.6rem;
    padding-left: 7.2rem;
}

@media screen and (max-width: 768px) {
    .concept__subttl {
        font-size: 6.66vw;
        margin-bottom: 7.2vw;
        padding-left: 0;
        text-align: center;
    }
}

.concept__body {
    padding-left: 7.2rem;
}

@media screen and (max-width: 768px) {
    .concept__body {
        padding: 0;
    }
}

.concept__txt {
    font-size: 1.6rem;
    line-height: 1.6;
    margin-top: 5rem;
    margin-bottom: 5rem;
}

@media screen and (max-width: 768px) {
    .concept__txt {
        font-size: 2.93vw;
        margin-top: 0;
        margin-bottom: 0;
    }
}

.concept__items--reverse {
    flex-direction: row-reverse;
}

@media screen and (max-width: 768px) {
    .concept__items--reverse {
        flex-direction: column;
        gap: 10.93vw 0;
    }
}

.concept__body--reverse {
    padding-left: 0;
    padding-right: 6rem;
}

@media screen and (max-width: 768px) {
    .concept__body--reverse {
        padding: 0;
    }
}

/* 
 * menu
 * -------------------------------------------------------------
 */
.menu__items {
    display: flex;
    flex-direction: column;
    gap: 1rem 0;
}

@media screen and (max-width: 768px) {
    .menu__items {
        gap: 1.3333vw;
    }
}

.menu__item {
    width: 100%;
}

.menu__img {
    aspect-ratio: 5/2;
    -o-object-fit: cover;
    object-fit: cover;
}

@media screen and (max-width: 768px) {
    .menu__img {
        aspect-ratio: 1/1;
    }
}

/* 
 * menu-slide
 * -------------------------------------------------------------
 */
.menu-slide {
    padding-top: 6.3rem;
}

@media screen and (max-width: 768px) {
    .menu-slide {
        padding-top: 11.2vw;
    }
}

.menu-slide__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    cursor: pointer;
}

.menu-slide__img {
    width: 100%;
}

.menu-slide__img img {
    aspect-ratio: 1/1;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.menu-slide__body {
    padding: 2rem 1rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}

@media screen and (max-width: 768px) {
    .menu-slide__body {
        padding: 4vw 1rem;
    }
}

.menu-slide__ttl {
    font-size: 1.6rem;
    line-height: 1.4;
    color: #C5B120;
    flex: 1;
    margin-bottom: 1.5rem;
}

@media screen and (max-width: 768px) {
    .menu-slide__ttl {
        font-size: 3.2vw;
        margin-bottom: 2.66vw;
    }
}

.menu-slide__price {
    font-size: 1.4rem;
    display: block;
}

@media screen and (max-width: 768px) {
    .menu-slide__price {
        font-size: 2.93vw;
    }
}

/* menu-modal
------------------------------------------------------------ */
.menu-modal {
    display: none;
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.menu-modal__bg {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
}

.menu-modal__wrapper {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    max-width: 70rem;
    padding: 0 2.5rem;
    background: transparent;
}

@media screen and (max-width: 768px) {
    .menu-modal__wrapper {
        max-width: 100%;
        padding: 0 5.33vw;
    }
}

.menu-modal__caption {
    font-size: 1.4rem;
    line-height: 1.8;
    color: #fff;
    padding-top: 3rem;
}

@media screen and (max-width: 768px) {
    .menu-modal__caption {
        font-size: 2.9333vw;
        padding-top: 5.3333vw;
    }
}

.close__modal {
    position: absolute;
    top: -5rem;
    right: 2.5rem;
    cursor: pointer;
    display: grid;
    place-items: center;
}

@media screen and (max-width: 768px) {
    .close__modal {
        right: 5.33vw;
    }
}

.close__modal::before {
    content: "×";
    display: inline-block;
    font-size: 3rem;
    color: #fff;
}

/* 
 * info
 * -------------------------------------------------------------
 */
.access {
    background-color: #000
}

@media screen and (max-width: 768px) {
    .access {
        margin-top: 12.8vw;
    }
}

.access__inner {
    max-width: 115rem;
    margin: 0 auto;
    padding: 0 2.5rem;
}

@media screen and (max-width: 768px) {
    .access__inner {
        padding: 0 6.66vw;
    }
}

.access__map {
    aspect-ratio: 64/15;
    margin: 0 calc(50% - 50vw);
}

@media screen and (max-width: 768px) {
    .access__map {
        aspect-ratio: 3/2;
    }
}

.access__items {
    display: flex;
    justify-content: space-between;
    gap: 0 min(8rem, 6.25vw);
    padding-top: 6rem;
}

@media screen and (max-width: 768px) {
    .access__items {
        flex-direction: column;
        justify-content: center;
        gap: 5.33vw 0;
        padding-top: 10.66vw;
    }
}

.access__img {
    aspect-ratio: 5/4;
}

@media screen and (max-width: 768px) {
    .access__img {
        width: 100%;
    }
}

.access__img img {
    aspect-ratio: 5/4;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%;
}

@media screen and (max-width: 768px) {
    .access__img img {
        aspect-ratio: 10/7;
    }
}

.access__info {
    width: 42rem;
}

@media screen and (max-width: 768px) {
    .access__info {
        width: 100%;
        text-align: center;
    }
}

.access__logo {
    width: 38rem;
    margin-bottom: 2rem;
}

@media screen and (max-width: 768px) {
    .access__logo {
        width: 72vw;
        margin: 0 auto 5.33vw;
    }
}

.access__ttl {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
}

@media screen and (max-width: 768px) {
    .access__ttl {
        font-size: 3.73vw;
        margin-bottom: 4vw;
    }
}

.access__address {
    font-size: 1.4rem;
    line-height: 1.6;
    margin-bottom: 4rem;
}

@media screen and (max-width: 768px) {
    .access__address {
        font-size: 2.93vw;
        margin-bottom: 10.13vw;
    }
}

.access__link-items {
    display: flex;
    flex-direction: column;
    gap: 2.5rem 0;
}

@media screen and (max-width: 768px) {
    .access__link-items {
        gap: 5.333vw 0;
    }
}

.access__lead {
    font-size: 1.8rem;
    line-height: 1;
    color: #CABE28;
    text-align: center;
    margin-bottom: 1rem;
}

@media screen and (max-width: 768px) {
    .access__lead {
        font-size: 3.733vw;
        margin-bottom: 2.666vw;
    }
}

.access__lead--pnk {
    color: #FD3ED4;
}

.access__link {
    font-size: 1.8rem;
    letter-spacing: 0.05em;
    color: #000;
    font-weight: bold;
    padding: 2rem 2rem 1.8rem;
    background: #fff;
    width: 40rem;
    text-align: center;
}

@media screen and (max-width: 768px) {
    .access__link {
        font-size: 3.73vw;
        width: min(85.33vw, 100%);
        padding: 4vw 2.66vw;
    }
}

.access__link--pnk {
    background: #fd3ed4;
    background: linear-gradient(to right, #5478f2 0%, #f23f79 60%, orange 100%);
    color: #fff;
    position: relative;
}

.access__link--pnk::before {
    content: "";
    display: inline-block;
    width: 3rem;
    height: 3rem;
    background: url(./../img/icon_instagram.svg) no-repeat center;
    background-size: 100%;
    position: absolute;
    left: 3.8rem;
    top: 50%;
    transform: translate(0, -50%);
}

/*# sourceMappingURL=style.css.map */