/* default */
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-size: 100%;
}

img {
    vertical-align: top;
}

input {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

body {
    font: 1.6em / normal "Noto Sans JP", sans-serif;
}

a {
  color:#00f;
    text-decoration: none;
}
a:hover{
  opacity: 0.8;
}
a:visited{
  color:#fff;
}

p, ul, ol, dl, table {
    margin-bottom: 0;
}

/* base layout */
body {
    width: 100%;
    min-width: 1280px;
}

main {
    padding: 0;
}

@media screen and (min-width: 751px) {
    .sp-only_local {
        display: none;
    }
}

@media screen and (max-width: 750px) {
    body {
        min-width: auto;
    }

    .pc-only_local {
        display: none;
    }
}

.lp-wrapper {
    width: 100%;
    overflow: hidden;
}

a[data-fancybox] {
    outline: none !important;
}


.centban {
    text-align: center;
    margin: 0 auto;
    width: 100%;
    max-width: 1200px;
}

.banwrap {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}

.banlist {
    display: inline-block;
    width: 50%;
}

.b2b{
  margin:0 auto;
  max-width: 80%;
}

.b2kikan{
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  padding-bottom: 1em;
  color: rgba(228,0,3,1.00);
}

.inban{
  text-align: center;
  margin: 0 auto;
}

ul.caution{
  margin-left: 40px;
  font-size:1em;
  line-height:1.4em;
  color:#e01803;
}
ul.caution li{
  list-style:none;
  text-indent: -1em;
  padding-left: 1em;
}
ul.caution li::before{
  content:"※ ";
}

ul.caution2{
  font-size:0.9em;
  line-height:1.2em;
  color:#e01803;
  margin-bottom: 20px;
}
ul.caution2 li{
  list-style:none;
  text-indent: -1em;
  padding-left: 1em;
}
ul.caution2 li::before{
  content:"※ ";
}

.settxt{
  font-size: 0.8em;
  line-height: 1.3em;
  color: rgba(83,17,18,1.00);
}
.settxt2{
  font-size: 0.8em;
  line-height: 1.3em;
  color:rgba(124,0,77,1.00);
}

/* kv */
.kv-wrap {
  width: 100%;
  min-width: 1280px;
  margin:0;
  padding:0;
}

.kv-inner {
    position: relative;
    z-index: 0;
    text-align: center;
    width:100%;
    height: 96vw;
    min-height: 1240px;
    margin: 0 auto;
}

.kv-circle{
  width: 100%;
  min-width: 1280px;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left:0;
  z-index: 1;
}

/* 背景回転 */
.kv-circle{
  animation-name: rotate;
  animation-duration: 23s;
  animation-timing-function: cubic-bezier(0.5, 0.51, 0.51, 0.52);
  animation-iteration-count: infinite;
}

.toplink{
  width: 100%;
  margin: 50px auto;
  text-align: center;
}

@keyframes rotate{
  0% {
    transform: rotateZ(0);
  }
  100% {
    transform: rotateZ(360deg);
  }
}

.kv-logo-area{
  width: 100%;
  min-width: 1280px;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left:0;
  z-index: 3;
}

.kv-pc-logo{
  width: 100%;
  min-width: 1280px;
}

.kv-link{
  width:20%;
  font-size:2.4em;
  font-weight:500;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  position: relative;
  top: -1vw;
  left:30px;
  z-index: 5;
}

.text-combine {
  -webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;
}

.kv-new-goods{
  transform: rotate( -26deg );
  position: relative;
  top: -40px;
  left:160px;
}

.kv-new-goods a{
  color:#8ab3e9;
}

.kv-benefit{
  transform: rotate( -33deg );
  position: relative;
  top: 4px;
  left:130px;
}

.kv-benefit a{
  color:#89c681;
}

.kv-sh-comment{
  transform: rotate( -40deg );
  position: relative;
  top: 20px;
  left:88px;
}

.kv-sh-comment a{
  color:#ffc314;
}

.kv-4th{
  transform: rotate( -50deg );
  position: relative;
  top: 85px;
  left:75px;
}

.kv-4th a{
  color:#ff8bb2;
}


/* global-menu */
.g-menu{
  width:100%;
  display: flex;
}

.g-menu div{
  width:25%;
  height:65px;
  margin:0;
  font-size:2em;
  color:#fff;
  text-align:center;
  line-height:2em;
}

.g-menu div a{
  color:#fff;
}

.nav-4th{
  background-color:#ff8bb2;
}

.nav-sh-comment{
  background-color:#ffc314;
}

.nav-benefit{
  background-color:#89c681;
}

.nav-new-goods{
  background-color:#8ab3e9;
}


/* section共通 */
section{
  width:100%;
  padding-bottom:30px;
  min-width: 1280px;
}

section h2{
  width:100%;
  min-width: 1280px;
}

section h2 img{
  width:100%;
  display:block;
}

.content-box{
  width:1130px;
  min-width:1130px;
  margin:6px auto 0;
  padding:0;
  border-radius: 30px;
}

.content-box h3{
  width:100%;
  text-align:center;
  font-size:4em;
  font-weight:lighter;
  margin:0 auto 0;
  padding-top:3vw;
}

.content-box2{
  width:1130px;
  min-width:1130px;
  margin:46px auto 0;
  padding:0;
  border-radius: 30px;
  background: #ffc5d9;
}

.content-box2 h3{
  width:100%;
  text-align:center;
  font-size:3.4em;
  font-weight:bold;
  line-height: 1.1em;
  margin:0 auto 0;
  padding:3vw 0;
}

.products-list-image{
  max-width: 620px;
}

.products-list-image img{
  width: 100%;
}

/*fourth-anniversary*/
#fourth-anniversary{
  background-color:#ff8bb2;
  position: relative;
}

