@charset "UTF-8";

.wysiwyg{
    font-family: 'Raleway', sans-serif;
    color: #9dadb9;
    background: #0f2231;
}



.wysiwyg h1{}
.wysiwyg h2{
	font-weight: 700;
	font-size: 28px;
	margin: 50px 0 19px;
	border-bottom: #264966 solid 2px;
	position: relative;
	z-index: 1;
	line-height: 1.2;
	padding: 0 0 7px;
	color: #fff;
}

.wysiwyg h2:before {
    content: "";
    z-index: 1;
    position: absolute;
    background: #0279ff;
    width: 50px;
    height: 1px;
    bottom: -2px;
    left: 0;
}


.wysiwyg h3{
  font-size: 22px;
  line-height: 1.4;
  margin: 52px 0 14px;
  font-weight: 700;
  padding: 0 0 0 12px;
  color: #fff;
  position: relative;
  z-index: 1;
}
.wysiwyg h3:before{
content: "";
z-index: 1;
position: absolute;
background: #0279ff;
width: 5px;
top: 4px;
bottom: 4px;
left: 0;
}

.wysiwyg h4{
  font-size: 18px;
  line-height: 1.7;
  font-weight: 700;
  color: #fff;
  margin: 52px  0 14px;
}
.wysiwyg h5{}
.wysiwyg h6{}

.wysiwyg mark{
	background: linear-gradient(transparent 70%, #0279ff 70%);
	color: #9dadb9;
}
.wysiwyg u{
	background:linear-gradient(transparent 90%, #fff118 90%);
	text-decoration: none;
}
.wysiwyg strong{
	color: #005aff;
	font-weight: 600;
}
.wysiwyg b{
	font-weight: 600;
}



.wysiwyg a{
    color: #0279ff;
    text-decoration: underline;
    position: relative;
    z-index: 1;
}
.wysiwyg a[target="_blank"]:after{
  content: "";
  z-index: 10;
  position: relative;
  background: url(../img/common/icon_blank.svg) 0 0 no-repeat;
  background-size: 100% auto;
  width: 14px;
  height: 14px;
  top: 0px;
  /* bottom: 0; */
  right: 0;
  margin: 0 2px 0 2px;
  display: inline-block;
}

.wysiwyg p{}
.wysiwyg p + p{margin-top: 15px;}


.wysiwyg del{
color: #9dadb9;
}

.wysiwyg blockquote{
    /* background: #fff; */
    padding: 45px 5%;
    margin: 60px 0;
    position: relative;
    z-index: 1;
    border: #283C4D solid 1px;
}

.wysiwyg ul{
	padding: 0 0 0 16px;
	margin: 60px 0;
	list-style: none;
}

.wysiwyg ul li{
	line-height: 1.2;
	position: relative;
	z-index: 1;
}
.wysiwyg ul li:before{
	content: "";
	z-index: 1;
	position: absolute;
	background: #0279FF;
	width: 10px;
	height: 10px;
	top: 3px;
	left: -15px;
	border-radius: 10px;
}
.wysiwyg ul li:nth-child(n+2){
	margin-top: 5px;
}

.wysiwyg ol{
	padding: 0 0 0 22px;
	margin: 60px 0;
	list-style: none;
	padding: 0;
	margin: 21px 0;
	position: relative;
	z-index: 1;
	counter-reset: li;

	padding: 0 0 0 22px;
	margin: 60px 0;

}
.wysiwyg ol li{
  position: relative;
  z-index: 1;
  padding: 0 0 0 9px;
  line-height: 1.2;
}
.wysiwyg ol li + li{
  margin-top: 20px;
}
.wysiwyg ol li:before{
  content: counter(li);
  counter-increment: li;
  z-index: 1;
  position: absolute;
  background: #0279FF;
  width: 24px;
  height: 24px;
  top: -4px;
  left: -21px;
  border-radius: 100px;
  color: #fff;
  text-align: center;
  line-height: 24px;
  font-size: 16px;
}





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





.wysiwyg .aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto
}

.wysiwyg .alignleft{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px
}

.wysiwyg .alignright{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px
}
/*--------------------------------------- */
.wysiwyg_list_link {
    text-align: center;
    margin: 60px 0;
}

.wysiwyg_list_link .btn1 {
    position: relative;
    z-index: 1;
    background: #189A54;
    border-radius: 100px;
    overflow: hidden;
    padding: 25px 63px;
    min-width: 370px;
    color: #fff;
    text-decoration: none;
}

.wysiwyg_list_link .arrow1 {
    position: absolute;
    z-index: 1;
    top: 15px;
    right: 7px;
}

.wysiwyg_list_link .btn1:before{
  background: #188d4e;
}

.wysiwyg_list_link .arrow1:before{
  display: none;
  
}

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

.wysiwyg #toc_container{
  background: #162D3E;
  border: none;
  padding: 47px 5%;
  display: block;
  margin-bottom: 70px;
}

