section.note{
    padding:0 1rem 0
}
section.note .trans{
    margin-bottom: 50px;
}
section.note p.gold-box{
    border: solid #eaca95 1px;
    display: inline-block;
    margin: 40px auto;
    color: #eaca95;
    padding: .5rem 1rem;
}
section.note .trans a{
    border-bottom: dotted #fff 1px
}
section.note h1{
    margin-bottom: 50px;
}
  section.note ul {
    margin-bottom: 20px;
}
section.note p a{
    color: #9dbffa;
    border-bottom: dotted 1px #9dbffa;
}
section.note span.border{
    border-bottom: 1px #eaca95 solid;
    padding-bottom: 5px;
    color: #eaca95;
    margin-top: 20px;
    display: inline-block;
}
section.note .wrap_content{
    padding: 0;
    margin: 50px auto 80px;
}
section.note li{
    text-align: left;}
section.note li p,
section.note h2{
    padding: 1rem 0;
    display: block;
    margin-bottom: 30px;
}
section.note h2{
    border-bottom:solid 1px #fff;
    text-align: left;
    border-left: 5px solid #fff;
    padding-left: 2rem;
}
section.note h3{
    padding: 1rem 1rem;
    margin-bottom: 20px;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.05);
    text-align: center;
    border-radius: 70px;
    border:solid 1px rgba(255, 255, 255, 0.2)
    
}
section.note img{
    width: 80%;
    margin: 0 auto;
}
section.note ul li ol{
    text-align: left;
}
section.note span.exception{
    font-size: .8rem;
    vertical-align: text-top;
    color: #eaca95;
}
section.note .desc span.exception{
    vertical-align: middle;
    vertical-align:baseline;

}
section.note span.red{
    color: #ec8888;
    border-bottom:solid #ec8888 1px
}
/****/
.arrowed ul {
    display: grid;
    
grid-template-columns: repeat(3, 1fr);
grid-template-rows: 1fr;
  
    grid-column-gap:20px;
    grid-row-gap: 20px;
}

/******/
  
.not-arrowded ul{
    grid-template-rows: auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap:0px;
}

.not-arrowded ul li:nth-child(1) { grid-area: 1 / 1 / 2 / 2; }
.not-arrowded ul li:nth-child(2) {  grid-area: 1 / 2 / 2 / 3; }
.not-arrowded ul li:nth-child(3) { grid-area: 1 / 3 / 2 / 4; }
.not-arrowded ul li:nth-child(4) { grid-area: 1 / 4 / 2 / 5;}
.not-arrowded ul li:nth-child(5) { grid-area: 2 / 1 / 3 / 3;}
.not-arrowded ul li:nth-child(6) { grid-area: 2 / 3 / 3 / 5;}

  
section.note .desc{
    font-size: smaller;
    text-align: left;
    border-top: 1px solid #5d6074;
    padding-top: 40px;
    margin-top: 40px;
}

@media screen and (max-width: 768px) {
    .arrowed ul,    
    .not-arrowded ul {
        display: flex;
        gap:5px 5px;
        padding: 0;
        margin: 0;
        list-style: none;
        flex-wrap: wrap;
    }
    .not-arrowded ul ol{
        margin-bottom: 30px;
    }
    
.arrowed ul li,
.not-arrowded ul li{
    width: 100%;
}

}