@charset "utf-8";

/* kso_page_container */
#kso_page_container h1,
#kso_page_container h2,
#kso_page_container h3,
#kso_page_container h4,
#kso_page_container h5 {margin-top: 0;}

#kso_page_container .sec-weare h1 {font-size: 48px;line-height: 1.2;color: #222;}
#kso_page_container .sec-weare h1 {margin-bottom: 20px;}
#kso_page_container .sec-weare h4 {margin-bottom: 40px;}
#kso_page_container .line-stick {position: relative;}
#kso_page_container .line-stick:before {
	content: '';display: block;
	position: absolute;left: 0;bottom: -20px;
	width: 50px;height: 5px;
	background-color: #222;
}

/* frame-border
---------------------------------------------*/
.frame-border {position: relative;padding-bottom: 86%;}
.frame-border .layer-1 {left: 0;top: 0;width: 75%;height: 100%;}
.frame-border .border {border-style: inset;border-width: 25px;}
.frame-border *[class*="layer"] {
    background-size: cover;
    background-position: center center;
    position: absolute;}
.frame-border .border-image {
    border-style: inset;
    border-width: 25px;
    border-image-repeat: stretch;
    border-image-slice: 30;
}
.frame-border .layer-2 {right: 0;top: 13%;width: 80%;height: 74%;}



/* media
---------------------------------------------*/
@media (min-width: 768px) {
	#kso_page_container .line-stick:before {left: -150px;top: 30px;width: 130px;}
}
@media (min-width: 992px) {
	#kso_page_container .mt-150 {margin-top: 150px;}
	#kso_page_container .mt-100 {margin-top: 100px;}
	#kso_page_container .page-content {padding-left: 50px;}
}
@media (max-width: 991px) {
}

@media (max-width: 768px) {
	#kso_page_container .sec-weare h1 {font-size: 32px;}
}
@media (max-width: 480px) {

}