@charset "utf-8";
/* CSS Document */


.backImg {}
.sub-grid-tit:after { content:'.'; color:var(--thm-primary); font-size: 1.3em; margin-left:5px;}
.txt-desc { text-align: justify;  line-height: 1.8; color:#202020; font-size: 1.1em}
.sub-rndvision .sect-overview{padding-bottom:3.75rem}
.sub-rndvision .sect-overview { position: relative; z-index: 0;}
.sub-rndvision .sect-overview .overview-img {position: relative; text-align: right}
.sub-rndvision .sect-overview .overview-img img{ position: relative; z-index: 1; max-width: 100%}
.sub-rndvision .sect-overview .overview-img:after{content:''; position:absolute;background-color:var(--thm-primary); bottom:-3.75rem;right:-3.75rem;width:59.64912%;height:59.64912%; z-index: 0}
.box_m h2 {font-size:2rem}
.imgWrap img { max-width: 100%}

.app_field {}
.app_field h2 {font-size:2rem}
.app_field sup { vertical-align: bottom}
.app_field .blog__title {margin-bottom:30px; font-size: 1.1em; font-weight: 500; }

@media (min-width: 992px) {
	.sub-grid-tit { margin-top:100px}
	.box_m { margin-top:-150px; z-index: -1}
	.app_field .col-lg-4 { padding:0 15px;}
}

@media (max-width: 991px) {

}

@media (max-width: 767px) {
	.sub-rndvision { padding-bottom:30px}
	.sub-rndvision .row { flex-direction:column-reverse}
	.sub-rndvision .sect-overview {width:80%}
	.sub-grid-tit {font-size: 1.5em;}
	.txt-desc { font-size: .9em}
	.box_m h2 {font-size: 1.3em; margin-top:-10px}
	.app_field h2 {font-size: 1.3em; margin-top:-10px}
	.app_field .blog__title {margin:15px 0 0; font-size: 1em; }
	.app_field .y-gap-32 > * { padding-top:0}
}