#fourth-anniversary h2{
  min-height:280px;
}

.voting-illust{
  width:100%;
  margin-top:0;
  position:absolute;
  top: 23vw;
  right:0;
  z-index:6;
  display:block;
}

#fourth-anniversary .content-box{
  width:80%;
  height:auto;
  margin-top:31vw;
  background-color:#ffc5d9;
  padding-bottom:40px;
}

.space-box{
  width:100%;
  height:52vw;
  min-height:700px;
}

.voting-rule-area{
  width:98%;
  min-width:970px;
  margin:0 auto 30px;
  position: relative;
  padding: 5px;
  text-align: center;
}

.voting-rule-area img{
  width: 100%;
  text-align: center;
}

h3.voting-rule{
  margin:-80px auto 0;
  padding:0;
  font-weight:bolder;
  font-size: 10rem;
  color: rgba(57,5,31,1.00);
  background: -webkit-linear-gradient(#ACB6E5, #86FDE8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.voting-explanation{
  width:88%;
  min-width:930px;
  margin:40px auto 40px;
  font-size:1.4em;
  line-height:1.8em;
}

.voting-explanation ul{
  margin:30px auto 0;
  font-size:0.9em;
  line-height:1.6em;
}

.voting-explanation a:visited{
  color:#00f;
}

.badge-voting{
  width:223px;
  height:223px;
  position:absolute;
  top: -58px;
  right:-110px;
  z-index:7px;
  opacity:0.8;
  display:block;
}

.voting-area{
  width:100%;
  min-width:970px;
  margin:60px auto 30px;
}

h3.voting-title{
  width:100%;
  margin:0;
  text-align:center;
  color:#fff;
  font-size:3.8em;
}

.voting-decoration{
  margin:0 auto 0;
  display:block;
}

.voting-btn-area{
  width:88%;
  min-width:1280px;
  margin:0 auto 0;
  padding:0;
  display:flex;
  flex-wrap: wrap;
  justify-content:space-between;
  align-content: space-between;
}

.voting-btn-area a{
  display:block;
}


/*sh-comment*/
#sh-comment{
  background-color:#ffc314;
}

#sh-comment .content-box{
  background-color:#ffe18a;
}

.p_comment{
  width:970px;
  margin:30px auto 0;
  font-size:1.9rem;
}

