@font-face{
  font-family: RyuminPro-Regular;
  src: url(../fonts/A-OTF-RyuminPro-Regular.otf);
}

@font-face{
  font-family: RyuminPro-Medium;
  src: url(../fonts/A-OTF-RyuminPro-Medium.otf);
}

@font-face{
  font-family: HiraGyoStdN-w8;
  src: url(../fonts/HiraGyoStdN-w8.otf);
}

body{font-family: RyuminPro-Medium; font-size:16px; font-weight:normal; color:#231815; line-height:normal; background-image:url('../images/main-bg.jpg'); background-repeat: repeat-y; background-size:100% auto}
html{scroll-behavior: smooth;}
*{position:relative; box-sizing: border-box; transition: ease all .5s}
label{display:block;}
img{width:100%}
a{color:#333333; text-decoration:none}
a:hover{color:#000000; text-decoration:none}

ul,ol{margin:0px; padding:0px;}
ul li, ol li{list-style-type:none;}
h1,h2,h4,h5,h6{font-family: HiraGyoStdN-w8; font-weight:bold; color:#000000}

h1{font-size:57px;}
h2{font-size:37px;}
h3{font-size:24px; font-family: RyuminPro-Medium;}
h4{font-size:18px;}
h5{font-size:16px;}
h6{font-size:13px;}

/*.s1-content, .s2-content, .s3-content{max-width:900px; margin:0px auto} */

section{padding:100px 0px 100px; overflow:hidden}
header{width:100%; padding:25px 0px; position:absolute; z-index:1}
.logo{max-width:400px; margin:0px auto 0px}
.social-media{display:flex; position:absolute; right:15px; top:0px;}
.social-media li img{border-radius:50%;}
.social-media li{margin-right:10px;}
.social-media li:last-child{margin-right:0;}
.social-media li img{width:35px; height:35px;}
.social-media li:hover img{box-shadow:0px 0px 15px #fff;}

.s1{padding-bottom:0px;}

.s1-gal-badge{position:absolute; top: -50px; left: -40px;max-width:137px; z-index: 1;}

.s2{padding:0px; background-color:#000000; color:#fff;}
.s2-content{margin-top:30px;}
.s2 h2{color:#e69c37; display:table; margin:0px auto}
.s2 h2:after{position:absolute; content:''; width:160px; height:130px; right:-200px; top:-10px; background-image:url('../images/img8.png')}

.s2 h2 span{font-size:60px;}
.s2 h3{color:#fff; margin-bottom:25px;}
.s2-img{text-align:center; margin-bottom:30px; margin-top:50px;}


.s2-small-img{position:absolute; max-width:150px; z-index:1; border:1px #fff solid}

.s3{padding:0px; }
.s3-title{text-align:center; }
.s3-title img{max-width:662px;}
.s3-title:before, .s3-title:after{position:absolute; content:'';  z-index:1; }
.s3-title:before{left:-30px;top: 10px; background-image:url('../images/img15.png'); width:114px; height:132px}
.s3-title:after{right:0px;top: -25px; background-image:url('../images/img14.png'); width:93px; height:125px}

.s3-content{padding:50px 0px;}
.s3-img{margin:30px 0px;}



.s4{padding:0px; color:#fff; overflow:hidden}
.s4-inner{background-color:#000000; }
.s4-bg{display:none;}
.s4-bg img{max-width: 1300px;}
.s4-content{padding:50px 0px; z-index:2;}

.s4 h2{color:#e69c37; padding-top:50px;}
.s4-img{margin-bottom:20px}

.s5{padding:0px;}
.s5-img{margin-top:20px; margin-bottom:20px; text-align:center}

.s5 h3{margin-bottom:25px;}
.s5 h3 img{max-height:40px; width:auto}
.s5-bg-art{position:absolute; width:188px; height:155px; top:-20px; left:-30px;}

.s6{padding-top:50px; padding-bottom:0px;}
.s6 h2{margin-top:70px;}
.s6-content{margin-top:50px;}
.s6-img{margin-bottom:20px;}




.s7{padding:0px; color:#fff; overflow:hidden}
.s7-inner{background-color:#000; padding:70px 0px;}
.s7 h3{color:#fff; margin-bottom:30px;}

.s7 .s7-row{margin-bottom:20px;}

.s7-bg{display:block; position:absolute;width: 100%; top: 0px; z-index: 1;}

.s7-content{z-index:2}

@media(min-width: 1400px)
{
	.container{max-width: 1340px;}
}


@media(max-width:992px)
{
	.s3-title img{max-width:400px;}
	.s3-title:after{width:60px; height:81px; background-size:cover; top: -15px;}
	.s3-title:before{width:78px; height:90px; background-size:cover; top:40px;}
}

@media(min-width:768px)
{
	.s4-bg{display:block; position:absolute;width: 100%; top: -160px;z-index: 1; text-align:center}
	.s6-img:after{position:absolute; width:18px; height:25px; content:''; right:-25px; top: calc(50% - 14.5px); background-image:url('../images/img30.png')}
	.s6-block-last .s6-img:after{width:0px;}
	.s2-img img{height:300px; width:auto}

}

@media(max-width:767px)
{
	h2{font-size:25px;}
	h3{font-size:20px;}
	.s2 h2 span{font-size:40px;}
	.logo{margin-left: 0px;}
	.s7-inner{padding:30px 0px;}
	.s1-content{}
	.s1-gal{margin-bottom:30px;}
	.s1-gal-badge{left:-10px}
	.s2 h2:after{width:120px; height:98px; right:-135px; background-size:100% 100%;}
	.s4-content{padding:20px 0px}
	.s3-img2{margin-bottom:30px}
	.s3-title{padding:0px 70px 0px 0px;}
	.s2-img img{height:auto; max-width:300px;}


	.s6-block{margin-bottom:40px;}
	.s6-block:after{position:absolute; width:18px; height:25px;top: auto; bottom: -30px; transform: rotate(90deg); right: calc(50% - 9px); content:''; background-image:url('../images/img30.png')}
	.s6-block-last:after{width:0px;}

	.s7-bg{height:100%;}
	.s7-bg img{width: 100%; height: 100%; object-fit: cover;}


}

@media(max-width:480px)
{
	header{padding:15px 0px;}
	.s3-title:after{top:-22px;}
	.s6{padding-top:0px;}
	.s6 h2{margin-top: 20px;}
	.s6-content{margin-top:30px}
  .s3 img{margin-top: -3px;}
}

@media(max-width:400px)
{
	.logo{max-width:200px;}
}