@charset "UTF-8";


.editor-styles-wrapper{
    background-color: #f3f3f3;
}





.editor blockquote > *:first-child,
.editor > *:first-child{
  margin-top: 0 !important;
}

.editor blockquote > *:last-child,
.editor > *:last-child{
  margin-bottom: 0 !important;
}

.editor h1 + *,
.editor h2 + *,
.editor h3 + *,
.editor h4 + *,
.editor h5 + *,
.editor h6 + *{
  margin-top: 0 !important;
}  



.editor{
    line-height: 2.2;
    letter-spacing: normal;
    font-size: 15px;
}


.editor img{
  /* border-radius: 8px; */
}


.editor h2{
    background: #eff2f3;
    margin-top: 60px;
    margin-bottom: 39px;
    font-size: 22px;
    position: relative;
    z-index: 1;
    line-height: 1.6;
    padding: 19px 25px 19px 35px;
    font-weight: 500;
}

.editor h2:before{
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 26px;
    top: 26px;
    width: 3px;
    background: #11a688;
}

.editor h3{
    margin-top: 50px;
    margin-bottom: 26px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.7;
    padding: 0 0 0 42px;
    position: relative;
    z-index: 1;
}
.editor h3:before {
    content: "";
    z-index: 1;
    position: absolute;
    background: #11a688;
    width: 20px;
    height: 2px;
    top: 14px;
    margin: auto;
    left: 7px;
}
.editor h4{}
.editor h5{}
.editor h6{}



.editor a{
    position: relative;
    z-index: 1;
    color: #11a688;
    text-decoration: underline;
}

.editor a[target="_blank"]:after{
  content: "";
  z-index: 10;
  position: relative;
  background:url(../img/common/blank1_g.svg) 50% 50% no-repeat;
  background-size: contain;
  width: 13px;
  height: 11px;
  top: 0;
  right: 0;
  margin: 0 9px 0 9px;
  display: inline-block;
  /* border-radius: 100px; */
}

.editor p{
    margin-top: 18px;
    margin-bottom: 18px;
}


.editor p:after {
    display: block;
    content: "";
    clear: both;
}


.editor blockquote{
  margin-top: 40px;
  margin-bottom: 40px;
}

.editor ul{
  margin-top: 18px;
  margin-bottom: 18px;
  list-style: none;
  padding: 0;
}

.editor ul li{
  position: relative;
  z-index: 1;
  padding: 0 0 0 19px;
}
.editor ul li:before{
  content: "";
  z-index: 1;
  position: absolute;
  background: #11a688;
  width: 6px;
  height: 6px;
  top: 14px;
  left: 3px;
  border-radius: 10px;
  /* border-radius: 10px; */
}
.editor ul li:nth-child(n+2){
  margin-top: 3px;
}

.editor ol{
  padding: 0;
  margin-top: 18px;
  margin-bottom: 18px;
  list-style: none;
  counter-reset: li 0;
}
.editor ol li{
  position: relative;
  z-index: 1;
  padding: 0 0 0 24px;
}
.editor ol li + li{
  margin-top: 3px;
}
.editor ol li:before{
  content: counter(li) ".";
  counter-increment: li;
  position: absolute;
  z-index: 1;
  top: 5px;
  left: 3px;
  color: #11a688;
  font-family: 'Work Sans', sans-serif;
  /* font-style: italic; */
  font-size: 13px;
 }
/* -------- */

.editor .aligncenter{
  text-align: center;
}

.editor .alignleft{
  text-align: left;
}

.editor .alignright{
  text-align: right;
}

/* -------- */

.editor .has-text-align-left {
    text-align: left;
}
.editor .has-text-align-center {
    text-align: center;
}
.editor .has-text-align-right {
    text-align: right;
}





/* hover --------------------------------------- */


@media screen and (min-width: 768px) {
  .editor a:hover{
    text-decoration: none; 
  }
}


/* sp --------------------------------------- */

@media screen and (max-width: 767px) {



  .editor{
    line-height: 1.8;
    font-size: 13px;
}

  .editor img{}

  .editor h2{
    font-size: 18px;
    padding: 12px 17px 12px 21px;
    margin-bottom: 20px;
    margin-top: 45px;
}
  .editor h2:before{}
  .editor h3{
    font-size: 16px;
    margin-top: 27px;
    margin-bottom: 15px;
    padding: 0 0 0 34px;
}
  .editor h3:before{
    width: 15px;
}
  .editor h4{}
  .editor h5{}
  .editor h6{}
  .editor a{}
  .editor a[target="_blank"]:after{
    /* width: 25px; */
    /* height: 25px; */
}

  .editor p{
    margin-top: 15px;
    margin-bottom: 15px;
}
  .editor p:after {}
  .editor blockquote{}

  .editor ul{
    margin-top: 15px;
    margin-bottom: 15px;
}

  .editor ul li{
    padding: 0 0 0 17px;
}
  .editor ul li:before{
    /* width: 4px; */
    /* height: 4px; */
    top: 9px;
}
  .editor ul li:nth-child(n+2){}

  .editor ol{
    margin-top: 15px;
    margin-bottom: 15px;
}
  .editor ol li{
    padding: 0 0 0 28px;
}
  .editor ol li + li{}
  .editor ol li:before{
    /* font-size: 10px; */
    top: 1px;
}


  .editor .aligncenter{}

  .editor .alignleft{}

  .editor .alignright{}



}