.p-name{
  width:280px;
  height:230px;
  margin:0 30px 0 auto;
  font-size:1.5em;
  background: url(../img/img_producer.png);
  background-size:contain;
  background-position: right bottom;
  background-repeat:no-repeat;
  position: relative;
}

.p-name p{
  position: absolute;
  bottom: 0;
}

.cv-comment-area{
  width:1130px;
  min-width:1130px;
  height:1068px;
  margin:80px auto 40px;
  padding:0;
  display:flex;
  flex-wrap: wrap;
  justify-content:space-between;
  align-content: space-between;
}

.cv-img a img{
  width:550px;
}

/*benefit*/
#benefit{
  background-color:#89c681;
}

#benefit h2{
  height:22vw;
  min-height:330px;
}

.badge-benefit{
  margin:40px auto 10px;
  display:block;
}

#benefit .content-box{
  margin:0 auto 20px;
  padding:40px 0;
  background-color:#c4e3c0;
}

.benefit-area{
  width:1010px;
  margin:0 auto 0;
  display:flex;
  justify-content:space-between;
}

.benefit-info-box{
  width:576px;
  margin:0;
  padding:0;
}

.benefit-info-box h3{
  width:100%;
  margin:0 0 0 40px;
  padding:0;
  color:#357a2b;
  font-size:2.5em;
  font-weight:500;
  line-height:1.3em;
  text-align:left;
}

.benefit_explanation{
  margin:40px 0 0 40px;
  font-size:1.25em;
  line-height:1.3em;
}

/*new-goods*/
#new-goods{
  background-color:#8ab3e9;
}

.badge-new-goods{
  margin:40px auto 7px;
  display:block;
}

.txt-benefit{
  margin:0 auto 7px;
  font-size:1.7em;
  color:#fff;
  text-align:center;
}

#new-goods .content-box{
  margin:0 auto 20px;
  padding:30px 0 30px;
  background-color:#c5d9f4;
}

#new-goods .content-box h3{
  width:100%;
  min-width:830px;
  color:#21579e;
  text-align:center;
  font-size:2.8em;
  font-weight:500;
  line-height:1.4em;
  margin:0 auto 30px;
  padding:0;
}

.new-goods-area{
  width:1010px;
  margin:0 auto 50px;
  display:flex;
  justify-content:space-between;
}

.new-goods-info-box{
  width:350px;
  margin:0:
  padding:0;
  font-size:1.2em;
}

.products-name{
  margin:0;
  padding:0;
  font-size:1.25em;
  font-weight:600;
}

.products-name2{
  margin:0;
  padding:0;
  font-size:1.15em;
  font-weight:600;
}

.products-price{
  width:100%;
  margin:20px 0;
  padding:0;
  font-size:2.7em;
  color:#ff2773;
  font-weight:600;
  text-align:center;
}

.products-price span{
  font-size:0.5em;
}

.btn-purchase{
  width:100%;
  font-size:1.4em;
  lline-height:1.8em;
  color:#fff;
  text-align:center;
  border-radius: 30px;
  background-color:#ff2773;
  display:block;
}

.btn-sold{
  width:100%;
  font-size:1.4em;
  lline-height:1.8em;
  color:#fff;
  text-align:center;
  border-radius: 30px;
  background-color:#aaaaaa;
  display:block;
}

.delivery-date{
  width:100%;
  margin-top:8px;
  font-size:0.95em;
  line-height:1.5em;
  text-align:center;
}

.settxt-side{
  width:100%;
  padding:0 15px 5px;
  font-size: 0.8em;
  line-height: 1.3em;
  color: rgba(83,17,18,1.00);
}

.new-goods_explanation{
  margin:20px 0 0;
  font-size:0.95em;
  line-height:1.5em;
}

h3.single-sale-title{
  margin:30px auto 30px;
}

.single-sale-area{
  width:1010px;
  margin:0 auto 50px;
  display:flex;
  flex-wrap: wrap;
  justify-content:space-between;
  align-content: space-between;
}

.single-sale-item{
  width:310px;
  margin-bottom:33px;
  padding:0;
  border:3px solid #fff;
}

.thumb-single-sale-item{
  width:274px;
  margin:18px auto 14px;
}

