@charset "utf-8";
/*===========================
add
===========================*/

.cntBnrWrap {
    width: 100%;
display: flex;
display: -ms-flexbox;
display: -webkit-box;
display: -webkit-flex;
align-items: center;
-ms-flex-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
-webkit-justify-content:center;
}

.cntBnrWrap > div{
    margin: 1em;
    width: 40%;
}

.cntBnrWrap > div .txtBnrAr{
    width: 100%;
}

.cntBnrWrap > div a{
    max-width: 380px;
    width: 62%;
}

.cntBnr2Wrap{
    width: 80%;
}
.cntBnr2Wrap .txtBnrAr{
    display: block;
}

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

.cntBnr2Wrap{
    width: 100%;
}

.cntBnrWrap {
    display: block;
}

.cntBnrWrap > div{
    margin: 0;
    width: 100%;
}    
.cntBnrWrap > div .txtBnrAr{
    width: 100%;
}
.cntBnrWrap > div a{
max-width: 300px;
  width: 65%;    
padding: 1em 4em 1em 1em;  
}

}


.db{
    display: block !important;
}

.txtBnrAr a.instaBg {
	width: 100%;
    padding: 2em 0em 2em 0em;    
    max-width: 500px;
    margin: 0 auto;
    text-align: center;
}

.txtBnrAr a.instaBg{
    background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;    
}
.txtBnrAr a.instaBg span{
    font-size: 120%;
    display: block;
    margin: 0 auto;
    text-align: left;
}
@media screen and (max-width: 600px) {
	.txtBnrAr a.instaBg {
		width: 90%;
		padding: 2em 0;
	}
}