table {
 width: 100%;
}

th,td{
  vertical-align: middle;
  padding: 10px 15px;
  border: 1px solid #ccc;
  color: #333;
}


th{
font-size: 14px;
line-height: 1.6em;
text-align: right;
width: 150px;
}

td{
text-align: center;
font-size: 14px;
line-height: 1.6em;
}


ol{
	margin: 0px;
	padding: 0px;
	counter-reset: listnum; 
	list-style: none; 
}


ol li{
	list-style: decimal;
	text-align: left;
	font-size: 14px;
	color: #333;
	line-height: 1.6em;
	margin-bottom: 30px;
}

.privacy-policy p{
	font-size: 14px;
	line-height: 22px;
	text-align: left;
	color: #333;
	
}

.gd-line{
	border-left: 2px solid #27ad3a;
	border-right: 2px solid #27ad3a;
	
}

.gd-line-bottom{
	border-bottom: 2px solid #27ad3a;
	
}

.mobileColor{
	background-color: #ccc !important;
}


 .fixed01{
  position: sticky;
  left: 0;
  color: #222;
  background: #e3fce6;
  &:before{
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 25%;
    height: 100%;

  }
}
  
  
 .supportTable01{
	 background-color:  #27ad3a;
	 border-top-left-radius: 20px;
	  border-top-right-radius: 20px;
	  width: 30%;
	  border: none;
 }
 
  .supportTable02{
	 background-color:  #6bbcf2;
	  color: #fff;
	  font-weight: 800;
	   width: 15%;
 }
 


 
 
 @media screen and (max-width: 600px) {
 table{
	 width: 600px;
	 }
	 
	  .fixed01{
    width: 100px;  
}
	
	 .supportTable01{
	  width: 140px;
 }
 
   .supportTable02{
	   width: 120px;
 }
  
	 
	 
}

header .navbar-brand img {
    max-height:60px;
}

@media screen and (max-width: 410px) {
header .navbar-brand img {
    max-height:50px;
}
}

 @media screen and (max-width: 368px) {
header .navbar-brand img {
    max-height:40px;
}
}

  

.flow_design02 {
  display: flex;
  justify-content: center;
  align-items: center;
}

.flow_design02 ul {
  padding: 0;
}

.flow_design02 li {
  list-style-type: none;
}

.flow_design02 dd {
  margin-left: 0;
}

.flow02 > li {
  padding: 20px 10px;;
}

.flow02 > li:not(:last-child) {
  border-bottom: 3px solid #B058D6;
  position: relative;
}