.thumb-single-sale-item img{
  width:100%;
}

.single-sale-item-name{
  width:274px;
  margin:0 auto 0;
  padding:0;
  font-size:1.2em;
  font-weight:600;
}
.single-sale-item-name2{
  width:274px;
  margin:0 auto 0;
  padding:0;
  font-size:1.1em;
  font-weight:600;
}

.single-sale-item-price{
  width:100%;
  margin:10px 0 16px;
  font-size:1.4vw;
  color:#ff2773;
  font-weight:600;
  text-align:center;
}

.single-sale-item-price span{
  font-size:1vw;
}

.btn-purchase-single{
  width:274px;
  margin:0 auto 0;
  font-size:1.4em;
  line-height:1.8em;
  color:#fff;
  text-align:center;
  border-radius: 30px;
  background-color:#ff2773;
  display:block;
}

.btn-sold-single{
  width:274px;
  margin:0 auto 0;
  font-size:1.4em;
  line-height:1.8em;
  color:#fff;
  text-align:center;
  border-radius: 30px;
  background-color:#aaaaaa;
  display:block;
}

.single-sale-item .delivery-date{
  margin:8px auto 10px;
}

.single-sale-item_explanation{
  width:274px;
  margin:0 auto 20px;
}

.caution-txt{
  width:100%;
  text-align:center;
}

/* pagetop */
.top-anchor {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 10;
    opacity: 0;
    pointer-events: none;
    transition: opacity .15s;
}

.top-anchor.active {
    opacity: 1;
    pointer-events: auto;
}

