/*
========================================

CrazyLove Official Theme

Brand Concept

・Moonlight
・Blue Rose
・Red Rose
・Elegant
・Minimal

========================================
*/


/* ========================================
   CrazyLove Brand Color
======================================== */

:root {

  /* Background */
  --bg-color: #F5F7FA;
  --card-bg: #FFFFFF;

  /* Text */
  --text-color: #334155;
  --heading-color: #42566E;
  --muted-color: #64748B;

  /* Border */
  --border-color: #D6DEE8;

  /* Brand */
  --brand-blue: #4F6FA5;
  --brand-red: #C95A67;

  /* Footer */
  --footer-bg: #2F3E55;
  --footer-text: #E8EDF4;

}


body{

    background: var(--bg-color);

    color: var(--text-color);

    font-family:
        "Yu Gothic",
        "Hiragino Sans",
        sans-serif;

    font-size:16px;

    font-weight:400;

    line-height:1.8;

    letter-spacing:.03em;

    margin:0;

    padding:0;

}
*,
*::before,
*::after{

    box-sizing:border-box;

}

a{

    color:var(--text-color);

    text-decoration:none;

    transition:.3s;
}

a:hover{

    color:var(--brand-red);

}

h1,h2,h3,h4,h5,h6{

    color:var(--heading-color);

    font-weight:600;

    line-height:1.4;

    margin:0;

}

img{

    max-width:100%;

    height:auto;

    display:block;

}

.container{

    width:min(1200px,92%);

    margin:auto;

}

section{

    padding:80px 0;

}

ul{

    margin:0;

    padding:0;

    list-style:none;

}


button{

    font:inherit;

    cursor:pointer;

}


p{

    margin:0;

}