.flow02 > li:not(:last-child)::before,
.flow02 > li:not(:last-child)::after {
  content: "";
  border: solid transparent;
  position: absolute;
  top: 100%;
  left: 15%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.flow02 > li:not(:last-child)::before {
  border-width: 22px;
  border-top-color: #B058D6;
}

.flow02 > li:not(:last-child)::after {
  border-width: 18px;
  border-top-color: #fff;
}

.flow02 > li dl {
  margin: 0;
}

.flow02 > li dl dt {
  font-size: 1.3em;
  font-weight: 600;
  border-bottom: 2px dotted #878787;
  margin-bottom: 0.5em;
  padding-bottom: 0.5em;
  display: flex;
}

.flow02 > li dl dt .icon02 {
  font-size: 0.6em;
  color: #fff;
  background: #B058D6;
  padding: 5px 10px;
  display: inline-block;
  margin-right: 0.5em;
}


.flow-dt{
	display: block;
}

.flow-sp{
	display: none;
}

@media screen and (max-width: 768px) {
.flow-dt{
	display: none;
}

.flow-sp{
	display: block;
}
}













.menu-m{
	display: none !important;
}
.menu-d{
	display: block !important;
}


.heading-31 {
    position: relative;
    padding: .3em 0 .2em 1em;
    border-bottom: 3px solid #77bb41;
    color: #333333;
}

.heading-31::before {
    position: absolute;
    top: 0;
    left: .3em;
    transform: rotate(55deg);
    height: 11px;
    width: 12px;
    background: #77bb41;
    content: '';
}

.heading-31::after {
    position: absolute;
    transform: rotate(15deg);
    top: .6em;
    left: 0;
    height: 8px;
    width: 8px;
    background: #77bb41;
    content: '';
}



.heading-12 {
    position: relative;
    width: 290px;
    margin: 0 auto;
    padding: .5em .7em;
    background-color: #27ad3a;
    color: #fff;
    text-align: center;
}

.heading-12::before,
.heading-12::after {
    position: absolute;
    bottom: -10px;
    z-index: -1;
    border-style: solid;
    border-color: #27ad3a;
    content: '';
}

.heading-12::before {
    left: -30px;
    border-width: 25px 25px 25px 15px;
    border-left-color: transparent;
}

.heading-12::after {
    right: -30px;
    border-width: 25px 15px 25px 25px;
    border-right-color: transparent;
}

.heading-12 span::before,
.heading-12 span::after {
    position: absolute;
    bottom: -10px;
    width: 10px;
    height: 10px;
    background-color: #175b00;
    content: '';
}

.heading-12 span::before {
    left: 0;
    clip-path: polygon(0 0, 100% 0%, 100% 100%);
}

.heading-12 span::after {
    right: 0;
    clip-path: polygon(0 0, 100% 0%, 0% 100%);
}


.heading-34 {
    position: relative;
    margin: 0 0 25px 9px;
    padding: .5em .8em;
    background-color: #27ad3a;
    color: #fff;
    display: inline-block;
    font-size: 24px;
    line-height: 1.2em !important;
    font-weight: 600;
}

.heading-34::before {
    position: absolute;
    top: 0;
    left: -9px;
    z-index: 1;
    width: 5px;
    height: 135%;
    border-radius: 3px;
    background-color: #600;
    content: '';
}

.heading-34 span::before,
.heading-34 span::after {
    position: absolute;
    left: -9px;
    width: 20px;
    height: 3px;
    border-radius: 3px;
    background-color: #c99;
    content: '';
    
}

.heading-34 span::before {
    top: 44%;
    transform: rotate(-25deg);
}

.heading-34 span::after {
    top: 54%;
    transform: rotate(25deg);
}


.swiper-slide a{
	text-decoration: underline;
    color: #fff;
}

.swiper-slide{
	text-align: left;
}



.original-text-shadow {
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  color:#3f3f3f;
  font-size: 50px;
  text-shadow: 4px 3px 11px rgba(255, 255, 255, 0.76);
  font-weight: bold;
}

.topNewsBg{
background-color: #2a8f00;
opacity: 1;
background-size: 4px 4px;
background-image: repeating-linear-gradient(45deg, #00c757 0, #00c757 0.4px, #2a8f00 0, #2a8f00 50%);
}

.serviceBg{
background-image: linear-gradient(45deg, transparent 0%, transparent 55%,rgba(64, 64, 64,0.04) 55%, rgba(64, 64, 64,0.04) 76%,transparent 76%, transparent 100%),linear-gradient(135deg, transparent 0%, transparent 14%,rgba(64, 64, 64,0.04) 14%, rgba(64, 64, 64,0.04) 41%,transparent 41%, transparent 100%),linear-gradient(45deg, transparent 0%, transparent 2%,rgba(64, 64, 64,0.04) 2%, rgba(64, 64, 64,0.04) 18%,transparent 18%, transparent 100%),linear-gradient(135deg, transparent 0%, transparent 61%,rgba(64, 64, 64,0.04) 61%, rgba(64, 64, 64,0.04) 71%,transparent 71%, transparent 100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));
}

.userBg{
background-image: linear-gradient(45deg, rgb(41,152,53) 0%, rgb(41,152,53) 20%,rgb(39,160,52) 20%, rgb(39,160,52) 40%,rgb(43,172,57) 40%, rgb(43,172,57) 60%,rgb(53,201,63) 60%, rgb(53,201,63) 80%,rgb(65,229,76) 80%, rgb(65,229,76) 100%);
}
.nationwideBg{
background-image: linear-gradient(135deg, transparent 0%, transparent 6%,rgba(71, 71, 71,0.04) 6%, rgba(71, 71, 71,0.04) 22%,transparent 22%, transparent 100%),linear-gradient(45deg, transparent 0%, transparent 20%,rgba(71, 71, 71,0.04) 20%, rgba(71, 71, 71,0.04) 47%,transparent 47%, transparent 100%),linear-gradient(135deg, transparent 0%, transparent 24%,rgba(71, 71, 71,0.04) 24%, rgba(71, 71, 71,0.04) 62%,transparent 62%, transparent 100%),linear-gradient(45deg, transparent 0%, transparent 73%,rgba(71, 71, 71,0.04) 73%, rgba(71, 71, 71,0.04) 75%,transparent 75%, transparent 100%),linear-gradient(90deg, rgb(255,255,255),rgb(255,255,255));
}
.emphasis{
	font-weight: 600;
	margin: 0px 10px;
	background:linear-gradient(transparent 60%, #fadce9 60%);
	color: #555;
}

.promoV{
	height: 800px;
}

.sp-br{
	display: none !important;
}

.topTitle{
	margin-top: -120px;

}

@media screen and (max-width: 1280px) {
.topTitle{
	margin-top: 0px;
}

}


@media screen and (max-width: 991px) {
	.menu-d{
	display: none !important;
	}	
	
	.menu-m{
	display: block !important;
}

.promoV{
	height: auto;
}


}



 @media screen and (max-width:780px) {

	 
	 
 }





@media screen and (max-width: 510px) {
.sp-br{
	display: block !important;
}


}

.openWrap{
position: absolute;
right: 30px;
top:-80px;
}


@media screen and (max-width: 475px) {

.mobileWrap{
margin-top: 60px;	
}

.openWrap{
position: absolute;
right: 30px;
top:-35px;
}

}