.top-anchor img {
    width: 60px;
    height: 60px;
    opacity: .5;
    transition: opacity .15s;
    filter: drop-shadow(0 0 5px #fff);
    cursor: pointer;
}

.top-anchor img:hover {
    opacity: .75;
}

/* footer */
.footer-bottom{
  font-size: 1.4rem;
}

.footer-bottom .footer-copy span {
    display: inline-flex;
    align-items: center;
    padding: 0 4px;
}

.footer-bottom .footer-copy img {
    pointer-events: none;
    filter: drop-shadow(0 0 1px #000);
}

.logo-ps img {
    position: relative;
    top: 2px;
    height: 14px;
}

.logo-ps4 img {
    height: 10px;
}

.notecheck {
    width: 100%;
    max-width: 800px;
    margin: 10px auto 70px;
    font-size: 1.5rem;
    padding: 20px;
    background-color: #F5E8E8;
    border: #DD1B1E solid 5px;
    border-radius: 10px;
}

.note_title {
    font-size: 3rem;
    color: #D41B1E;
    text-align: center;
}

.note_date {
    font-size: 1.4rem;
    text-align: right;
}


/* ----------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 1150px) {
    .voting-illust{
      top: 28vw;
    }

    #fourth-anniversary .content-box{
      margin-top:38vw;
    }
}


/* ----------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 920px) {
    .voting-illust{
      top: 35vw;
    }

    #fourth-anniversary .content-box{
      margin-top:46vw;
    }
}

/* ----------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 810px) {
    .voting-illust{
      top: 38vw;
    }

    #fourth-anniversary .content-box{
      margin-top:52vw;
    }
}


/* ----------------------------------------------------------------------------------------------------- */
@media screen and (max-width: 750px) {

    body {
        font: 3vw / normal "Noto Sans JP", sans-serif;
    }

    /* kv */
    .kv-wrap {
        height: 100%;
        min-width: initial;
    }
    
   .kv-inner {
        width: 100%;
        height: 152vw;
        min-height: initial;
    }

    .kv-inner img {
        width: 100%;
    }

    img {
        width: 100%;
    }
    
    .kv-circle{
      display:none;
    }
    
    .kv-logo-area{
      width: 100%;
      min-width: initial;
    }

    .kv-link{
      width:30%;
      font-size:1.2em;
      font-weight:600;
      text-align:left;
      text-shadow:
      1px  1px 1px #ffffff,
      -1px  1px 1px #ffffff,
       1px -1px 1px #ffffff,
      -1px -1px 1px #ffffff,
       1px  0px 1px #ffffff,
       0px  1px 1px #ffffff,
      -1px  0px 1px #ffffff,
       0px -1px 1px #ffffff;
      -ms-writing-mode: lr-tb;
      -webkit-writing-mode: horizontal-tb;
      writing-mode: horizontal-tb;
      position: relative;
      top: 0;
      left:4vw;
      z-index: 5;
    }

    .kv-new-goods{
      transform: rotate( 0deg );
      position: absolute;
      top: 24vw;
      left:0;
    }

    .kv-benefit{
      transform: rotate( 0deg );
      position: absolute;
      top: 16vw;
      left:0;
    }

    .kv-sh-comment{
      transform: rotate( 0deg );
      position: absolute;
      top: 8vw;
      left:0;
    }

    .kv-4th{
      transform: rotate( 0deg );
      position: absolute;
      top: 0;
      left:0;
    }

    /* global-menu */
    .g-menu{
      width:100%;
      display: flex;
      flex-wrap: wrap;
    }

    .g-menu div{
      width:50%;
      height:auto;
      line-height:2.2em;
    }
    
    /* section共通 */
    section{
      width:100%;
      padding-bottom:30px;
      min-width: initial;
    }

    section h2{
      width:100%;
      min-width: initial;
      height:28vw;
      min-height:initial;
      display: block;
      position: relative;
    }

    .content-box{
      width:88%;
      min-width:initial;
      margin:0 auto 0;
    }
    
    .content-box h3{
      width:100%;
      text-align:center;
      font-size:2em;
      margin:0 auto 0;
      padding-top:1vw;
    }

    .content-box2{
      width:88%;
      min-width:initial;
      margin:0 auto 0;
    }
    
    .content-box2 h3{
      width:100%;
      text-align:center;
      font-size:2em;
      margin:0 auto 0;
      padding-top:1vw;
    }
  
    /*fourth-anniversary*/
    #fourth-anniversary{
      background-color:#ff8bb2;
      position: relative;
    }
    
    #fourth-anniversary h2{
      min-height:initial;
    }

    
    .voting-illust{
      width:100%;
      margin-top:0;
      min-width: initial;
      position:absolute;
      top: 23vw;
      right:0;
      z-index:6;
    }
    
    #fourth-anniversary .content-box{
      height:55vw;
      min-height:initial;
      margin-top:26vw;
      border:1px solid #ffc5d9;
      width:88%;
    }
    
    .voting-caption{
      width:90%;
      color:#ff387c;
      font-size:1.2em;
      line-height:1.9em;
      font-weight:600;
      text-shadow:
      1px  1px 1px #ffffff,
      -1px  1px 1px #ffffff,
       1px -1px 1px #ffffff,
      -1px -1px 1px #ffffff,
       1px  0px 1px #ffffff,
       0px  1px 1px #ffffff,
      -1px  0px 1px #ffffff,
       0px -1px 1px #ffffff;
      position: absolute;
      bottom: 20px;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
    }

    .voting-rule-area{
      width: 100%;
      min-width:initial;
      margin:20px auto 0;
      position: relative;
      top: 43vw;
      left: 0;
    }

    h3.voting-rule{
      width:100%;
      margin:1vw auto 0;
      padding:0;
      text-aling:center;
      font-weight:600;
      font-size: 6vw;
    }

    .voting-explanation{
      width:88%;
      min-width:initial;
      margin:20px auto 40px;
      font-size:1.3em;
    }
    
    .badge-voting{
      width:20vw;
      height:20vw;
      position:absolute;
      top: -30px;
      right:-30px;
    }

    .voting-area{
      min-width:initial;
      margin:30px auto 30px;
    }

    h3.voting-title{
      width:100%;
      margin:0;
      text-align:center;
      font-size:2.3em;
      font-weight:600;
    }

    .voting-decoration{
      width:70%;
    }

    .voting-btn-area{
      width:100%;
      min-width:initial;
      margin:0 auto 0;
      padding:0;
    }

    .voting-btn-area a{
      width:50%;
      margin:0;
      display:block;
    }
    
    /*sh-comment*/
    #sh-comment h3{
      padding-top:4vw;
      font-weight:500;
    }
    
    .p_comment{
      width:90%;
      margin:20px auto 0;
      font-size:3vw;
      position: relative;
    }

    .p-name{
      width:40%;
      height:30vw;
      margin:0 30px 0 auto;
      font-size:1.5em;
      background: url(../img/img_producer.png);
      background-size:55% auto;
      background-position: right bottom;
      background-repeat:no-repeat;
      position: relative;
    }

    .cv-comment-area{
      width:90%;
      min-width:initial;
      height:auto;
      margin:40px auto 40px;
      padding:0;
    }

    .cv-img a img{
      width:100%;
      margin:10px auto;
    }
    
    /*benefit*/
    #benefit h2{
      height:22vw;
      min-height:initial;
    }

    .badge-benefit{
      width:60%;
      margin:20px auto 10px;
      display:block;
    }

    .benefit-area{
      width:90%;
      display:flex;
      flex-wrap: wrap;
      justify-content:space-between;
    }

    .benefit-info-box{
      width:100%;
      margin-top:20px;
    }

    .benefit-info-box h3{
      width:100%;
      font-size:2em;
    }

    .benefit_explanation{
      margin:30px 0 0;
    }
    
    /*new-goods*/
    .badge-new-goods{
      width:60%;
      margin:0 auto 0;
      display:block;
    }

    #new-goods .content-box{
      margin:0 auto 20px;
      padding:10px 0 10px;
      border:1px solid #c5d9f4;
    }

    #new-goods .content-box h3{
      width:100%;
      min-width:initial;
      margin:0 auto 20px;
      font-size:1.6em;
    }

    .new-goods-area{
      width:90%;
      margin:0 auto 50px;
      flex-wrap: wrap;
    }

    .new-goods-info-box{
      width:100%;
    }

    .products-name{
      width:100%;
      margin:10px auto 0;
      text-align:center;
    }


    .products-price{
      width:100%;
      margin:10px auto 10px;
      font-size:6vw;
    }

    .products-price span{
      font-size:3vw;
    }

    .btn-purchase{
      margin-top:20px;
      font-size:1.4em;
      line-height:2.2em;
    }

    .new-goods_explanation{
      margin:20px 0 0;
    }

    h3.single-sale-title{
    }

    .single-sale-area{
      width:90%;
      margin:0 auto 0;
    }

    .single-sale-item{
      width:100%;
    }

    .thumb-single-sale-item{
      width:90%;
      margin:18px auto 14px;
    }

    .single-sale-item-name{
      width:90%;
      text-align:center;
    }
    .single-sale-item-name2{
      width:90%;
      text-align:center;
      font-size: 1.2em;
    }

    .single-sale-item-price{
      margin:10px 0 20px;
      font-size:6vw;
    }

    .single-sale-item-price span{
      font-size:3vw;
    }

    .btn-purchase-single{
      width:90%;
      line-height:2.2em;
    }

    .single-sale-item_explanation{
      width:90%;
      font-size:1.05em;
      line-height:1.4em;
    }

    .products-list-image img {
        width: 100%;
        height: auto;
    }
ul.caution{
  margin-left: 0px;
}
ul.caution2{
  margin-left: 0px;
}
    .caution-txt{
      font-size:1em;
    }

    /* pagetop */
    .top-anchor {
        right: 4vw;
        bottom: 4vw;
    }

    .top-anchor img {
        width: 12vw;
        height: 12vw;
    }

    /* footer */
    .footer-bottom .footer-logo {
        margin-top: -50px;
        padding-bottom: 150px;
        width: 167px;
    }

    .footer-bottom .footer-copy {
        top: 90px;
    }

    .footer-bottom .footer-copy img {
        filter: none;
    }

    .logo-ps img {
        position: relative;
        top: 2px;
        height: 11px;
    }

    .logo-ps4 img {
        height: 8px;
    }

    .note_title {
        font-size: 3.1vw;
    }

    .note_date {
        font-size: 2.5vw;
    }

    .note_text {
        font-size: 2.5vw;
    }


}