@charset "UTF-8";
/* ==================================
common
=================================== */
:root {
    --primary-black: #444444;
    --primary-white: #ffffff;
    --primary-pink: #C97C82;
    --primary-pinkbeige: #f7f2ee;
    --primary-darkpink: #B07078;
    --primary-gold: #B9A57A;
    --primary-beige: #EFE6E1;
}

html {
    font-size: 62.5%;
}

body {
    font-family: 
        "Noto Serif JP",
        "Roboto",
        "Zen maru Gothic",
        "sans-serif";
    font-weight: 400;
    font-style: normal;
    color: var(--primary-black);
    line-height: 1.8;
    margin: 0;
}

img {
    max-width: 100%;
    height: auto;
}

.cta-btn {
    display: flex;
    height: 80px;
    max-width: 300px;
    padding: 15px 20px;
    font-family: zen maru gothic;
    font-size: 2rem;
    font-weight: 700;
    text-align: center;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: var(--primary-white);
    border-radius: 10px;
    background: linear-gradient(
        to bottom,
        #CFA7A7 0%,
        #C46E74 67%,    
        #A95F66 97%
    );
    transition: all .3s ease;
}

.cta-btn:hover{
  transform: translateY(-2px);
  box-shadow:
    0 8px 16px rgba(0,0,0,0.18),
}


.accent {
    color: #B46F77;
    font-weight: 500;
}