.wysiwyg #toc_container p.toc_title{
  text-align: left;
  font-size: 18px;
  border-bottom: solid 1px #305E8D;
  padding-bottom: 6px;
  color: #fff;
}
.wysiwyg #toc_container ul li:before{
  display: none;
}
.wysiwyg #toc_container p.toc_title+ul.toc_list{margin: 34px 4px 0;}

.wysiwyg #toc_container li + li{
  margin-top: 12px;
}
.wysiwyg .toc_number{
  display: inline-block;width: 19px;
  color: #0279ff;
}
.wysiwyg .toc_number:after{
  content: '.';
}

.wysiwyg #toc_container a{
  color: #fff;
  text-align: center;
  text-decoration: none;
}

.wysiwyg_youtube{
  position: relative;
  z-index: 1;
  padding-top: 58%;
  margin: 60px 0;
}
.wysiwyg_youtube iframe{
  position: absolute;
  z-index: 1;
  left: 0;
  /* right: 0; */
  top: 0;
  /* bottom: 0; */
  width: 100%;
  height: 100%;
}


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

@media screen and (min-width: 641px) {

  .wysiwyg #toc_container a:hover{
    color: #0279ff;
  }
  .wysiwyg a:hover{
    text-decoration: none;
  }

}

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



  .wysiwyg h1{}
  .wysiwyg h2{
    font-size: 22px;
}

  .wysiwyg h2:before {}


  .wysiwyg h3{
    font-size: 18px;
}
  .wysiwyg h3:before{}

  .wysiwyg h4{}
  .wysiwyg h5{}
  .wysiwyg h6{}

  .wysiwyg mark{}
  .wysiwyg u{}
  .wysiwyg strong{}
  .wysiwyg b{}



  .wysiwyg a{}
  .wysiwyg a[target="_blank"]:after{}

  .wysiwyg p{}
  .wysiwyg p + p{
    margin-top: 13px;
}


  .wysiwyg del{}

  .wysiwyg blockquote{
    padding: 22px 7%;
    margin: 40px 0;
}

  .wysiwyg ul{
    margin: 40px 0;
}

  .wysiwyg ul li{}
  .wysiwyg ul li:before{
    top: 2px;
}
  .wysiwyg ul li:nth-child(n+2){}

  .wysiwyg ol{
    margin: 40px 0;
}
  .wysiwyg ol li{}
  .wysiwyg ol li + li{}
  .wysiwyg ol li:before{
    top: -4px;
    line-height: 21px;
}





  .wysiwyg p:after {}





  .wysiwyg .aligncenter{}

  .wysiwyg .alignleft{}

  .wysiwyg .alignright{}
  /*--------------------------------------- */
  .wysiwyg_list_link {
    margin: 40px 0;
}

  .wysiwyg_list_link .btn1 {
    padding: 20px 52px;
    min-width: 0;
}

  .wysiwyg_list_link .arrow1 {
    top: 10px;
}

  .wysiwyg_list_link .btn1:before{}

  .wysiwyg_list_link .arrow1:before{}

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

  .wysiwyg #toc_container{
    padding: 16px 5% 25px;
}

  .wysiwyg #toc_container p.toc_title{
    font-size: 16px;
}
  .wysiwyg #toc_container ul li:before{}
  .wysiwyg #toc_container p.toc_title+ul.toc_list{
    margin: 23px 4px 0;
}

  .wysiwyg #toc_container li + li{}
  .wysiwyg .toc_number{}
  .wysiwyg .toc_number:after{}

  .wysiwyg #toc_container a{}

  .wysiwyg_youtube{
    margin: 40px 0;
}
  .wysiwyg_youtube iframe{}
}