:root {
  --primary: #B274BA;
  --smooth: cubic-bezier(0.11, 0.85, 0.14, 1);
  --smooth1: cubic-bezier(.32,.24,.14,1);
  --smoothSoft: cubic-bezier(0.2, 0.65, 0.14, 1);
  --smooth-skew: cubic-bezier(0, 0.4, 0.1, 1);
  --easeOut: cubic-bezier(0, 0.77, 0.54, 1);
  --smooth-mini: cubic-bezier(0.11, 0.85, 0.14, 1);
  --bounce: cubic-bezier(0.17, 0.57, 0.77, 1.4);
  --bounce1: cubic-bezier(.03,1.09,.95,1.6);
}

/***********************************************************
  breakpoints 
***********************************************************/

.block-editor .content {
    max-width: 828px;
    margin: 119px auto;
}

.block-editor h1, .block-editor h2,.block-editor h3, .block-editor h4,.block-editor h5,.block-editor h6 {
    font-family: "Noto Sans JP", sans-serif;
}

.block-editor .content h2 {
    color: #000;
    
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
    text-transform: none;
    margin-bottom: 20px;
}

.block-editor .content p {
    color: #000;
    
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 200% */
}

.block-editor .content p + h2 {
    margin-top: 80px;
}

@media (max-width: 768px) {
    .block-editor .content {
        margin: 86px auto;
    }
}

@media (max-width: 767px) {

h2 {
        line-height: 1.5 !important
}
    }